Cleanup css files and remove unused styles
[civicrm-core.git] / css / civicrm.css
index 3c89beb28b88adea975aafba78394840eeba9f65..71e9c1a91c1783c9378d8cbe09fd0e4bdcd474c9 100644 (file)
@@ -454,7 +454,6 @@ input.crm-form-entityref {
 }
 
 .crm-container table.form-layout,
-.crm-container table.control-panel,
 .crm-container table.no-border {
   margin: 0;
   border-collapse: collapse;
@@ -512,14 +511,6 @@ input.crm-form-entityref {
   border: none;
 }
 
-.crm-container .control-panel td {
-  padding: 3px;
-  width: 25%;
-  white-space: nowrap;
-  border: 0 none;
-  text-align: center;
-}
-
 .crm-container .form-layout td.label,
 .crm-container .form-layout-compressed td.label,
 .crm-container .selector td.label,
@@ -764,7 +755,7 @@ input.crm-form-entityref {
 }
 
 /* But allow them for the help at the top of forms */
-.crm-container #help ul li {
+.crm-container .help ul li {
   background-image: url(menu-leaf.png);
 }
 
@@ -1138,50 +1129,6 @@ input.crm-form-entityref {
   color: #494949;
 }
 
-/* alpha filter styles */
-#crm-recently-viewed ul,
-#crm-container #alpha-filter ul {
-  border-collapse: collapse;
-  padding: 0;
-  list-style-type: none;
-  margin: 3px;
-  height: auto;
-  width: auto;
-}
-
-.crm-container div#alpha-filter {
-  background-color: #CDE8FE;
-  margin: 4px 0 5px;
-  padding: 2px;
-  text-align: left;
-}
-
-.crm-container #alpha-filter li {
-  background-color: transparent;
-  background-image: none;
-  border: none;
-  color: #AAAAAA;
-  display: inline;
-  font-size: 15px;
-  font-weight: normal;
-  height: auto;
-  margin: 0 1px;
-  padding: 2px 5px;
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-.crm-container #alpha-filter a {
-  border-bottom: 1px dotted #2A71B4;
-  color: #2A71B4;
-  font-weight: normal;
-}
-
-.crm-container #lang-switch {
-  float: right;
-  z-index: 2;
-  margin: -24px 30px 0 0;
-}
-
 /* Boxes of checkbox elements (e.g. Advanced Search page) */
 .crm-container .listing-box,
 .crm-container .listing-box-tall {
@@ -1231,15 +1178,6 @@ input.crm-form-entityref {
   content: "\00BB";
 }
 
-/* editor specific classes */
-#crm-container dd.editor {
-  margin-top: 0.7em;
-  margin-left: 0;
-  float: left;
-  vertical-align: top;
-  width: 58em;
-}
-
 #crm-container.clear,
 .crm-container .crm-group-summary .clear {
   /* generic container (i.e. div) for floating buttons */
@@ -1247,21 +1185,6 @@ input.crm-form-entityref {
   width: 100%;
 }
 
-/* class for tinymce buttons display */
-#crm-container table.mceLayout td,
-#crm-container table.mceLayout table {
-  padding: 0;
-  background: #EDEDED;
-  border: 2px solid #EDEDED;
-  font-size: 0;
-  vertical-align: top;
-  width: auto;
-}
-
-#crm-container tr.mceLast {
-  border: 1px solid #EDEDED;
-}
-
 #location .form-layout table,
 #location .form-layout td,
 #crm-container div#location table.form-layout table.inner-table td {
@@ -1469,24 +1392,6 @@ input.crm-form-entityref {
   background: transparent;
 }
 
-/* Styles for Config Task List */
-#crm-container td.tasklist a {
-  font-weight: bold;
-}
-
-#crm-container table.selector td.tasklist {
-  border-right: 1px solid #DDDDDD;
-  width: 20%;
-}
-
-#crm-container td.tasklist a:link {
-  color: #FF0105;
-}
-
-#crm-container td.tasklist a:visited {
-  color: green;
-}
-
 /* Styles for Actions Ribbon */
 #crm-container .crm-actions-ribbon {
   margin: 0 0 8px 0;
@@ -1886,22 +1791,12 @@ input.crm-form-entityref {
   margin-top: -4px;
 }
 
-/* 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 {
   width: 17em;
   padding: .2em .2em 0;
   z-index: 9999 !important;
 }
 
-#crm-container .cke_editor {
-  border: 0 none;
-}
-
 /* Set/alter ICONS */
 
 #crm-container div#printer-friendly {
