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