1 /* Styles specific to contact Summary/Edit/Inline-Edit pages */
3 .crm-container .primary .crm-label {
7 .crm-container .upper {
8 text-transform: uppercase
;
11 div#crm-contact-thumbnail
{
16 .crm-container div.contact_panel {
20 .crm-container div.contact_panel td {
21 border-bottom: 1px solid
#FFF;
24 #crm-container div
.crm-inline-edit
{
25 border: 2px dashed transparent
;
30 #crm-container .crm-edit-ready
.crm-inline-edit:hover
{
32 border: 2px dashed lightgrey
;
35 #crm-container div
.crm-inline-edit
.form
{
37 border: 2px dashed
#6665BF;
38 box-shadow: rgba
(255, 255, 255, 0.3) 0 0 0 99999px;
39 background-color: white
;
44 #mainTabContainer:not
(.narrowpage
) .contactCardRight div
.crm-inline-edit
.form
{
48 #crm-container .crm-inline-edit
.add-new
{
52 #crm-container div
.crm-summary-block
.crm-edit-help
{
59 border-bottom-left-radius: 1em;
62 #crm-container .crm-address-block
+.crm-address-block
.add-new
.crm-edit-help
{
64 background-color: #EBEBEB;
67 #crm-container .crm-edit-ready
.crm-summary-block
.crm-inline-edit:hover
.crm-edit-help
{
69 background-color: #DFE1FF;
72 #crm-container div
.crm-inline-edit
.form
.crm-edit-help
{
73 display: none
!important
;
76 #crm-container .crm-address-block
+.crm-address-block
.add-new
.crm-summary-row
{
80 #crm-container span
.crm-custom-greeting
{
84 #crm-container table
.crm-inline-edit-form td
,
85 #crm-container div
.crm-inline-edit-form
{
86 background-color: #efefe5;
89 #crm-container table
.crm-inline-edit-form td
.crm-label
,
90 #crm-container div
.crm-inline-edit-form
.crm-label
,
91 #crm-container div
.crm-inline-edit-form
.messages
{
95 #crm-container div
.crm-inline-edit-field
{
96 display: inline-block
;
100 #crm-container div
.crm-summary-contactname-block
{
105 #crm-container div
.crm-summary-display_name
{
107 padding-bottom: 10px;
110 #crm-container div
.contactCardLeft
,
111 #crm-container div#Top
{
118 #crm-container div
.contactCardRight
{
124 #crm-container div
.contact_panel table
{
128 #crm-container div
.contactCardLeft
.label
,
129 #crm-container div
.contactCardRight
.label
{
137 #crm-container div
.contactCardLeft
.grouplabel
,
138 #crm-container div
.contactCardRight
.grouplabel
{
139 border-bottom: grey
1px solid
;
143 background-color: #ddd;
146 #crm-container div
.contact_panel
.spacer
{
150 #crm-container div
.contact_panel td
{
153 border-bottom: 1px solid
#E2E2E2;
156 #crm-container div
.contact_panel td
.label
{
160 #crm-container div
.contact_panel td
.last
{
164 #crm-container #customFields
{
168 #crm-container #customFields div
.contact_panel td
.talabel
{
169 padding: 4px 0 0 4px;
173 #crm-container #customFields
.contact_panel
.customFieldGroup
{
178 .crm-container div.contact_panel td.grouplabel {
179 border-bottom: 2px solid
#D7D7D0 !important
;
182 #crm-container div
.contact_panel
.crm-address-block
{
185 #crm-container .crm-add-address-wrapper
{
189 .crm-container .crm-summary-row:after {
197 #crm-container div
.crm-summary-row
{
198 background-color: #F4F4ED;
199 border-top: 1px solid
#ffffff;
204 #crm-container div
.crm-summary-row div
.crm-label
{
205 background-color: #FAFAFA;
213 #crm-container div
.crm-summary-row div
.crm-content
{
218 .crm-container #customFields div.contact_panel td {
219 border-bottom: 1px solid
#FFFFFF;
225 padding: 0.8em 0.8em 0 0;
229 /* contact actions */
231 #crm-contact-actions-wrapper {
235 #crm-contact-actions-list {
239 #crm-contact-actions-list ul
{
243 #crm-contact-actions-list .crm-contact_activities-list ul
{
246 #crm-contact-actions-list .crm-contact_print-list ul
,
247 #crm-contact-actions-list .crm-contact_actions-list ul
{
251 #crm-contact-actions-list .crm-contact_activities-list
{
254 #crm-contact-actions-list .crm-contact_print-list
{
257 #crm-contact-actions-list .crm-contact_actions-list
{
260 border-left: 1px solid
#a7a7a7;
261 border-right: 1px solid
#a7a7a7;
264 #crm-contact-actions-list .crm-contact_activities-list select
{
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
{
274 .crm-container table.crm-address-element {
276 margin-bottom: .25em;
279 #crm-contact-actions-list .icon
{
280 background-image: url
("../i/icons/jquery-ui-FFFFFF.png");
283 .crm-container .restore-icon {
284 background-position: 0 -66px;
286 .crm-container .button:hover .restore-icon {
287 background-image: url
("../i/icons/jquery-ui-91CE00.png");
290 /* Responsive layout changes */
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
{
299 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tr
{
300 display: inline-block
;
305 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
{
312 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon
{
316 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon label
{
317 padding-bottom: 16px;
320 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.helpicon
{
326 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td br
{
330 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td label
{
332 box-sizing: border-box
;
333 -moz-box-sizing: border-box
;
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
;
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
;
362 #tagtree ins
.jstree-icon
{
367 #tagtree .jstree-disabled
{
370 #tagtree .jstree-disabled
> .jstree-checkbox
{
374 #tagGroup table
.label
{