wp-admin/css/colors/sunrise/colors.css

   1 /*
   2  * Button mixin- creates 3d-ish button effect with correct
   3  * highlights/shadows, based on a base color.
   4  */
   5 html {
   6   background: #f1f1f1; }
   7
   8 /* Links */
   9 a {
  10   color: #0074a2; }
  11   a:hover, a:active, a:focus {
  12     color: #0099d5; }
  13
  14 #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
  15   color: #0099d5; }
  16
  17 /* Forms */
  18 input[type=checkbox]:checked:before {
  19   color: #dd823b; }
  20
  21 input[type=radio]:checked:before {
  22   background: #dd823b; }
  23
  24 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
  25   color: #0099d5; }
  26
  27 /* Core UI */
  28 .wp-core-ui .button-primary {
  29   background: #dd823b;
  30   border-color: #c36822;
  31   color: white;
  32   -webkit-box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15);
  33   box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); }
  34   .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
  35     background: #d97326;
  36     border-color: #ad5c1e;
  37     color: white;
  38     -webkit-box-shadow: inset 0 1px 0 #e59d66, 0 1px 0 rgba(0, 0, 0, 0.15);
  39     box-shadow: inset 0 1px 0 #e59d66, 0 1px 0 rgba(0, 0, 0, 0.15); }
  40   .wp-core-ui .button-primary:active {
  41     background: #c36822;
  42     border-color: #ad5c1e;
  43     color: white;
  44     -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
  45     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); }
  46   .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
  47     color: #d1cbc7 !important;
  48     background: #cc6c23 !important;
  49     border-color: #ad5c1e !important;
  50     text-shadow: none !important; }
  51 .wp-core-ui .wp-ui-primary {
  52   color: #fff;
  53   background-color: #cf4944; }
  54 .wp-core-ui .wp-ui-text-primary {
  55   color: #cf4944; }
  56 .wp-core-ui .wp-ui-highlight {
  57   color: #fff;
  58   background-color: #dd823b; }
  59 .wp-core-ui .wp-ui-text-highlight {
  60   color: #dd823b; }
  61 .wp-core-ui .wp-ui-notification {
  62   color: #fff;
  63   background-color: #ccaf0b; }
  64 .wp-core-ui .wp-ui-text-notification {
  65   color: #ccaf0b; }
  66 .wp-core-ui .wp-ui-text-icon {
  67   color: #f3f1f1; }
  68
  69 /* List tables */
  70 .wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
  71   color: #fff;
  72   background-color: #cf4944; }
  73
  74 .view-switch a.current:before {
  75   color: #cf4944; }
  76
  77 .view-switch a:hover:before {
  78   color: #ccaf0b; }
  79
  80 .post-com-count:hover:after {
  81   border-top-color: #cf4944; }
  82
  83 .post-com-count:hover span {
  84   color: #fff;
  85   background-color: #cf4944; }
  86
  87 strong .post-com-count:after {
  88   border-top-color: #ccaf0b; }
  89
  90 strong .post-com-count span {
  91   background-color: #ccaf0b; }
  92
  93 /* Admin Menu */
  94 #adminmenuback, #adminmenuwrap, #adminmenu {
  95   background: #cf4944; }
  96
  97 #adminmenu a {
  98   color: #fff; }
  99
 100 #adminmenu div.wp-menu-image:before {
 101   color: #f3f1f1; }
 102
 103 #adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
 104   color: #fff;
 105   background-color: #dd823b; }
 106
 107 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
 108   color: #fff; }
 109
 110 /* Active tabs use a bottom border color that matches the page background color. */
 111 .about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
 112   background-color: #f1f1f1;
 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: #be3631; }
 118
 119 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 120   border-right-color: #be3631; }
 121
 122 #adminmenu .wp-submenu .wp-submenu-head {
 123   color: #f0c8c6; }
 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: #f0c8c6; }
 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: #f7e3d3; }
 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: #fff; }
 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: #f7e3d3; }
 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: #fff;
 141   background: #dd823b; }
 142
 143 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
 144   color: #fff; }
 145
 146 /* Admin Menu: bubble */
 147 #adminmenu .awaiting-mod, #adminmenu .update-plugins {
 148   color: #fff;
 149   background: #ccaf0b; }
 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: #fff;
 153   background: #be3631; }
 154
 155 /* Admin Menu: collapse button */
 156 #collapse-menu {
 157   color: #f3f1f1; }
 158
 159 #collapse-menu:hover {
 160   color: #fff; }
 161
 162 #collapse-button div:after {
 163   color: #f3f1f1; }
 164
 165 #collapse-menu:hover #collapse-button div:after {
 166   color: #fff; }
 167
 168 /* Admin Bar */
 169 #wpadminbar {
 170   color: #fff;
 171   background: #cf4944; }
 172
 173 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
 174   color: #fff; }
 175
 176 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
 177   color: #f3f1f1; }
 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: #f7e3d3;
 181   background: #be3631; }
 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: #f7e3d3; }
 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: #fff; }
 188
 189 /* Admin Bar: submenu */
 190 #wpadminbar .menupop .ab-sub-wrapper {
 191   background: #be3631; }
 192
 193 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 194   background: #cf6b67; }
 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: #f0c8c6; }
 198
 199 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
 200   color: #f3f1f1; }
 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: #f7e3d3; }
 204
 205 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
 206   color: #f7e3d3; }
 207
 208 /* Admin Bar: search */
 209 #wpadminbar #adminbarsearch:before {
 210   color: #f3f1f1; }
 211
 212 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 213   color: #fff;
 214   background: #d66460; }
 215
 216 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
 217   color: #fff;
 218   opacity: 0.7; }
 219
 220 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
 221   color: #fff;
 222   opacity: 0.7; }
 223
 224 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
 225   color: #fff;
 226   opacity: 0.7; }
 227
 228 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
 229   color: #fff;
 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: #d66460;
 235   background-color: #d66460; }
 236
 237 #wpadminbar #wp-admin-bar-user-info .display-name {
 238   color: #fff; }
 239
 240 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
 241   color: #f7e3d3; }
 242
 243 #wpadminbar #wp-admin-bar-user-info .username {
 244   color: #f0c8c6; }
 245
 246 /* Pointers */
 247 .wp-pointer .wp-pointer-content h3 {
 248   background-color: #dd823b;
 249   border-color: #d97326; }
 250
 251 .wp-pointer .wp-pointer-content h3:before {
 252   color: #dd823b; }
 253
 254 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
 255   border-bottom-color: #dd823b; }
 256
 257 /* Media Uploader */
 258 .media-item .bar, .media-progress-bar div {
 259   background-color: #dd823b; }
 260
 261 .details.attachment {
 262   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #dd823b;
 263   box-shadow: 0 0 0 1px #fff, 0 0 0 5px #dd823b; }
 264
 265 .attachment.details .check {
 266   background-color: #dd823b;
 267   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
 268   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; }
 269
 270 /* Themes */
 271 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
 272   background: #dd823b; }
 273
 274 .theme-browser .theme.add-new-theme:hover span:after {
 275   color: #dd823b; }
 276
 277 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover {
 278   background: #dd823b; }
 279
 280 .theme-section.current, .theme-filter.current {
 281   border-bottom-color: #cf4944; }
 282
 283 body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before {
 284   color: #fff;
 285   background-color: #cf4944; }
 286
 287 body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
 288   background-color: #dd823b;
 289   color: #fff; }
 290
 291 /* Widgets */
 292 .widgets-chooser li.widgets-chooser-selected {
 293   background-color: #dd823b;
 294   color: #fff; }
 295
 296 .widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
 297   color: #fff; }
 298
 299 /* Customize */
 300 #customize-theme-controls .widget-area-select .selected {
 301   background-color: #dd823b;
 302   color: #fff; }
 303
 304 /* jQuery UI Slider */
 305 .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
 306   background: #dd823b;
 307   border-color: #c36822;
 308   -webkit-box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15);
 309   box-shadow: inset 0 1px 0 #e8ab7c, 0 1px 0 rgba(0, 0, 0, 0.15); }
 310
 311 /* Thickbox: Plugin information */
 312 #sidemenu a.current {
 313   background: #f1f1f1;
 314   border-bottom-color: #f1f1f1; }
 315
 316 #plugin-information .action-button {
 317   background: #dd823b; }
 318
 319 /* Responsive Component */
 320 div#wp-responsive-toggle a:before {
 321   color: #f3f1f1; }
 322
 323 .wp-responsive-open div#wp-responsive-toggle a {
 324   border-color: transparent;
 325   background: #dd823b; }
 326
 327 .star-rating .star {
 328   color: #dd823b; }
 329
 330 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 331   background: #be3631; }