@@ -1960,9 +1855,6 @@ input.crm-form-entityref {
 }
 
 .crm-container a.button,
-.crm-container a.crm-invoiceButton,
-.crm-container a.crm-invoiceButton:link,
-.crm-container a.crm-invoiceButton:visited,
 .crm-container a.button:link,
 .crm-container a.button:visited,
 .crm-container input.crm-form-submit,
@@ -2012,9 +1904,6 @@ input.crm-form-entityref {
 }
 
 .crm-container a.button,
-.crm-container a.crm-invoiceButton,
-.crm-container a.crm-invoiceButton:link,
-.crm-container a.crm-invoiceButton:visited,
 .crm-container a.button:link,
 .crm-container a.button:visited {
   display: block;
@@ -2022,22 +1911,6 @@ input.crm-form-entityref {
   line-height: 135%;
 }
 
-.crm-container a.button .crm-container a.crm-invoiceButton span {
-  display: block;
-  line-height: 14px;
-  padding: 2px 0;
-}
-
-.crm-container .button .red .crm-invoiceButton{
-  background-image: url(../i/icons/jquery-ui-FFFFFF.png);
-}
-
-.crm-container a.button:active .crm-container a.crm-invoiceButton:active,{
-  color: #000;
-  outline: none;
-  /* hide dotted outline in Firefox */
-}
-
 .crm-container .crm-button:hover,
 .crm-container .crm-button:focus,
 .crm-container input[type=submit]:hover,
@@ -2045,8 +1918,6 @@ input.crm-form-entityref {
 .crm-container .ui-dialog-buttonset .ui-button:hover,
 .crm-container .ui-dialog-buttonset .ui-button:focus,
 .crm-container a.button:hover,
-.crm-container a.crm-invoiceButton:hover,
-.crm-container a.crm-invoiceButton:focus,
 .crm-container a.button:focus {
   background-position: 0 -25px;
 }
@@ -2204,9 +2075,6 @@ input.crm-form-entityref {
   pointer-events: none;
 }
 
-.crm-container .dark-icon {
-  background-image: url("../bower_components/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png")
-}
 .crm-container .delete-icon {
   background-position: -176px -96px;
 }
@@ -2254,15 +2122,6 @@ a.crm-i:hover {
   line-height: inherit;
 }
 
-.crm-container .ui-dialog-titlebar .ui-button .ui-icon[class*=" fa-"] {
-  background: none repeat scroll 0 0 transparent !important;
-  color: #F5F6F1;
-}
-
-.crm-container .ui-dialog-titlebar .ui-button .ui-icon[class*=" fa-"]:hover {
-
-}
-
 .crm-container .crm-button.crm-i-button input[type="button"],
 .crm-container .crm-button.crm-i-button input.crm-form-submit {
   padding-left: 0;
@@ -2290,6 +2149,9 @@ a.crm-i:hover {
 div.crm-accordion-header a.helpicon {
   color: inherit;
 }
+div.crm-master-accordion-header a.helpicon {
+  color: #2786c2;
+}
 
 /* These .crm-icon classes use item_sprites.png */
 
@@ -2951,8 +2813,6 @@ tbody.scrollContent tr.alternateRow {
   border-bottom: 1px solid #FFF;
 }
 
-#crm-container div.contactCardLeft .label,
-#crm-container div.contactCardRight .label,
 .crm-container table.crm-info-panel .label {
   color: #2f2f2f;
   font-weight: normal;
@@ -3007,18 +2867,6 @@ tbody.scrollContent tr.alternateRow {
   color: #3e3e3e;
 }
 
-.crm-container div.contact_panel td.grouplabel {
-  border-bottom: 2px solid #D7D7D0 !important;
-}
-
-#tagGroup table .label {
-  color: #FFF;
-}
-#tagGroup table {
-  color: #000;
-}
-
-
 /* search results */
 .crm-container .crm-search-tasks,
 .crm-container .crm-tasks {
@@ -3052,8 +2900,6 @@ tbody.scrollContent tr.alternateRow {
 /* rounded corners */
 .crm-container .crm-button,
 .crm-container a.button,
-.crm-container a.crm-invoiceButton,
-.crm-container a.crm-invoiceButton:link,
 .crm-container a.button:link,
 .crm-container input.crm-form-submit,
 .crm-container input[type=button] {
@@ -3264,31 +3110,6 @@ div.m ul#civicrm-menu,
 .crm-container .crm-action-menu .select2-default span.select2-chosen {
   color: #2786C2;
 }
-.crm-container .crm-action-menu .select2-default span.select2-chosen:before {
-  background: url("../i/icons/jquery-ui-2786C2.png") no-repeat scroll -64px -112px;
-  content: "";
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  margin-right: 3px;
-  position: relative;
-  top: 3px;
-}
-.crm-container .crm-action-menu.action-icon-plus .select2-default span.select2-chosen:before {
-  background-position: 0 -192px;
-}
-.crm-container .crm-action-menu.action-icon-play .select2-default span.select2-chosen:before {
-  background-position: -48px -192px;
-}
-.crm-container .crm-action-menu.action-icon-clipboard .select2-default span.select2-chosen:before {
-  background-position: -160px -128px;
-}
-.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;
@@ -3325,20 +3146,11 @@ div.m ul#civicrm-menu,
   background-color: transparent;
   background-image: none;
   border: 1px none;
-}
-.crm-container .ui-dialog-titlebar .ui-button .ui-icon {
-  background-image: url("../i/icons/jquery-ui-F5F6F1.png");
+  color: inherit;
 }
 .crm-container .ui-dialog-titlebar .ui-button:hover {
   background-color: #cdcdcd;
-}
-.crm-container .ui-dialog-titlebar .ui-button:hover .ui-icon {
-  background-image: url("../i/icons/jquery-ui-3E3E3E.gif");
-}
-
-/*Needed for jstree contextmenu */
-#vakata-contextmenu.jstree-default-context li {
-  background: none repeat scroll 0 0 transparent;
+  color: #555;
 }
 
 /* unset the styling for the li in jstree */
@@ -3348,24 +3160,6 @@ div.m ul#civicrm-menu,
   padding: 0px;
 }
 
-/* Class for successful upgrade */
-.crm-container .upgrade-success {
-  background-color: #00CC00;
-  color: white;
-}
-
-.crm-container .extension-upgradable {
-  background-color: #FFFFCC !important;
-}
-
-.crm-container .extension-installed {
-  background-color: #DDFFDD !important;
-}
-
-.crm-container .extension-missing {
-  color: #E43D2B !important;
-}
-
 /* table row highlightng */
 .crm-container table.row-highlight tr:hover,
 .crm-container .crm-row-selected {
@@ -3378,16 +3172,6 @@ div.m ul#civicrm-menu,
   background-color: #fffdb2;
 }
 
-#crm-container .civicrm-drupal-wysiwyg .collapsed {
-  background: transparent;
-  padding-left: 0;
-}
-
-#manageTags {
-  position: static;
-  z-index: -100;
-}
-
 #crm-container .crm-socialnetwork {
   margin-top: 1em;
 }
