}
#crm-container .crm-content-block {
- padding: 0px;
+ padding: 0;
}
/* TABLE STYLING */
.crm-container table {
- margin: 0em 0em 1em;
+ margin: 0 0 1em;
border-collapse: collapse;
width: 100%;
font-size: 13px;
background: none transparent;
}
-.crm-container table.criteria-group {
- margin-bottom: .1em;
-}
-
-.crm-container table.crm-address-element {
- border: none;
- margin-bottom: .25em;
-}
-
.crm-container th,
.crm-container table.display thead th,
.crm-container table thead.sticky th,
vertical-align: top;
}
-.crm-container tr.even-row td,
-.crm-container tr.odd-row td,
-.crm-container table.display td,
-.crm-container table.pagerDisplay td {
- border-collapse: collapse;
-}
-
.crm-container .crm-row-child {
- margin: 0px;
- padding: 3px 0px 3px 0px;
+ margin: 0;
+ padding: 3px 0 3px 0;
clear: none;
background-color: #F1F8EB;
}
height: 12em;
}
-
/* Override line-height from style.css */
#crm-container,
.crm-container {
color: #3E3E3E;
}
-/*
-** class for hiding the text box;
- it is used in the OtherActivity template
-** for showing the descrition of activity type element.
-*/
-.crm-container .texttolabel,
.crm-container .no-border {
border-style: none;
}
border-bottom: 2px solid #777;
}
-.crm-container div.solid-border-top,
-.crm-container .attachment-fieldset {
+.crm-container .solid-border-top {
margin-top: 15px;
border-top: 1px solid #696969;
}
height: 1em;
}
-.crm-container .add-remove-link,
-.crm-container .map-link,
-.crm-container .font-small {
+.crm-container .add-remove-link {
font-size: .9em;
}
}
.crm-container input.crm-form-text[disabled],
+.crm-container input.dateplugin[disabled],
+.crm-container select.crm-form-select[disabled],
.crm-container input.crm-form-text[readonly] {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd), color-stop(15%, #f2f2f2));
background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
}
+.crm-container input.crm-form-text[disabled],
+.crm-container input.dateplugin[disabled],
+.crm-container select.crm-form-select[disabled] {
+ color: #a9a9a9;
+}
+
+.crm-container .crm-form-time {
+ width: 5em;
+ margin-left: 1em;
+}
+
.crm-container .crm-form-submit {
margin: .25em 0.5em 0.25em 0;
}
margin-bottom: 28px;
}
-.crm-container span.crm-lock-button {
- float: right;
-}
-
.crm-container fieldset {
background: none;
- padding: 4px 0px;
- margin: 10px 0px;
+ padding: 4px 0;
+ margin: 10px 0;
border: none;
border-top: 1px solid #CFCEC3;
}
background-color: transparent;
color: #3E3E3E;
position: relative;
- text-indent: 0px;
+ text-indent: 0;
width: auto;
}
.crm-container fieldset.form-layout {
- margin: .25em 0em .5em 0em;
+ margin: .25em 0 .5em 0;
padding: 1px 10px 1px 10px;
}
.crm-container fieldset.collapsible {
- border: 0px;
+ border: 0;
}
.crm-container div.form-item {
border-top-style: none;
- margin: 0px;
- padding: 3px 0px 5px 0px;
+ margin: 0;
+ padding: 3px 0 5px 0;
clear: none;
height: 100%;
}
}
.crm-container .no-label .content {
- margin-left: 0px;
+ margin-left: 0;
}
#crm-container #cvv2 {
width: 150px;
text-align: right;
vertical-align: top;
- padding: 5px 15px 5px 0px;
+ padding: 5px 15px 5px 0;
font-size: .95em;
white-space: normal;
}
text-align: left;
font-weight: bold;
white-space: nowrap;
- padding: 5px 15px 5px 0px;
+ padding: 5px 15px 5px 0;
}
.crm-container div.form-item dd,
.crm-container div.form-item dd.description,
.crm-container div.crm-form-block dd.description {
- padding: 0px 0px 5px;
+ padding: 0 0 5px;
white-space: normal;
}
.crm-container table.form-layout,
.crm-container table.control-panel,
.crm-container table.no-border {
- margin: 0em;
+ margin: 0;
border-collapse: collapse;
- border: 0px none;
+ border: 0 none;
}
.crm-container table.form-layout-compressed {
- margin: 0em 0em .5em;
+ margin: 0 0 .5em;
width: auto;
border-collapse: collapse;
border: 1px none;
}
.crm-container table.advmultiselect {
- margin: 0em;
+ margin: 0;
width: auto;
border-collapse: collapse;
border: 1px solid #696969;
padding: 3px;
width: 25%;
white-space: nowrap;
- border: 0px none;
+ border: 0 none;
text-align: center;
}
.crm-container .form-layout-compressed th.label {
text-align: right;
padding: 4px 4px 4px 6px;
- border: 0px none;
+ border: 0 none;
vertical-align: top;
}
-.crm-container td.op-checkbox label {
- font-weight: normal;
- font-style: italic;
-}
-
.crm-container .form-layout td.label-left,
.crm-container .form-layout-compressed td.label-left {
text-align: left;
padding: 4px 4px 4px 6px;
- border: 0px none;
+ border: 0 none;
vertical-align: top;
}
-.crm-container table.selector td {
- border-right: 1px solid #dddddd;
-}
-
.crm-container .form-layout td.view-value,
.crm-container .form-layout-compressed td.view-value {
text-align: left;
padding: 4px;
- border: 0px none;
+ border: 0 none;
vertical-align: top;
}
padding-top: 10px;
}
-.crm-container .button-disabled {
- color: #CFCEC3!important;
-}
-
.crm-container .form-layout-compressed td.describe-image {
vertical-align: top;
- padding: 0.5em 0em 0em 0em;
+ padding: 0.5em 0 0 0;
font-size: .9em;
}
.crm-container .form-layout-compressed td.option-label {
vertical-align: top;
text-align: right;
- padding: 0.75em 0.5em 0em 0.75em;
+ padding: 0.75em 0.5em 0 0.75em;
color: #7a7a60;
}
/* messages and status */
.crm-container .messages {
- margin: 1.0em 0em 1.0em;
+ margin: 1em 0 1em;
border: none;
font-weight: normal;
}
background-color: #FFFFCC;
background-image: none;
border: 1px solid #FFFF66;
- margin: 0.5em 0px;
+ margin: 0.5em 0;
padding: 0.25em 0.5em;
color: #3e3e3e;
font-weight: normal;
}
.crm-container div.status dd {
- margin-left: 0px;
+ margin-left: 0;
}
.crm-container div.status ul {
visibility: hidden;
}
-#crm-record-log {
- padding: 0.8em 0.8em 0em 0em;
- text-align: right;
-}
-
.crm-container #access {
- padding: 0.8em 0.8em 0em 0em;
+ padding: 0.8em 0.8em 0 0;
text-align: right;
}
.crm-container .header-dark {
- margin: 0.5em 0em 0.5em;
+ margin: 0.5em 0 0.5em;
padding: 0.5em;
background-color: #999999;
font-weight: bold;
color: #FAFAFA;
border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- -khtml-border-radius: 2px;
}
.crm-container div.display-block {
font-weight: normal;
- margin: 1.0em 2.0em 1.0em 2.0em;
+ margin: 1em 2em 1em 2em;
}
/* Data display layouts */
vertical-align: top;
width: 40%;
text-align: left;
- margin: 0px 25px 0px 25px;
+ margin: 0 25px 0 25px;
}
#crm-container .col2 {
vertical-align: top;
width: 50%;
text-align: left;
- margin: 0px;
+ margin: 0;
}
#crm-container ul.indented {
padding-left: 1em;
}
-/*
-** CSS for links from Drupal Blocks.
-*/
/* Following styles are used to remove the white bullets from the Garland Theme */
.crm-container ul li {
background-image: none;
}
-/* But allow them for the help at the top of forms
-*/
+/* But allow them for the help at the top of forms */
.crm-container #help ul li {
background-image: url(menu-leaf.png);
}
.crm-container .crm-loading-element {
padding-left: 30px;
height: 30px;
- background: transparent url("../i/loading.gif") no-repeat 0px 0px;
+ background: transparent url("../i/loading.gif") no-repeat 0 0;
}
.crm-container div div.crm-msg-loading div.icon {
- background: transparent url("../i/loading-2f2f2e.gif") no-repeat 0px 0px;
+ background: transparent url("../i/loading-2f2f2e.gif") no-repeat 0 0;
}
/*
margin: 4px;
}
-/* Set display: inline to over-ride drupal.css which sets label tags to display: block */
-#crm-container .notorg {
- font-weight: normal;
-}
-
.crm-container .font-light {
font-weight: lighter;
}
}
#crm-container td.enclosingNested {
- padding: 0px;
+ padding: 0;
}
#crm-container .nowrap {
border: 2px solid #999999;
}
-#crm-container td.yes-no {
- text-align: center;
-}
-
-#crm-container .horizontal-position {
- margin-right: 30px;
- margin-left: 30px;
-}
-
-#crm-container .horizontal-center {
- text-align: center;
- margin: 0 auto;
- width: 80%;
-}
-
-#crm-container .place-left {
- float: left;
- margin-left: 30px;
- margin-right: 30px;
-}
-
#crm-container .float-left {
float: left;
- padding: 4px 0px;
+ padding: 4px 0;
clear: none;
}
#crm-container .float-right {
float: right;
width: auto;
- padding: 4px 0px;
+ padding: 4px 0;
clear: none;
}
.crm-container .crm-search-results {
margin-bottom: 4px;
- padding: 0px;
+ padding: 0;
}
.crm-container #search-status {
}
.crm-container #search-status ul {
- margin: 0em;
+ margin: 0;
}
.crm-container #search-status ul li,
#crm-container ul.left-alignment li {
display: list-item;
- margin-left: 2.0em;
+ margin-left: 2em;
list-style-position: inside;
}
#crm-container .section-hidden {
display: block;
- margin: 0px;
+ margin: 0;
padding: 5px;
font-size: 0.95em;
}
margin-left: 5px;
font-size: 13px;
font-family: Verdana;
- padding: 2px 0 0 0px;
+ padding: 2px 0 0 0;
}
#crm-container .section-shown {
- padding: 0px 5px;
+ padding: 0 5px;
}
#crm-container .data-group-first {
margin: 10px 5px 5px 5px;
/* Styles for Wizard Progress Bars */
#crm-container ul.wizard-bar {
border-collapse: collapse;
- padding: 0em 0em 0em 1em;
+ padding: 0 0 0 1em;
white-space: nowrap;
list-style: none;
- margin: 10px 0px 20px;
+ margin: 10px 0 20px;
height: auto;
width: auto;
line-height: normal;
}
#crm-container ul.wizard-bar li:first-child {
- border-radius: 8px 0px 0px 8px;
+ border-radius: 8px 0 0 8px;
}
#crm-container ul.wizard-bar li:last-child {
- border-radius: 0px 8px 8px 0px;
+ border-radius: 0 8px 8px 0;
}
/* Recently Viewed bar */
#crm-recently-viewed ul {
list-style-image: none;
font-size: .9em;
- margin: 0px;
- padding: 0px;
}
#crm-recently-viewed li.crm-recently-viewed {
white-space: nowrap;
list-style-type: none;
position: relative;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
border-radius: 4px;
}
#crm-recently-viewed .crm-recentview-wrapper {
background-color: #FFFFCC;
border: 1px solid #FFFF66;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
border-radius: 4px;
}
z-index: 99;
width: 10em;
overflow: hidden;
- top: 0px;
+ top: 0;
text-align: center;
padding-top: 1em;
}
#crm-recently-viewed ul,
#crm-container #alpha-filter ul {
border-collapse: collapse;
- padding: 0em;
+ padding: 0;
list-style-type: none;
margin: 3px;
height: auto;
.crm-container #lang-switch {
float: right;
z-index: 2;
- margin: -24px 30px 0px 0px;
+ margin: -24px 30px 0 0;
}
-/*
-** Boxes of checkbox elements (e.g. Advanced Search page)
-*/
-.crm-container .listing-box {
+/* Boxes of checkbox elements (e.g. Advanced Search page) */
+.crm-container .listing-box,
+.crm-container .listing-box-tall {
width: auto;
max-width: 30em;
height: 7.25em;
color: black;
}
-/*
-** To allow for taller boxes of groups/tags.
-*/
+/* To allow for taller boxes of groups/tags. */
.crm-container .listing-box-tall {
- margin: 0.25em 2.0em 0.5em 0em;
- width: auto;
- max-width: 30em;
+ margin: .25em 2em .5em 0;
height: 15em;
- overflow: auto;
- border: 1px solid #999999;
}
/* Image Styles */
padding: 2px 2px 2px 3px;
margin: 2px 2px 3px 2px;
cursor: pointer;
- cursor: hand;
-}
-
-/*
-** Style for hiding blocks or table rows
-*/
-.crm-container .hide-block,
-.crm-container .hide-row {
- display: none;
-}
-
-/*
-** Styles for showing blocks and table rows
-*/
-#crm-container .show-block {
- display: block;
-}
-
-#crm-container .show-row {
- display: table-row;
}
#crm-container input.submit-link {
background: none transparent;
border: none;
cursor: pointer;
- margin: 0em -0.5em 0em -0.5em;
+ margin: 0 -0.5em 0 -0.5em;
text-shadow: none;
}
content: "\00BB";
}
-.crm-container div#searchForm {
- height: auto;
- width: 100%;
-}
-
-.crm-container div#searchForm table.form-layout {
- border-spacing: 0;
-}
-
-.crm-container div#searchForm table.form-layout td {
- padding: 4px;
- border: 1px solid #DDDDDD;
-}
-
-.crm-container #main {
- height: 95%;
- width: 95%;
- left: 1%;
- top: 1%;
- position: relative;
-}
-
-#crm-container .label-pane {
- margin: 0.25em 0em 0em;
- padding: 0.25em;
- background-color: #6AA8EE;
- cursor: pointer;
- color: #213245;
- font-weight: bold;
- cursor: pointer;
-}
-
-#crm-container .content-pane {
- overflow: auto;
-}
-
-/*
-editor specific classes
-*/
+/* editor specific classes */
#crm-container dd.editor {
margin-top: 0.7em;
- margin-left: 0em;
+ margin-left: 0;
float: left;
vertical-align: top;
width: 58em;
/* class for tinymce buttons display */
#crm-container table.mceLayout td,
#crm-container table.mceLayout table {
- padding: 0px;
+ padding: 0;
background: #EDEDED;
border: 2px solid #EDEDED;
- font-size: 0em;
+ font-size: 0;
vertical-align: top;
width: auto;
}
#location .form-layout table,
#location .form-layout td,
#crm-container div#location table.form-layout table.inner-table td {
- border: 0px;
+ border: 0;
vertical-align: top;
margin-bottom: -5px;
width: auto;
#crm-container table.campaign,
#crm-container table.campaign table.form-layout td {
font-size: 9pt;
- border: 0px;
+ border: 0;
width: auto;
vertical-align: top;
}
max-width: 360px;
}
-#crm-container .ui-draggable {
- background: url("../i/draggable.png") no-repeat left 1px;
- float: left;
- height: 16px;
- text-indent: -10000px;
- width: 16px;
-}
-
#crm-container .pcp-widgets {
border: 1px solid #CCCCCC;
float: right;
}
#crm-container table.nestedSelector {
- margin: 0px;
+ margin: 0;
width: 100%;
- border-bottom: 0px;
+ border-bottom: 0;
}
#crm-container table.nestedSelector tr.columnheader th {
- border: 0px;
+ border: 0;
}
#crm-container table.caseSelector {
vertical-align: top;
- border: 0px;
+ border: 0;
margin: 0.5em 0.1em;
}
border-bottom: 1px solid #999999;
}
-#crm-container table.caseSelector td.status-urgent {
- font-weight: bold;
- text-transform: uppercase;
-}
-
#crm-container table.caseSelector td {
- border-right: 0px;
+ border-right: 0;
padding: 4px;
}
#crm-container table.nestedActivitySelector {
- margin: 0px;
+ margin: 0;
width: 100%;
- border: 0px;
+ border: 0;
color: #333333;
}
#crm-container table#activities-selector.nestedActivitySelector,
#crm-container table#activities-selector.nestedActivitySelector td {
- border: 0px;
+ border: 0;
}
#crm-container table.nestedActivitySelector td {
- border-right: 0px;
+ border-right: 0;
}
#crm-container table#activities-selector.nestedActivitySelector tr.status-overdue {
background: transparent;
}
-#crm-container span.success-status {
- margin-left: 6px;
- background-color: #ffff99;
- padding: .25em .5em .25em .5em;
- border: 1px solid #696969;
-}
-
/* Styles for Config Task List */
#crm-container td.tasklist a {
font-weight: bold;
}
#crm-container .crm-actions-ribbon ul {
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
}
#crm-container .crm-actions-ribbon li {
float: left;
margin: 0 8px 0 0;
- padding: 0px;
+ padding: 0;
list-style: none;
}
#crm-container .crm-actions-ribbon li.crm-previous-action,
#crm-container .crm-actions-ribbon li.crm-next-action {
float: right;
- margin: 0px 0px 0px 8px;
+ margin: 0 0 0 8px;
}
#crm-container .ac_results li {
float: none;
padding: 4px;
- margin: 0px;
+ margin: 0;
line-height: 15px;
}
.crm-container .action-item-wrap {
- padding: 0px 5px;
+ padding: 0 5px;
border-left: 1px solid #CCC;
white-space: normal;
}
color: #000;
padding: 1px 2px 1px 0;
opacity: .7;
+ cursor: pointer;
}
.crm-container a.crm-hover-button.action-item,
.crm-container .crm-hover-button.btn-slide {
display: none;
z-index: 9999;
position: absolute;
- border-bottom: 0px;
+ border-bottom: 0;
background: transparent url(../i/dropdown-pointer.gif) no-repeat scroll 150px 1px;
text-align: left;
padding-top: 5px;
- margin: 0px;
+ margin: 0;
width: 180px;
}
.crm-container td ul.panel {
top: 15px;
- right: 0px;
+ right: 0;
}
.crm-container td ul.panel li {
- margin: 0px;
+ margin: 0;
padding: 2px;
list-style: none;
background-image: none;
}
.crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
- padding-bottom: 0px;
+ padding-bottom: 0;
border: none;
}
padding: .5em 1em !important;
}
-/* Styles for Contact Summary start here. dgg */
-#crm-container .primary {
- font-weight: bold;
-}
-
#crm-container .ui-tabs-panel {
padding: 4px;
min-height: 12em;
clear: both;
}
-#crm-container div#crm-contact-thumbnail {
- padding: 4px;
- float: right;
-}
-
-#crm-container div.contact_panel {
- display: block;
-}
-
-#crm-container .upper {
- text-transform: uppercase;
-}
-
#crm-container table.caseSelector td.status-urgent {
font-weight: bold;
text-transform: uppercase;
}
-#crm-container div.crm-inline-edit {
- border: 2px dashed transparent;
- background: none;
- position: relative;
-}
-
-#crm-container .crm-edit-ready .crm-inline-edit:hover {
- cursor: pointer;
- border: 2px dashed lightgrey;
-}
-
-#crm-container div.crm-inline-edit.form {
- cursor: default;
- border: 2px dashed #6665BF;
- overflow: auto;
-}
-
-#crm-container .crm-inline-edit.add-new {
- min-height: 2.5em;
-}
-
-#crm-container div.crm-inline-edit .crm-edit-help {
- display: none;
- position: absolute;
- right: 0px;
- top: 0px;
- opacity: .8;
- padding: .4em;
- border-bottom-left-radius: 1em;
-}
-
-#crm-container .crm-inline-edit.add-new .crm-edit-help {
- display: block;
- background-color: #EBEBEB;
-}
-
-#crm-container .crm-edit-ready .crm-inline-edit:hover .crm-edit-help {
- display: block;
- background-color: #DFE1FF;
-}
-
-#crm-container div.crm-inline-edit.form .crm-edit-help {
- display: none !important;
-}
-
-#crm-container div.crm-summary-contactname-block {
- padding-bottom: 8px;
- margin-top: -10px;
-}
-
-#crm-container div.crm-summary-display_name {
- font-size: 19px;
- padding-bottom: 10px;
-}
-
-#crm-container div.contactCardLeft,
-#crm-container div#Top {
- width: 49%;
- display: block;
- float: left;
- clear: both;
-}
-
-#crm-container div.contactCardRight {
- width: 49%;
- display: block;
- float: right;
-}
-
-#crm-container div.contact_panel table {
- margin-bottom: 0px;
-}
-
-#crm-container div.contactCardLeft .label,
-#crm-container div.contactCardRight .label {
- font-size: 11px;
- vertical-align: top;
- margin-right: 10px;
-}
-
-#crm-container div.contactCardLeft .grouplabel,
-#crm-container div.contactCardRight .grouplabel {
- border-bottom: grey 1px solid;
- width: 100%;
- font-size: 0.95em;
- font-weight: bold;
- background-color: #ddd;
-}
-
-#crm-container div.contact_panel .spacer {
- padding: 8px;
-}
-
-#crm-container div.contact_panel td {
- padding: 4px;
- vertical-align: top;
- border-bottom: 1px solid #E2E2E2;
-}
-
-#crm-container div.contact_panel td.label {
- width: 28%;
-}
-
-#crm-container div.contact_panel td.last {
- border-bottom: 0px;
-}
-
-#crm-container #customFields {
- width: 100%;
-}
-
-#crm-container #customFields div.contact_panel td.talabel {
- padding: 4px 0 0 4px;
- border: 0px;
-}
-
-#crm-container #customFields .contact_panel .customFieldGroup {
- background-color: #F7F7F7;
- line-height: 1.4em;
- padding: 4px;
- width: 100%;
-}
-
-#crm-container div.contact_panel .crm-address-block {
- margin-bottom: 6px;
-}
-#crm-container .crm-add-address-wrapper {
- height: 25px;
-}
-
-.crm-container .crm-clearfix:after,
-#crm-container .crm-summary-row:after {
+.crm-container .crm-clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 11px;
}
-#crm-container div.crm-summary-row {
- background-color: #F4F4ED;
- border-top: 1px solid #ffffff;
- margin-bottom: 1px;
- min-height: 17px;
-}
-
-#crm-container div.crm-summary-row div.crm-label {
- background-color: #FAFAFA;
- color: #7A7A60;
- text-align: left;
- width: 122px;
- float: left;
- padding: 4px;
-}
-
-#crm-container div.crm-summary-row div.crm-content {
- padding: 4px;
- margin-left: 130px;
-}
-
-#crm-container div.crm-config-option {
- float: right;
- padding-right: 10px;
- padding-top: 5px;
-}
-
-#crm-container span.crm-custom-greeting {
- font-size: 9px;
-}
-
-#crm-container table.crm-inline-edit-form td,
-#crm-container div.crm-inline-edit-form {
- background-color: #efefe5;
- white-space: nowrap;
-}
-#crm-container table.crm-inline-edit-form td.crm-label,
-#crm-container div.crm-inline-edit-form .crm-label {
- white-space: normal;
-}
-
-#crm-container div.crm-inline-edit-field {
- display: inline-block;
- padding: 4px 5px;
-}
+/* reports */
#crm-container div.buttons {
text-align: right;
vertical-align: top !important;
}
-
#crm-container div.buttons #actions {
text-align: left;
float: left;
}
#crm-container div.buttons ul#actions {
list-style-type: none;
- padding-left: 0px;
+ padding-left: 0;
}
#crm-container div.buttons #actions li {
float: left;
- padding: 0px;
+ padding: 0;
margin: 0 5px 0 0;
}
float: right;
}
+.crm-container table.criteria-group {
+ margin-bottom: .1em;
+}
+
#crm-container .separator {
border-bottom: solid 2px #ccc;
}
-/* reports */
#crm-container .report-layout {
border: none;
}
}
#crm-container table.view-layout {
- margin: 0em;
+ margin: 0;
border-collapse: collapse;
- border: 0px none;
+ border: 0 none;
}
#crm-container table.view-layout .label {
}
#crm-container .cke_editor {
- border: 0px none;
+ border: 0 none;
}
-
/* Set/alter ICONS */
#crm-container div#printer-friendly {
.crm-container .crm-submit-buttons,
.crm-container .action-link {
height: 27px;
- margin: 4px 0px 4px 2px;
+ margin: 4px 0 4px 2px;
}
.crm-container .register_link-top {
margin-left: .5em;
}
-.crm-container .crm-button {
- border: medium none;
- cursor: pointer;
- display: block;
- float: left !important;
- overflow: hidden;
- text-shadow: 0 1px 0 black;
- margin: 0px 12px 0 0;
-}
-
.crm-container .crm-button input {
background: none;
_background: #6C6C6C;
.crm-container a.button:link,
.crm-container a.button:visited,
.crm-container input.crm-form-submit,
-.crm-container .crm-button,
.crm-container .ui-dialog-buttonset .ui-button,
.crm-container input[type=button],
.crm-container .crm-button {
border: 1px solid #3e3e3e;
}
-.crm-container input.crm-form-submit[disabled],
-.crm-container input[type=button][disabled],
-.crm-container .crm-button[disabled] {
- color: #999;
+.crm-container span.crm-button {
+ display: block;
+ float: left !important;
+ overflow: hidden;
+ padding: 1px;
}
-.crm-container .crm-button {
- padding: 1px;
+.crm-container button.crm-button {
+ padding: 3px 6px;
+}
+
+.crm-container button.crm-button .icon {
+ margin-bottom: -4px;
}
.crm-container input.crm-form-submit,
.crm-container a.button:visited {
display: block;
float: left;
+ line-height: 135%;
}
.crm-container a.button .crm-container a.crm-invoiceButton span {
background-position: 0 -25px;
}
+.crm-container .crm-button-disabled,
+.crm-container .crm-button.crm-button-disabled,
+.crm-container .ui-dialog-buttonset .ui-button[disabled],
+.crm-container input.crm-form-submit[disabled],
+.crm-container input[type=button][disabled],
+.crm-container .crm-button[disabled] {
+ opacity: .6;
+ cursor: default;
+ background-position: top left;
+}
+
+.crm-container .crm-button-disabled input[disabled] {
+ opacity: 1;
+}
+
.crm-container .ui-dialog-buttonpane {
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 35%);
}
.crm-container .ui-dialog-buttonset .ui-button {
padding: 0;
}
-.crm-container .ui-dialog-buttonset .ui-button .ui-icon,
-#crm-contact-actions-list .icon {
+.crm-container .ui-dialog-buttonset .ui-button .ui-icon {
background-image: url("../i/icons/jquery-ui-FFFFFF.png");
}
#crm-participant-wrapper,
#crm-event-links-wrapper,
#crm-contribpage-links-wrapper,
-#crm-create-new-wrapper,
-#crm-contact-actions-wrapper {
+#crm-create-new-wrapper {
position: relative;
float: left;
}
display: none;
top: 24px;
width: 220px;
- left: 0px;
+ left: 0;
z-index: 15;
}
width: 160px;
}
-#crm-contact-actions-list .crm-contact_activities-list select {
- margin-top: 4px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list,
-#crm-contact-actions-list .crm-contact_print-list,
-#crm-contact-actions-list .crm-contact_actions-list {
- width: 160px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list ul,
-#crm-contact-actions-list .crm-contact_print-list ul,
-#crm-contact-actions-list .crm-contact_actions-list ul,
#crm-event-links-list .crm-event-info ul,
#crm-event-links-list .crm-event-test ul,
#crm-event-links-list .crm-event-live ul,
#crm-participant-list .crm-participant-listing ul,
#crm-create-new-list ul {
width: auto;
- margin: 0px;
- padding: 0px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list ul {
- padding-right: 4px;
-}
-#crm-contact-actions-list .crm-contact_print-list ul {
- padding-left: 4px;
-}
-#crm-contact-actions-list .crm-contact_actions-list ul {
- padding-left: 4px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list {
- float: left;
-}
-#crm-contact-actions-list .crm-contact_print-list {
- float: right;
-}
-#crm-contact-actions-list .crm-contact_actions-list {
- margin-left: 160px;
- margin-right: 161px;
- border-left: 1px solid #a7a7a7;
- border-right: 1px solid #a7a7a7;
-}
-
-/* =================== */
-/* ! contact actions */
-/* =================== */
-
-
-#crm-contact-actions-wrapper {
- width: 85px;
- /* fixes ie bug where button is toooooo long */
-}
-#crm-contact-actions-list {
- width: 495px;
- /* fixes ie bug caused by above*/
+ margin: 0;
+ padding: 0;
}
/* setup for icons */
background-image: url('');
}
-.crm-container .ui-icon {
+.crm-container .ui-icon,
+.crm-container .icon {
background-image: url("../i/icons/jquery-ui-52534D.png")
}
+
.crm-container .icon {
height: 16px;
width: 16px;
- background-image: url("../i/icons/jquery-ui-52534D.png");
float: left;
text-indent: -10000px;
}
background-image: url("../i/icons/jquery-ui-2786C2.png");
}
-.crm-container .crm-button .icon {
+.crm-container span.crm-button .icon {
margin-top: 3px;
}
-.crm-container input.crm-button.crm-icon-button {
- position: relative;
+.crm-container .button .icon {
+ float: left;
+ display: block;
+ margin-right: 3px;
+ top: -1px;
+}
+
+.crm-container .button .icon.css_right {
+ float: right;
+ margin-right: 0;
+ margin-left: 3px;
+}
+
+.crm-container .crm-button.crm-icon-button {
+ padding: 2px 2px 1px 4px;
}
.crm-container .crm-button.crm-icon-button input {
}
.crm-container .red-icon,
.crm-container a:hover .icon.delete-icon,
-.crm-container span:hover .icon.delete-icon {
+.crm-container .crm-button:hover .icon.ui-icon-trash,
+.crm-container .crm-hover-button:hover .icon.ui-icon-trash,
+.crm-container span:hover > .icon.delete-icon {
background-image: url("../i/icons/jquery-ui-8A1F11.png");
}
-.crm-container .restore-icon {
- background-position: 0px -66px;
- background-image: url("../i/icons/jquery-ui-91CE00.png");
-}
-.crm-container .button:hover .restore-icon {
- background-image: url("../i/icons/jquery-ui-91CE00.png");
-}
-
.crm-container .inform-icon {
background-position: -16px -144px;
margin-right: 5px;
}
-#crm-container .geotag {
- padding: 2px 0 2px 20px !important;
- background: url('../i/geotag_16.png') left center no-repeat;
- font-size: .9em;
-}
-
/* These .crm-icon classes use item_sprites.png */
.crm-container .crm-icon {
.select2-results .select2-highlighted .Individual-icon,
.crm-container .Individual-icon {
- background-position: 0px 0px;
+ background-position: 0 0;
}
.select2-results .select2-highlighted .Organization-icon,
.crm-container .Organization-icon {
- background-position: -48px 0px;
+ background-position: -48px 0;
}
.select2-results .select2-highlighted .Household-icon,
.crm-container .Household-icon {
- background-position: -32px 0px;
+ background-position: -32px 0;
}
.crm-container .Group-icon {
- background-position: -16px 0px;
+ background-position: -16px 0;
}
.select2-results .Individual-icon,
.crm-container .Individual-subtype-icon {
- background-position: 0px -48px;
+ background-position: 0 -48px;
}
.select2-results .Household-icon,
.crm-container .Household-subtype-icon {
}
.crm-container .Activity-icon {
- background-position: -64px 0px;
+ background-position: -64px 0;
}
.crm-container .Case-icon {
- background-position: -80px 0px;
+ background-position: -80px 0;
}
.crm-container .Grant-icon {
- background-position: 0px -16px;
+ background-position: 0 -16px;
}
.crm-container .Contribution-icon {
background-position: -16px -16px;
background-position: -32px -16px;
}
.crm-container .Participant-icon {
- background-position: 0px -32px;
+ background-position: 0 -32px;
}
.crm-container .Note-icon {
background-position: -16px -32px;
background-color: transparent;
font-size: 16px;
color: #3e3e3e;
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.crm-container .crm-accordion-inner .crm-accordion-header {
}
.crm-container .crm-accordion-header {
- -moz-border-radius: 4px 4px 0px 0px;
- -webkit-border-radius: 4px 4px 0px 0px;
- -khtml-border-radius: 4px 4px 0px 0px;
- border-radius: 4px 4px 0px 0px;
+ border-radius: 4px 4px 0 0;
}
.crm-container .collapsed .crm-accordion-header {
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
border-radius: 4px;
}
.crm-container .crm-accordion-body {
- -moz-border-radius: 0px 0px 4px 4px;
- -webkit-border-radius: 0px 0px 4px 4px;
- -khtml-border-radius: 0px 0px 4px 4px;
- border-radius: 0px 0px 4px 4px;
+ border-radius: 0 0 4px 4px;
border: 1px solid #70716B;
- border-top: 0px;
- padding: 4px 0px;
+ border-top: 0;
+ padding: 4px 0;
}
.crm-container .crm-collapsible .collapsible-title {
padding-left: 19px;
text-decoration: none;
background-repeat: no-repeat;
- background-position: 0px center;
+ background-position: 0 center;
cursor: pointer;
}
.crm-container .crm-master-accordion-header+.crm-accordion-body {
border: none;
- padding: 0px;
+ padding: 0;
}
.crm-container .crm-accordion-header.active {
/* civicrm admin menu */
#civicrm-menu .ui-autocomplete-input,
.crm-container .ui-autocomplete-input {
- background: white url("../packages/jquery/plugins/select2/select2.png") no-repeat scroll right -23px;
+ background: white url("../bower_components/select2/select2.png") no-repeat scroll right -23px;
padding-right: 16px;
/* so that text doesn't flow on top of icon */
}
#civicrm-menu #crm-qsearch input {
background-color: #eaeaea;
border: 1px solid black;
- margin: 0px;
+ margin: 0;
padding: 2px 16px 3px 2px;
height: 16px;
}
.crm-container .crm-tooltip-wrapper {
position: absolute;
- bottom: 0px;
+ bottom: 0;
left: -36px;
overflow: hidden;
z-index: 1000;
}
.crm-container .crm-tooltip .crm-summary-group {
width: 700px;
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.crm-container .crm-tooltip .crm-report-overlay {
width: 500px;
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.crm-container .crm-tooltip .crm-report-overlay thead td {
padding: 2px 4px 0 4px;
font-size: 14px;
color: #FFF;
- margin-bottom: 0px;
+ margin-bottom: 0;
}
/* crm-summary-group appears outside crm-container for contact summary icon overlay */
#crm-container #membership-listings,
#crm-container #premiums-listings,
#crm-container #searchForm table {
- margin: 0em;
+ margin: 0;
border-collapse: collapse;
- border: 0px none;
+ border: 0 none;
}
/* Override Drupal .2em margin-bottom on forms (we don't want to give up that space) */
div.crm-container form {
- margin-bottom: 0em;
-}
-
-/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
-.crm-container .ui-datepicker-trigger {
- margin-top: 4px;
- margin-bottom: -6px;
-}
-
-.crm-container .ui-datepicker {
- z-index: 1;
-}
-
-#activity-content table {
- width: 100%!important;
-}
-
-#Tag .tree .collapsable .hit,
-#Tag .tree .expandable .hit {
- padding-left: 16px;
+ margin-bottom: 0;
}
/** DATATABLES **/
.crm-container .paging_two_button .ui-button {
float: left;
cursor: pointer;
- * cursor: hand;
}
.crm-container .paging_full_numbers .ui-button {
padding: 2px 6px;
margin: 0;
cursor: pointer;
- * cursor: hand;
}
.crm-container .dataTables_paginate .ui-button {
padding: 3px 10px;
}
-.crm-container table.display td.center {
+.crm-container table td.center {
text-align: center;
}
/* Fix weird color added to some datatables' sort column */
}
/* Date plugin */
-.crm-container input.dateplugin {
+.crm-container input.dateplugin,
+.crm-container input.crm-form-date {
background: white url(../i/cal.gif) no-repeat scroll right center;
padding-right: 16px;
/* so that text doesn't flow on top of icon */
overflow: visible;
}
-/* Help text in Send Mail*/
-#crm-container div.messageHelp {
- z-index: 1;
- position: absolute;
- margin: 6px 0px 0px 115px;
-}
/*chart */
#chartData {
overflow: auto;
.crm-container table.pagerDisplay td {
border-color: #efefef;
border-right: 1px solid #efefef;
+ border-collapse: collapse;
}
.crm-container .odd-row,
.crm-container .odd,
/*contact summary page */
-#crm-container div.contact_details,
-#crm-container #customFields .contact_panel .customFieldGroup {
+#crm-container div.contact_details {
background-color: transparent;
}
-#crm-container div.contact_panel td,
.crm-container table.crm-info-panel td {
border-bottom: 1px solid #FFF;
}
.crm-container table.selector td {
border-right: 1px dotted #DDDDDD;
}
-.crm-container #customFields div.contact_panel td {
- border-bottom: 1px solid #FFFFFF;
- padding: 4px;
- vertical-align: top;
-}
.crm-container div.contact_panel td,
.crm-container table.crm-info-panel td {
/* search results */
-
.crm-container .crm-search-tasks,
.crm-container .crm-tasks {
background-color: #F0F0E8;
.crm-container .status-fatal,
.crm-container .status-hold,
.crm-container .status-past,
+.crm-contact-deceased,
.crm-container .status-warning {
color: #E43D2B !important;
}
.crm-container a.button:link,
.crm-container input.crm-form-submit,
.crm-container input[type=button] {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- -khtml-border-radius: 3px;
border-radius: 3px;
}
.crm-container .crm-tasks,
.crm-container div.form-item,
.crm-container div.messages {
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
border-radius: 4px;
}
/* loader autocomplete */
-#civicrm-menu .ui-autocomplete-loading,
.crm-container .ui-autocomplete-loading {
background: white url('../i/loading.gif') no-repeat right center;
}
}
/* Add arrow icon to multi-selects */
.crm-container .select2-container-multi .select2-choices:before {
- background: url("../packages/jquery/plugins/select2/select2.png") no-repeat scroll 0 -4px;
+ background: url("../bower_components/select2/select2.png") no-repeat scroll 0 -4px;
content: "";
display: block;
height: 15px;
.crm-container .crm-action-menu.action-icon-token .select2-default span.select2-chosen:before {
background-position: -144px 0;
}
+.crm-container .crm-action-menu.action-icon-mail-closed .select2-default span.select2-chosen:before {
+ background-position: -80px -96px;
+}
/* Restore this property otherwise our css overrides it */
.select2-search input {
box-sizing: border-box;
color: #F5F6F1;
}
.crm-container .ui-dialog-title {
- background: url("../i/logo16px.png") no-repeat scroll 0 center;
+ background: url("../i/item_sprites.png") no-repeat scroll -79px -47px;
margin-left: -5px;
padding-left: 25px;
}
background: none repeat scroll 0 0 transparent;
}
+/* unset the styling for the li in jstree */
+#tagtree ul {
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
/* Class for successful upgrade */
.crm-container .upgrade-success {
background-color: #00CC00;
#crm-container .civicrm-drupal-wysiwyg .collapsed {
background: transparent;
- padding-left: 0px;
+ padding-left: 0;
}
#manageTags {
vertical-align: top;
}
-/* Responsive layout changes */
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed,
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tbody,
-#crm-container .contact_basic_information-section.narrowform.xnarrowform table.form-layout-compressed tr {
- display: block;
- width: 100%;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tr {
- display: inline-block;
- width: 49%;
- vertical-align: top;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td {
- display: block;
- clear: left;
- vertical-align: top;
- margin-bottom: .5ex;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon {
- position: relative;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon label {
- padding-bottom: 16px;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td .helpicon {
- position: absolute;
- bottom: -12px;
- left: 2px;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td br {
- display: none;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td label {
- display: block;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- width: 25%;
- float: left;
- padding-right: 1%;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td input {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- width: 75%;
-}
-
-#crm-container #mainTabContainer.narrowpage #contact-summary div.customFieldGroup,
-#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardLeft,
-#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardRight {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- float: none;
- width: 100%;
-}
-
/* editable placeholder containers - share some styles with crm-editable below */
-
.crm-container .replace-plain,
.crm-container textarea,
.crm-container select.crm-form-multiselect {
}
.crm-container .field-action span.btn-slide {
- padding-left: 0px;
+ padding-left: 0;
padding-right: 11px;
}
/*end crm-10345*/
}
#crm-container div.crm-row-parent-name {
- padding: 3px 0px 0px .5em;
+ padding: 3px 0 0 .5em;
opacity: 0.75;
}
#crm-container td span.show-children,
padding: 10px;
margin-bottom: 15px;
color: #fff;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
border-radius: 8px;
max-height: 600px;
overflow: auto;
}
.crm-container div.ui-notify-message.success div.icon,
.crm-status-icon.success {
- background-position: -24px 0px;
+ background-position: -24px 0;
}
.crm-container div.ui-notify-message.info div.icon,
.crm-status-icon.info {
- background-position: -48px 0px;
+ background-position: -48px 0;
}
.crm-container div.ui-notify-message.error div.icon,
.crm-status-icon.error {
- background-position: -72px 0px;
+ background-position: -72px 0;
}
.crm-container div.ui-notify-message.none div.icon {
display: none;
background: url("../i/loading-overlay.gif") center center no-repeat white !important;
}
-/* Recurring Dialog */
-.crm-container .recurring-dialog-inner-wrapper {
- display: inline-block;
- width: 100%;
-}
-.crm-container .recurring-dialog-inner-left{
- width: 30%;
- float: left;
-}
-.crm-container .recurring-dialog-inner-right{
- width: 70%;
- float: left;
-}
-.crm-container .recurring-dialog-button{
- background: #f5f5f5;
- background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
- border: 1px solid rgba(0,0,0,0.1);
- padding: 5px 8px;
- text-align: center;
- border-radius: 2px;
- cursor: pointer;
- font-size: 11px !important;
-}
.crm-container table.mergecontact thead th {
width:30%;
}