wp-admin/css/colors/ectoplasm/colors.css

   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: #523f6d; }
  21
  22 input[type=radio]:checked:before {
  23   background: #523f6d; }
  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: #a3b745;
  31   border-color: #839237;
  32   color: white;
  33   -webkit-box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
  34   box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15); }
  35   .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
  36     background: #89993a;
  37     border-color: #727f30;
  38     color: white;
  39     -webkit-box-shadow: inset 0 1px 0 #b7c669, 0 1px 0 rgba(0, 0, 0, 0.15);
  40     box-shadow: inset 0 1px 0 #b7c669, 0 1px 0 rgba(0, 0, 0, 0.15); }
  41   .wp-core-ui .button-primary:active {
  42     background: #89993a;
  43     border-color: #727f30;
  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: #cfd1c7 !important;
  49     background: #89993a !important;
  50     border-color: #727f30 !important;
  51     text-shadow: none !important; }
  52 .wp-core-ui .wp-ui-primary {
  53   color: white;
  54   background-color: #523f6d; }
  55 .wp-core-ui .wp-ui-text-primary {
  56   color: #523f6d; }
  57 .wp-core-ui .wp-ui-highlight {
  58   color: white;
  59   background-color: #a3b745; }
  60 .wp-core-ui .wp-ui-text-highlight {
  61   color: #a3b745; }
  62 .wp-core-ui .wp-ui-notification {
  63   color: white;
  64   background-color: #d46f15; }
  65 .wp-core-ui .wp-ui-text-notification {
  66   color: #d46f15; }
  67 .wp-core-ui .wp-ui-text-icon {
  68   color: #ece6f6; }
  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: #523f6d; }
  74
  75 .view-switch a.current:before {
  76   color: #523f6d; }
  77
  78 .view-switch a:hover:before {
  79   color: #d46f15; }
  80
  81 .post-com-count:hover:after {
  82   border-top-color: #523f6d; }
  83
  84 .post-com-count:hover span {
  85   color: white;
  86   background-color: #523f6d; }
  87
  88 strong .post-com-count:after {
  89   border-top-color: #d46f15; }
  90
  91 strong .post-com-count span {
  92   background-color: #d46f15; }
  93
  94 /* Admin Menu */
  95 #adminmenuback, #adminmenuwrap, #adminmenu {
  96   background: #523f6d; }
  97
  98 #adminmenu a {
  99   color: white; }
 100
 101 #adminmenu div.wp-menu-image:before {
 102   color: #ece6f6; }
 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: #a3b745; }
 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: #413256; }
 118
 119 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 120   border-right-color: #413256; }
 121
 122 #adminmenu .wp-submenu .wp-submenu-head {
 123   color: #cbc5d3; }
 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: #cbc5d3; }
 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: #a3b745; }
 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: #a3b745; }
 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: #a3b745; }
 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: #d46f15; }
 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: #413256; }
 154
 155 /* Admin Menu: collapse button */
 156 #collapse-menu {
 157   color: #ece6f6; }
 158
 159 #collapse-menu:hover {
 160   color: white; }
 161
 162 #collapse-button div:after {
 163   color: #ece6f6; }
 164
 165 #collapse-menu:hover #collapse-button div:after {
 166   color: white; }
 167
 168 /* Admin Bar */
 169 #wpadminbar {
 170   color: white;
 171   background: #523f6d; }
 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: #ece6f6; }
 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: #a3b745;
 181   background: #413256; }
 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: #a3b745; }
 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: #413256; }
 192
 193 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 194   background: #63537d; }
 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: #cbc5d3; }
 198
 199 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
 200   color: #ece6f6; }
 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: #a3b745; }
 204
 205 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
 206   color: #a3b745; }
 207
 208 /* Admin Bar: search */
 209 #wpadminbar #adminbarsearch:before {
 210   color: #ece6f6; }
 211
 212 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 213   color: white;
 214   background: #624c84; }
 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: #624c84;
 235   background-color: #624c84; }
 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: #a3b745; }
 242
 243 #wpadminbar #wp-admin-bar-user-info .username {
 244   color: #cbc5d3; }
 245
 246 /* Pointers */
 247 .wp-pointer .wp-pointer-content h3 {
 248   background-color: #a3b745; }
 249
 250 .wp-pointer .wp-pointer-content h3:before {
 251   color: #a3b745; }
 252
 253 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
 254   border-bottom-color: #a3b745; }
 255
 256 /* Media Uploader */
 257 .media-item .bar, .media-progress-bar div {
 258   background-color: #a3b745; }
 259
 260 .details.attachment {
 261   box-shadow: 0 0 0 1px white, 0 0 0 5px #a3b745; }
 262
 263 .attachment.details .check {
 264   background-color: #a3b745;
 265   box-shadow: 0 0 0 1px white, 0 0 0 2px #a3b745; }
 266
 267 /* Themes */
 268 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
 269   background: #a3b745; }
 270
 271 .theme-browser .theme.add-new-theme:hover span:after {
 272   color: #a3b745; }
 273
 274 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover {
 275   background: #a3b745; }
 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: #a3b745;
 280   border-color: #839237;
 281   -webkit-box-shadow: inset 0 1px 0 #c0cd7b, 0 1px 0 rgba(0, 0, 0, 0.15);
 282   box-shadow: inset 0 1px 0 #c0cd7b, 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: #a3b745; }
 291
 292 /* Responsive Component */
 293 div#wp-responsive-toggle a:before {
 294   color: #ece6f6; }
 295
 296 .wp-responsive-open div#wp-responsive-toggle a {
 297   border-color: transparent;
 298   background: #a3b745; }
 299
 300 .star-rating .star {
 301   color: #a3b745; }
 302
 303 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 304   background: #413256; }