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 #crm-container .geotag
{
230 padding: 2px 0 2px 20px !important
;
231 background: url
('../i/geotag_16.png') left center no-repeat
;
235 /* contact actions */
237 #crm-contact-actions-wrapper {
241 #crm-contact-actions-list {
245 #crm-contact-actions-list ul
{
249 #crm-contact-actions-list .crm-contact_activities-list ul
{
252 #crm-contact-actions-list .crm-contact_print-list ul
,
253 #crm-contact-actions-list .crm-contact_actions-list ul
{
257 #crm-contact-actions-list .crm-contact_activities-list
{
260 #crm-contact-actions-list .crm-contact_print-list
{
263 #crm-contact-actions-list .crm-contact_actions-list
{
266 border-left: 1px solid
#a7a7a7;
267 border-right: 1px solid
#a7a7a7;
270 #crm-contact-actions-list .crm-contact_activities-list select
{
274 #crm-contact-actions-list .crm-contact_activities-list
,
275 #crm-contact-actions-list .crm-contact_print-list
,
276 #crm-contact-actions-list .crm-contact_actions-list
{
280 .crm-container table.crm-address-element {
282 margin-bottom: .25em;
285 #crm-contact-actions-list .icon
{
286 background-image: url
("../i/icons/jquery-ui-FFFFFF.png");
289 .crm-container .restore-icon {
290 background-position: 0 -66px;
292 .crm-container .button:hover .restore-icon {
293 background-image: url
("../i/icons/jquery-ui-91CE00.png");
296 /* Responsive layout changes */
298 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed
,
299 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tbody
,
300 #crm-container .contact_basic_information-section
.narrowform
.xnarrowform table
.form-layout-compressed tr
{
305 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tr
{
306 display: inline-block
;
311 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
{
318 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon
{
322 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon label
{
323 padding-bottom: 16px;
326 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.helpicon
{
332 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td br
{
336 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td label
{
338 box-sizing: border-box
;
339 -moz-box-sizing: border-box
;
345 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td input
{
346 box-sizing: border-box
;
347 -moz-box-sizing: border-box
;
351 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.customFieldGroup
,
352 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.contactCardLeft
,
353 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.contactCardRight
{
354 box-sizing: border-box
;
355 -moz-box-sizing: border-box
;
368 #tagtree ins
.jstree-icon
{
373 #tagtree .jstree-disabled
{
376 #tagtree .jstree-disabled
> .jstree-checkbox
{
380 #tagGroup table
.label
{