Commit | Line | Data |
---|---|---|
5989f559 | 1 | /* Styles specific to contact Summary/Edit/Inline-Edit pages */ |
0e44568b | 2 | |
fba9e4ed | 3 | .crm-container .primary .crm-label { |
0e44568b CW |
4 | font-weight: bold; |
5 | } | |
6 | ||
7 | .crm-container .upper { | |
8 | text-transform: uppercase; | |
9 | } | |
10 | ||
11 | div#crm-contact-thumbnail { | |
12 | padding: 4px; | |
13 | float: right; | |
14 | } | |
15 | ||
16 | .crm-container div.contact_panel { | |
17 | display: block; | |
18 | } | |
19 | ||
20 | .crm-container div.contact_panel td { | |
21 | border-bottom: 1px solid #FFF; | |
22 | } | |
23 | ||
24 | #crm-container div.crm-inline-edit { | |
25 | border: 2px dashed transparent; | |
26 | background: none; | |
27 | position: relative; | |
28 | } | |
29 | ||
30 | #crm-container .crm-edit-ready .crm-inline-edit:hover { | |
31 | cursor: pointer; | |
32 | border: 2px dashed lightgrey; | |
33 | } | |
34 | ||
35 | #crm-container div.crm-inline-edit.form { | |
36 | cursor: default; | |
37 | border: 2px dashed #6665BF; | |
38 | overflow: auto; | |
39 | } | |
40 | ||
41 | #crm-container .crm-inline-edit.add-new { | |
42 | min-height: 2.5em; | |
43 | } | |
44 | ||
45 | #crm-container div.crm-inline-edit .crm-edit-help { | |
46 | display: none; | |
47 | position: absolute; | |
b5efa2c8 CW |
48 | right: 0; |
49 | top: 0; | |
0e44568b | 50 | opacity: .8; |
fd10dc8d | 51 | padding: .4em .9em; |
0e44568b CW |
52 | border-bottom-left-radius: 1em; |
53 | } | |
54 | ||
55 | #crm-container .crm-inline-edit.add-new .crm-edit-help { | |
56 | display: block; | |
57 | background-color: #EBEBEB; | |
58 | } | |
59 | ||
60 | #crm-container .crm-edit-ready .crm-inline-edit:hover .crm-edit-help { | |
61 | display: block; | |
62 | background-color: #DFE1FF; | |
63 | } | |
64 | ||
65 | #crm-container div.crm-inline-edit.form .crm-edit-help { | |
66 | display: none !important; | |
67 | } | |
68 | ||
69 | #crm-container span.crm-custom-greeting { | |
70 | font-size: 9px; | |
71 | } | |
72 | ||
73 | #crm-container table.crm-inline-edit-form td, | |
74 | #crm-container div.crm-inline-edit-form { | |
75 | background-color: #efefe5; | |
76 | white-space: nowrap; | |
77 | } | |
78 | #crm-container table.crm-inline-edit-form td.crm-label, | |
79 | #crm-container div.crm-inline-edit-form .crm-label { | |
80 | white-space: normal; | |
81 | } | |
82 | ||
83 | #crm-container div.crm-inline-edit-field { | |
84 | display: inline-block; | |
85 | padding: 4px 5px; | |
86 | } | |
87 | ||
88 | #crm-container div.crm-summary-contactname-block { | |
89 | padding-bottom: 8px; | |
90 | margin-top: -10px; | |
91 | } | |
92 | ||
93 | #crm-container div.crm-summary-display_name { | |
94 | font-size: 19px; | |
95 | padding-bottom: 10px; | |
96 | } | |
97 | ||
98 | #crm-container div.contactCardLeft, | |
99 | #crm-container div#Top { | |
100 | width: 49%; | |
101 | display: block; | |
102 | float: left; | |
103 | clear: both; | |
104 | } | |
105 | ||
106 | #crm-container div.contactCardRight { | |
107 | width: 49%; | |
108 | display: block; | |
109 | float: right; | |
110 | } | |
111 | ||
112 | #crm-container div.contact_panel table { | |
b5efa2c8 | 113 | margin-bottom: 0; |
0e44568b CW |
114 | } |
115 | ||
116 | #crm-container div.contactCardLeft .label, | |
117 | #crm-container div.contactCardRight .label { | |
4ef8abc2 CW |
118 | color: #2f2f2f; |
119 | font-weight: normal; | |
0e44568b CW |
120 | font-size: 11px; |
121 | vertical-align: top; | |
122 | margin-right: 10px; | |
123 | } | |
124 | ||
125 | #crm-container div.contactCardLeft .grouplabel, | |
126 | #crm-container div.contactCardRight .grouplabel { | |
127 | border-bottom: grey 1px solid; | |
128 | width: 100%; | |
129 | font-size: 0.95em; | |
130 | font-weight: bold; | |
131 | background-color: #ddd; | |
132 | } | |
133 | ||
134 | #crm-container div.contact_panel .spacer { | |
135 | padding: 8px; | |
136 | } | |
137 | ||
138 | #crm-container div.contact_panel td { | |
139 | padding: 4px; | |
140 | vertical-align: top; | |
141 | border-bottom: 1px solid #E2E2E2; | |
142 | } | |
143 | ||
144 | #crm-container div.contact_panel td.label { | |
145 | width: 28%; | |
146 | } | |
147 | ||
148 | #crm-container div.contact_panel td.last { | |
b5efa2c8 | 149 | border-bottom: 0; |
0e44568b CW |
150 | } |
151 | ||
152 | #crm-container #customFields { | |
153 | width: 100%; | |
154 | } | |
155 | ||
156 | #crm-container #customFields div.contact_panel td.talabel { | |
157 | padding: 4px 0 0 4px; | |
b5efa2c8 | 158 | border: 0; |
0e44568b CW |
159 | } |
160 | ||
161 | #crm-container #customFields .contact_panel .customFieldGroup { | |
162 | line-height: 1.4em; | |
163 | padding: 4px; | |
164 | width: 100%; | |
165 | } | |
4ef8abc2 CW |
166 | .crm-container div.contact_panel td.grouplabel { |
167 | border-bottom: 2px solid #D7D7D0 !important; | |
168 | } | |
0e44568b CW |
169 | |
170 | #crm-container div.contact_panel .crm-address-block { | |
171 | margin-bottom: 6px; | |
172 | } | |
173 | #crm-container .crm-add-address-wrapper { | |
174 | height: 25px; | |
175 | } | |
176 | ||
177 | .crm-container .crm-summary-row:after { | |
178 | clear: both; | |
179 | content: "."; | |
180 | display: block; | |
181 | height: 0; | |
182 | visibility: hidden; | |
183 | } | |
184 | ||
185 | #crm-container div.crm-summary-row { | |
186 | background-color: #F4F4ED; | |
187 | border-top: 1px solid #ffffff; | |
188 | margin-bottom: 1px; | |
189 | min-height: 17px; | |
190 | } | |
191 | ||
192 | #crm-container div.crm-summary-row div.crm-label { | |
193 | background-color: #FAFAFA; | |
fba9e4ed | 194 | color: #777760; |
0e44568b CW |
195 | text-align: left; |
196 | width: 122px; | |
197 | float: left; | |
198 | padding: 4px; | |
199 | } | |
200 | ||
201 | #crm-container div.crm-summary-row div.crm-content { | |
202 | padding: 4px; | |
203 | margin-left: 130px; | |
204 | } | |
205 | ||
206 | .crm-container #customFields div.contact_panel td { | |
207 | border-bottom: 1px solid #FFFFFF; | |
208 | padding: 4px; | |
209 | vertical-align: top; | |
210 | } | |
211 | ||
212 | #crm-record-log { | |
b5efa2c8 | 213 | padding: 0.8em 0.8em 0 0; |
0e44568b CW |
214 | text-align: right; |
215 | } | |
216 | ||
5989f559 CW |
217 | #crm-container .geotag { |
218 | padding: 2px 0 2px 20px !important; | |
219 | background: url('../i/geotag_16.png') left center no-repeat; | |
220 | font-size: .9em; | |
221 | } | |
222 | ||
0e44568b CW |
223 | /* contact actions */ |
224 | ||
0871c5f5 CW |
225 | #crm-contact-actions-wrapper { |
226 | position: relative; | |
227 | } | |
228 | ||
229 | #crm-contact-actions-list { | |
230 | width: 495px; | |
231 | } | |
232 | ||
0e44568b CW |
233 | #crm-contact-actions-list ul { |
234 | width: auto; | |
235 | } | |
236 | ||
237 | #crm-contact-actions-list .crm-contact_activities-list ul { | |
238 | padding-right: 4px; | |
239 | } | |
240 | #crm-contact-actions-list .crm-contact_print-list ul, | |
241 | #crm-contact-actions-list .crm-contact_actions-list ul { | |
242 | padding-left: 4px; | |
243 | } | |
244 | ||
245 | #crm-contact-actions-list .crm-contact_activities-list { | |
246 | float: left; | |
247 | } | |
248 | #crm-contact-actions-list .crm-contact_print-list { | |
249 | float: right; | |
250 | } | |
251 | #crm-contact-actions-list .crm-contact_actions-list { | |
252 | margin-left: 160px; | |
253 | margin-right: 161px; | |
254 | border-left: 1px solid #a7a7a7; | |
255 | border-right: 1px solid #a7a7a7; | |
256 | } | |
257 | ||
0e44568b CW |
258 | #crm-contact-actions-list .crm-contact_activities-list select { |
259 | margin-top: 4px; | |
260 | } | |
261 | ||
262 | #crm-contact-actions-list .crm-contact_activities-list, | |
263 | #crm-contact-actions-list .crm-contact_print-list, | |
264 | #crm-contact-actions-list .crm-contact_actions-list { | |
265 | width: 160px; | |
266 | } | |
267 | ||
6f0d2c94 CW |
268 | .crm-container table.crm-address-element { |
269 | border: none; | |
270 | margin-bottom: .25em; | |
271 | } | |
272 | ||
0e44568b CW |
273 | #crm-contact-actions-list .icon { |
274 | background-image: url("../i/icons/jquery-ui-FFFFFF.png"); | |
275 | } | |
276 | ||
b5efa2c8 CW |
277 | .crm-container .restore-icon { |
278 | background-position: 0 -66px; | |
279 | } | |
280 | .crm-container .button:hover .restore-icon { | |
281 | background-image: url("../i/icons/jquery-ui-91CE00.png"); | |
282 | } | |
283 | ||
0e44568b CW |
284 | /* Responsive layout changes */ |
285 | ||
286 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed, | |
287 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tbody, | |
288 | #crm-container .contact_basic_information-section.narrowform.xnarrowform table.form-layout-compressed tr { | |
289 | display: block; | |
290 | width: 100%; | |
291 | } | |
292 | ||
293 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tr { | |
294 | display: inline-block; | |
295 | width: 49%; | |
296 | vertical-align: top; | |
297 | } | |
298 | ||
299 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td { | |
300 | display: block; | |
301 | clear: left; | |
302 | vertical-align: top; | |
303 | margin-bottom: .5ex; | |
304 | } | |
305 | ||
306 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon { | |
307 | position: relative; | |
308 | } | |
309 | ||
310 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon label { | |
311 | padding-bottom: 16px; | |
312 | } | |
313 | ||
314 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td .helpicon { | |
315 | position: absolute; | |
316 | bottom: -12px; | |
317 | left: 2px; | |
318 | } | |
319 | ||
320 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td br { | |
321 | display: none; | |
322 | } | |
323 | ||
324 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td label { | |
325 | display: block; | |
326 | box-sizing: border-box; | |
327 | -moz-box-sizing: border-box; | |
328 | width: 25%; | |
329 | float: left; | |
330 | padding-right: 1%; | |
331 | } | |
332 | ||
333 | #crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td input { | |
334 | box-sizing: border-box; | |
335 | -moz-box-sizing: border-box; | |
336 | width: 75%; | |
337 | } | |
338 | ||
339 | #crm-container #mainTabContainer.narrowpage #contact-summary div.customFieldGroup, | |
340 | #crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardLeft, | |
341 | #crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardRight { | |
342 | box-sizing: border-box; | |
343 | -moz-box-sizing: border-box; | |
344 | float: none; | |
345 | width: 100%; | |
4ef8abc2 CW |
346 | } |
347 | ||
348 | #tagGroup table .label { | |
349 | color: #FFF; | |
350 | } | |
351 | #tagGroup table { | |
352 | color: #000; | |
0e44568b | 353 | } |