@@ -3480,10 +3264,11 @@ div.m ul#civicrm-menu,
 }
 
 .crm-container .replace-plain:before {
-  content: "";
+  content: "\f040";
   position: absolute;
   top: .4em;
   right: .5em;
+  opacity: .5;
 }
 
 /* in place edit  */
@@ -3513,21 +3298,14 @@ div.m ul#civicrm-menu,
   display: inline-block !important;
 }
 
-.crm-container .crm-editable-placeholder,
-.crm-container .replace-plain:before {
-  background: url("../i/icons/jquery-ui-3E3E3E.png") -66px -114px no-repeat;
-  text-indent: -10000px;
-  display: block;
-  height: 16px;
-  width: 16px;
+.crm-container .crm-editable-enabled .crm-i {
   opacity: .5;
 }
 
 .crm-container .replace-plain a:active:before,
 .crm-container .replace-plain:focus:before,
 .crm-container .replace-plain:hover:before,
-.crm-container .crm-editable-enabled:hover .crm-editable-placeholder {
-  background-image: url("../i/icons/jquery-ui-2786C2.png");
+.crm-container .crm-editable-enabled:hover .crm-i {
   opacity: 1;
 }
 
@@ -3946,11 +3724,6 @@ span.crm-status-icon {
   font-size: 15px;
   color: #666 !important;
 }
-#crm-container .crm-extensions-upgrade {
-  background: #ffb;
-  border: 1px solid #000;
-  text-align: center;
-}
 
 /* Styles for credit card payment logos */
 .crm-container .credit_card_type-section .crm-credit_card_type-icons a {