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;
41 #crm-container .crm-inline-edit
.add-new
{
45 #crm-container div
.crm-inline-edit
.crm-edit-help
{
52 border-bottom-left-radius: 1em;
55 #crm-container .crm-inline-edit
.add-new
.crm-edit-help
{
57 background-color: #EBEBEB;
60 #crm-container .crm-edit-ready
.crm-inline-edit:hover
.crm-edit-help
{
62 background-color: #DFE1FF;
65 #crm-container div
.crm-inline-edit
.form
.crm-edit-help
{
66 display: none
!important
;
69 #crm-container span
.crm-custom-greeting
{
73 #crm-container table
.crm-inline-edit-form td
,
74 #crm-container div
.crm-inline-edit-form
{
75 background-color: #efefe5;
78 #crm-container table
.crm-inline-edit-form td
.crm-label
,
79 #crm-container div
.crm-inline-edit-form
.crm-label
{
83 #crm-container div
.crm-inline-edit-field
{
84 display: inline-block
;
88 #crm-container div
.crm-summary-contactname-block
{
93 #crm-container div
.crm-summary-display_name
{
98 #crm-container div
.contactCardLeft
,
99 #crm-container div#Top
{
106 #crm-container div
.contactCardRight
{
112 #crm-container div
.contact_panel table
{
116 #crm-container div
.contactCardLeft
.label
,
117 #crm-container div
.contactCardRight
.label
{
125 #crm-container div
.contactCardLeft
.grouplabel
,
126 #crm-container div
.contactCardRight
.grouplabel
{
127 border-bottom: grey
1px solid
;
131 background-color: #ddd;
134 #crm-container div
.contact_panel
.spacer
{
138 #crm-container div
.contact_panel td
{
141 border-bottom: 1px solid
#E2E2E2;
144 #crm-container div
.contact_panel td
.label
{
148 #crm-container div
.contact_panel td
.last
{
152 #crm-container #customFields
{
156 #crm-container #customFields div
.contact_panel td
.talabel
{
157 padding: 4px 0 0 4px;
161 #crm-container #customFields
.contact_panel
.customFieldGroup
{
166 .crm-container div.contact_panel td.grouplabel {
167 border-bottom: 2px solid
#D7D7D0 !important
;
170 #crm-container div
.contact_panel
.crm-address-block
{
173 #crm-container .crm-add-address-wrapper
{
177 .crm-container .crm-summary-row:after {
185 #crm-container div
.crm-summary-row
{
186 background-color: #F4F4ED;
187 border-top: 1px solid
#ffffff;
192 #crm-container div
.crm-summary-row div
.crm-label
{
193 background-color: #FAFAFA;
201 #crm-container div
.crm-summary-row div
.crm-content
{
206 .crm-container #customFields div.contact_panel td {
207 border-bottom: 1px solid
#FFFFFF;
213 padding: 0.8em 0.8em 0 0;
217 #crm-container .geotag
{
218 padding: 2px 0 2px 20px !important
;
219 background: url
('../i/geotag_16.png') left center no-repeat
;
223 /* contact actions */
225 #crm-contact-actions-wrapper {
229 #crm-contact-actions-list {
233 #crm-contact-actions-list ul
{
237 #crm-contact-actions-list .crm-contact_activities-list ul
{
240 #crm-contact-actions-list .crm-contact_print-list ul
,
241 #crm-contact-actions-list .crm-contact_actions-list ul
{
245 #crm-contact-actions-list .crm-contact_activities-list
{
248 #crm-contact-actions-list .crm-contact_print-list
{
251 #crm-contact-actions-list .crm-contact_actions-list
{
254 border-left: 1px solid
#a7a7a7;
255 border-right: 1px solid
#a7a7a7;
258 #crm-contact-actions-list .crm-contact_activities-list select
{
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
{
268 .crm-container table.crm-address-element {
270 margin-bottom: .25em;
273 #crm-contact-actions-list .icon
{
274 background-image: url
("../i/icons/jquery-ui-FFFFFF.png");
277 .crm-container .restore-icon {
278 background-position: 0 -66px;
280 .crm-container .button:hover .restore-icon {
281 background-image: url
("../i/icons/jquery-ui-91CE00.png");
284 /* Responsive layout changes */
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
{
293 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tr
{
294 display: inline-block
;
299 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
{
306 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon
{
310 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon label
{
311 padding-bottom: 16px;
314 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.helpicon
{
320 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td br
{
324 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td label
{
326 box-sizing: border-box
;
327 -moz-box-sizing: border-box
;
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
;
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
;
348 #tagGroup table
.label
{