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;
28 #crm-container div
.crm-inline-edit
{
29 border: 2px dashed transparent
;
34 #crm-container .crm-edit-ready
.crm-inline-edit:hover
{
36 border: 2px dashed lightgrey
;
39 #crm-container div
.crm-inline-edit
.form
{
41 border: 2px dashed
#6665BF;
42 box-shadow: rgba
(255, 255, 255, 0.3) 0 0 0 99999px;
43 background-color: white
;
48 #mainTabContainer:not
(.narrowpage
) .contactCardRight div
.crm-inline-edit
.form
{
52 #crm-container .crm-inline-edit
.add-new
{
56 #crm-container div
.crm-inline-edit
.crm-edit-help
{
63 border-bottom-left-radius: 1em;
66 #crm-container .crm-address-block
+.crm-address-block
.add-new
.crm-edit-help
{
68 background-color: #EBEBEB;
71 #crm-container .crm-edit-ready
.crm-summary-block
.crm-inline-edit:hover
.crm-edit-help
{
73 background-color: #DFE1FF;
76 #crm-container div
.crm-inline-edit
.form
.crm-edit-help
{
77 display: none
!important
;
80 #crm-container .crm-address-block
+.crm-address-block
.add-new
.crm-summary-row
{
84 #crm-container span
.crm-custom-greeting
{
88 #crm-container table
.crm-inline-edit-form td
,
89 #crm-container div
.crm-inline-edit-form
{
90 background-color: #efefe5;
93 #crm-container table
.crm-inline-edit-form td
.crm-label
,
94 #crm-container div
.crm-inline-edit-form
.crm-label
,
95 #crm-container div
.crm-inline-edit-form
.messages
{
99 #crm-container div
.crm-inline-edit-field
{
100 display: inline-block
;
104 #crm-container div
.crm-summary-contactname-block
{
109 #crm-container div
.crm-summary-display_name
{
111 padding-bottom: 10px;
114 #crm-container div
.contactCardLeft
,
115 #crm-container div#Top
{
122 #crm-container div
.contactCardRight
{
128 #crm-container div
.contact_panel table
{
132 #crm-container div
.contactCardLeft
.label
,
133 #crm-container div
.contactCardRight
.label
{
141 #crm-container div
.contactCardLeft
.grouplabel
,
142 #crm-container div
.contactCardRight
.grouplabel
{
143 border-bottom: grey
1px solid
;
147 background-color: #ddd;
150 #crm-container div
.contact_panel
.spacer
{
154 #crm-container div
.contact_panel td
{
157 border-bottom: 1px solid
#E2E2E2;
160 #crm-container div
.contact_panel td
.label
{
164 #crm-container div
.contact_panel td
.last
{
168 #crm-container #customFields
{
172 #crm-container #customFields div
.contact_panel td
.talabel
{
173 padding: 4px 0 0 4px;
177 #crm-container #customFields
.contact_panel
.customFieldGroup
{
182 .crm-container div.contact_panel td.grouplabel {
183 border-bottom: 2px solid
#D7D7D0 !important
;
186 #crm-container div
.contact_panel
.crm-address-block
{
189 #crm-container .crm-add-address-wrapper
{
193 .crm-container .crm-summary-row:after {
201 #crm-container div
.crm-summary-row
{
202 background-color: #F4F4ED;
203 border-top: 1px solid
#ffffff;
208 #crm-container div
.crm-summary-row div
.crm-label
{
209 background-color: #FAFAFA;
217 #crm-container div
.crm-summary-row div
.crm-content
{
222 .crm-container #customFields div.contact_panel td {
223 border-bottom: 1px solid
#FFFFFF;
229 padding: 0.8em 0.8em 0 0;
233 #crm-container .geotag
{
234 padding: 2px 0 2px 20px !important
;
235 background: url
('../i/geotag_16.png') left center no-repeat
;
239 /* contact actions */
241 #crm-contact-actions-wrapper {
245 #crm-contact-actions-list {
249 #crm-contact-actions-list ul
{
253 #crm-contact-actions-list .crm-contact_activities-list ul
{
256 #crm-contact-actions-list .crm-contact_print-list ul
,
257 #crm-contact-actions-list .crm-contact_actions-list ul
{
261 #crm-contact-actions-list .crm-contact_activities-list
{
264 #crm-contact-actions-list .crm-contact_print-list
{
267 #crm-contact-actions-list .crm-contact_actions-list
{
270 border-left: 1px solid
#a7a7a7;
271 border-right: 1px solid
#a7a7a7;
274 #crm-contact-actions-list .crm-contact_activities-list select
{
278 #crm-contact-actions-list .crm-contact_activities-list
,
279 #crm-contact-actions-list .crm-contact_print-list
,
280 #crm-contact-actions-list .crm-contact_actions-list
{
284 .crm-container table.crm-address-element {
286 margin-bottom: .25em;
289 #crm-contact-actions-list .icon
{
290 background-image: url
("../i/icons/jquery-ui-FFFFFF.png");
293 .crm-container .restore-icon {
294 background-position: 0 -66px;
296 .crm-container .button:hover .restore-icon {
297 background-image: url
("../i/icons/jquery-ui-91CE00.png");
300 /* Responsive layout changes */
302 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed
,
303 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tbody
,
304 #crm-container .contact_basic_information-section
.narrowform
.xnarrowform table
.form-layout-compressed tr
{
309 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tr
{
310 display: inline-block
;
315 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
{
322 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon
{
326 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon label
{
327 padding-bottom: 16px;
330 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.helpicon
{
336 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td br
{
340 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td label
{
342 box-sizing: border-box
;
343 -moz-box-sizing: border-box
;
349 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td input
{
350 box-sizing: border-box
;
351 -moz-box-sizing: border-box
;
355 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.customFieldGroup
,
356 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.contactCardLeft
,
357 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.contactCardRight
{
358 box-sizing: border-box
;
359 -moz-box-sizing: border-box
;
372 #tagtree ins
.jstree-icon
{
377 #tagtree .jstree-disabled
{
380 #tagtree .jstree-disabled
> .jstree-checkbox
{
384 #tagGroup table
.label
{