1 /* CiviCRM contact summary page styles */
3 .crm-container .primary {
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
{
123 #crm-container div
.contactCardLeft
.grouplabel
,
124 #crm-container div
.contactCardRight
.grouplabel
{
125 border-bottom: grey
1px solid
;
129 background-color: #ddd;
132 #crm-container div
.contact_panel
.spacer
{
136 #crm-container div
.contact_panel td
{
139 border-bottom: 1px solid
#E2E2E2;
142 #crm-container div
.contact_panel td
.label
{
146 #crm-container div
.contact_panel td
.last
{
150 #crm-container #customFields
{
154 #crm-container #customFields div
.contact_panel td
.talabel
{
155 padding: 4px 0 0 4px;
159 #crm-container #customFields
.contact_panel
.customFieldGroup
{
165 #crm-container div
.contact_panel
.crm-address-block
{
168 #crm-container .crm-add-address-wrapper
{
172 .crm-container .crm-summary-row:after {
180 #crm-container div
.crm-summary-row
{
181 background-color: #F4F4ED;
182 border-top: 1px solid
#ffffff;
187 #crm-container div
.crm-summary-row div
.crm-label
{
188 background-color: #FAFAFA;
196 #crm-container div
.crm-summary-row div
.crm-content
{
201 .crm-container #customFields div.contact_panel td {
202 border-bottom: 1px solid
#FFFFFF;
208 padding: 0.8em 0.8em 0 0;
212 /* contact actions */
214 #crm-contact-actions-list ul
{
218 #crm-contact-actions-list .crm-contact_activities-list ul
{
221 #crm-contact-actions-list .crm-contact_print-list ul
,
222 #crm-contact-actions-list .crm-contact_actions-list ul
{
226 #crm-contact-actions-list .crm-contact_activities-list
{
229 #crm-contact-actions-list .crm-contact_print-list
{
232 #crm-contact-actions-list .crm-contact_actions-list
{
235 border-left: 1px solid
#a7a7a7;
236 border-right: 1px solid
#a7a7a7;
239 #crm-contact-actions-wrapper {
243 /* fixes ie bug where button is toooooo long */
245 #crm-contact-actions-list {
247 /* fixes ie bug caused by above*/
250 #crm-contact-actions-list .crm-contact_activities-list select
{
254 #crm-contact-actions-list .crm-contact_activities-list
,
255 #crm-contact-actions-list .crm-contact_print-list
,
256 #crm-contact-actions-list .crm-contact_actions-list
{
260 #crm-contact-actions-list .icon
{
261 background-image: url
("../i/icons/jquery-ui-FFFFFF.png");
264 .crm-container .restore-icon {
265 background-position: 0 -66px;
267 .crm-container .button:hover .restore-icon {
268 background-image: url
("../i/icons/jquery-ui-91CE00.png");
271 /* Responsive layout changes */
273 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed
,
274 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tbody
,
275 #crm-container .contact_basic_information-section
.narrowform
.xnarrowform table
.form-layout-compressed tr
{
280 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed tr
{
281 display: inline-block
;
286 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
{
293 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon
{
297 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.hashelpicon label
{
298 padding-bottom: 16px;
301 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td
.helpicon
{
307 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td br
{
311 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td label
{
313 box-sizing: border-box
;
314 -moz-box-sizing: border-box
;
320 #crm-container .contact_basic_information-section
.narrowform table
.form-layout-compressed td input
{
321 box-sizing: border-box
;
322 -moz-box-sizing: border-box
;
326 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.customFieldGroup
,
327 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.contactCardLeft
,
328 #crm-container #mainTabContainer
.narrowpage #contact-summary div
.contactCardRight
{
329 box-sizing: border-box
;
330 -moz-box-sizing: border-box
;