[Summary view] [Print] [Text view]

   1  @import url("../../colors.css");
   2  /*
   3   * Button mixin- creates 3d-ish button effect with correct 
   4   * highlights/shadows, based on a base color.
   5   */
   6  html {
   7    background: #f1f1f1; }
   8  
   9  /* Links */
  10  a {
  11    color: #0074a2; }
  12    a:hover, a:active, a:focus {
  13      color: #0099d5; }
  14  
  15  #rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover {
  16    color: #0099d5; }
  17  
  18  /* Forms */
  19  input[type=checkbox]:checked:before {
  20    color: #096484; }
  21  
  22  input[type=radio]:checked:before {
  23    background: #096484; }
  24  
  25  .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
  26    color: #0099d5; }
  27  
  28  /* Core UI */
  29  .wp-core-ui .button-primary {
  30    background: #e1a948;
  31    border-color: #d39323;
  32    color: white;
  33    -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
  34    box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); }
  35    .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
  36      background: #db9825;
  37      border-color: #bd831f;
  38      color: white;
  39      -webkit-box-shadow: inset 0 1px 0 #e8be74, 0 1px 0 rgba(0, 0, 0, 0.15);
  40      box-shadow: inset 0 1px 0 #e8be74, 0 1px 0 rgba(0, 0, 0, 0.15); }
  41    .wp-core-ui .button-primary:active {
  42      background: #db9825;
  43      border-color: #bd831f;
  44      color: white;
  45      -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
  46      box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); }
  47    .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled {
  48      color: #d1cdc7 !important;
  49      background: #db9825 !important;
  50      border-color: #bd831f !important;
  51      text-shadow: none !important; }
  52  .wp-core-ui .wp-ui-primary {
  53    color: white;
  54    background-color: #52accc; }
  55  .wp-core-ui .wp-ui-text-primary {
  56    color: #52accc; }
  57  .wp-core-ui .wp-ui-highlight {
  58    color: white;
  59    background-color: #096484; }
  60  .wp-core-ui .wp-ui-text-highlight {
  61    color: #096484; }
  62  .wp-core-ui .wp-ui-notification {
  63    color: white;
  64    background-color: #e1a948; }
  65  .wp-core-ui .wp-ui-text-notification {
  66    color: #e1a948; }
  67  .wp-core-ui .wp-ui-text-icon {
  68    color: #e5f8ff; }
  69  
  70  /* List tables */
  71  .wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
  72    color: white;
  73    background-color: #52accc; }
  74  
  75  .view-switch a.current:before {
  76    color: #52accc; }
  77  
  78  .view-switch a:hover:before {
  79    color: #e1a948; }
  80  
  81  .post-com-count:hover:after {
  82    border-top-color: #52accc; }
  83  
  84  .post-com-count:hover span {
  85    color: white;
  86    background-color: #52accc; }
  87  
  88  strong .post-com-count:after {
  89    border-top-color: #e1a948; }
  90  
  91  strong .post-com-count span {
  92    background-color: #e1a948; }
  93  
  94  /* Admin Menu */
  95  #adminmenuback, #adminmenuwrap, #adminmenu {
  96    background: #52accc; }
  97  
  98  #adminmenu a {
  99    color: white; }
 100  
 101  #adminmenu div.wp-menu-image:before {
 102    color: #e5f8ff; }
 103  
 104  #adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
 105    color: white;
 106    background-color: #096484; }
 107  
 108  #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
 109    color: white; }
 110  
 111  /* Active tabs use a bottom border color that matches the page background color. */
 112  .about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
 113    border-bottom-color: #f1f1f1; }
 114  
 115  /* Admin Menu: submenu */
 116  #adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
 117    background: #4796b3; }
 118  
 119  #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 120    border-right-color: #4796b3; }
 121  
 122  #adminmenu .wp-submenu .wp-submenu-head {
 123    color: #e2ecf1; }
 124  
 125  #adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
 126    color: #e2ecf1; }
 127    #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
 128      color: white; }
 129  
 130  /* Admin Menu: current */
 131  #adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
 132    color: white; }
 133    #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
 134      color: white; }
 135  
 136  ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
 137    border-right-color: #f1f1f1; }
 138  
 139  #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top {
 140    color: white;
 141    background: #096484; }
 142  
 143  #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
 144    color: white; }
 145  
 146  /* Admin Menu: bubble */
 147  #adminmenu .awaiting-mod, #adminmenu .update-plugins {
 148    color: white;
 149    background: #e1a948; }
 150  
 151  #adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins {
 152    color: white;
 153    background: #4796b3; }
 154  
 155  /* Admin Menu: collapse button */
 156  #collapse-menu {
 157    color: #e5f8ff; }
 158  
 159  #collapse-menu:hover {
 160    color: white; }
 161  
 162  #collapse-button div:after {
 163    color: #e5f8ff; }
 164  
 165  #collapse-menu:hover #collapse-button div:after {
 166    color: white; }
 167  
 168  /* Admin Bar */
 169  #wpadminbar {
 170    color: white;
 171    background: #52accc; }
 172  
 173  #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
 174    color: white; }
 175  
 176  #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
 177    color: #e5f8ff; }
 178  
 179  #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
 180    color: white;
 181    background: #4796b3; }
 182  
 183  #wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label {
 184    color: white; }
 185  
 186  #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
 187    color: white; }
 188  
 189  /* Admin Bar: submenu */
 190  #wpadminbar .menupop .ab-sub-wrapper {
 191    background: #4796b3; }
 192  
 193  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 194    background: #75b7cd; }
 195  
 196  #wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a {
 197    color: #e2ecf1; }
 198  
 199  #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
 200    color: #e5f8ff; }
 201  
 202  #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
 203    color: white; }
 204  
 205  #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
 206    color: white; }
 207  
 208  /* Admin Bar: search */
 209  #wpadminbar #adminbarsearch:before {
 210    color: #e5f8ff; }
 211  
 212  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 213    color: white;
 214    background: #6ebad4; }
 215  
 216  #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
 217    color: white;
 218    opacity: 0.7; }
 219  
 220  #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
 221    color: white;
 222    opacity: 0.7; }
 223  
 224  #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
 225    color: white;
 226    opacity: 0.7; }
 227  
 228  #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
 229    color: white;
 230    opacity: 0.7; }
 231  
 232  /* Admin Bar: my account */
 233  #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
 234    border-color: #6ebad4;
 235    background-color: #6ebad4; }
 236  
 237  #wpadminbar #wp-admin-bar-user-info .display-name {
 238    color: white; }
 239  
 240  #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
 241    color: white; }
 242  
 243  #wpadminbar #wp-admin-bar-user-info .username {
 244    color: #e2ecf1; }
 245  
 246  /* Pointers */
 247  .wp-pointer .wp-pointer-content h3 {
 248    background-color: #096484; }
 249  
 250  .wp-pointer .wp-pointer-content h3:before {
 251    color: #096484; }
 252  
 253  .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
 254    border-bottom-color: #096484; }
 255  
 256  /* Media Uploader */
 257  .media-item .bar, .media-progress-bar div {
 258    background-color: #096484; }
 259  
 260  .details.attachment {
 261    box-shadow: 0 0 0 1px white, 0 0 0 5px #096484; }
 262  
 263  .attachment.details .check {
 264    background-color: #096484;
 265    box-shadow: 0 0 0 1px white, 0 0 0 2px #096484; }
 266  
 267  /* Themes */
 268  .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
 269    background: #096484; }
 270  
 271  .theme-browser .theme.add-new-theme:hover span:after {
 272    color: #096484; }
 273  
 274  .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover {
 275    background: #096484; }
 276  
 277  /* jQuery UI Slider */
 278  .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
 279    background: #e1a948;
 280    border-color: #d39323;
 281    -webkit-box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15);
 282    box-shadow: inset 0 1px 0 #ecc88a, 0 1px 0 rgba(0, 0, 0, 0.15); }
 283  
 284  /* Thickbox: Plugin information */
 285  #sidemenu a.current {
 286    background: #f1f1f1;
 287    border-bottom-color: #f1f1f1; }
 288  
 289  #plugin-information .action-button {
 290    background: #e1a948; }
 291  
 292  /* Responsive Component */
 293  div#wp-responsive-toggle a:before {
 294    color: #e5f8ff; }
 295  
 296  .wp-responsive-open div#wp-responsive-toggle a {
 297    border-color: transparent;
 298    background: #096484; }
 299  
 300  .star-rating .star {
 301    color: #096484; }
 302  
 303  .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 304    background: #4796b3; }