wp-admin/css/colors/coffee/colors-rtl.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: #59524c; }
  20
  21 input[type=radio]:checked:before {
  22   background: #59524c; }
  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: #c7a589;
  30   border-color: #b78b66;
  31   color: white;
  32   -webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
  33   box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); }
  34   .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
  35     background: #bf9878;
  36     border-color: #ae7d55;
  37     color: white;
  38     -webkit-box-shadow: inset 0 1px 0 #d7bfac;
  39     box-shadow: inset 0 1px 0 #d7bfac; }
  40   .wp-core-ui .button-primary:focus {
  41     -webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  42     box-shadow: inset 0 1px 0 #d7bfac, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
  43   .wp-core-ui .button-primary:active {
  44     background: #b78b66;
  45     border-color: #ae7d55;
  46     color: white;
  47     -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  48     box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
  49   .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 {
  50     color: #d1ccc7 !important;
  51     background: #ba906d !important;
  52     border-color: #ae7d55 !important;
  53     text-shadow: none !important; }
  54 .wp-core-ui .wp-ui-primary {
  55   color: #fff;
  56   background-color: #59524c; }
  57 .wp-core-ui .wp-ui-text-primary {
  58   color: #59524c; }
  59 .wp-core-ui .wp-ui-highlight {
  60   color: #fff;
  61   background-color: #c7a589; }
  62 .wp-core-ui .wp-ui-text-highlight {
  63   color: #c7a589; }
  64 .wp-core-ui .wp-ui-notification {
  65   color: #fff;
  66   background-color: #9ea476; }
  67 .wp-core-ui .wp-ui-text-notification {
  68   color: #9ea476; }
  69 .wp-core-ui .wp-ui-text-icon {
  70   color: #f3f2f1; }
  71
  72 /* List tables */
  73 .wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
  74   color: #fff;
  75   background-color: #59524c; }
  76
  77 .view-switch a.current:before {
  78   color: #59524c; }
  79
  80 .view-switch a:hover:before {
  81   color: #9ea476; }
  82
  83 .post-com-count:hover:after {
  84   border-top-color: #59524c; }
  85
  86 .post-com-count:hover span {
  87   color: #fff;
  88   background-color: #59524c; }
  89
  90 strong .post-com-count:after {
  91   border-top-color: #9ea476; }
  92
  93 strong .post-com-count span {
  94   background-color: #9ea476; }
  95
  96 /* Admin Menu */
  97 #adminmenuback, #adminmenuwrap, #adminmenu {
  98   background: #59524c; }
  99
 100 #adminmenu a {
 101   color: #fff; }
 102
 103 #adminmenu div.wp-menu-image:before {
 104   color: #f3f2f1; }
 105
 106 #adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
 107   color: #fff;
 108   background-color: #c7a589; }
 109
 110 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
 111   color: #fff; }
 112
 113 /* Active tabs use a bottom border color that matches the page background color. */
 114 .about-wrap h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
 115   background-color: #f1f1f1;
 116   border-bottom-color: #f1f1f1; }
 117
 118 /* Admin Menu: submenu */
 119 #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 {
 120   background: #46403c; }
 121
 122 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 123   border-left-color: #46403c; }
 124
 125 #adminmenu .wp-submenu .wp-submenu-head {
 126   color: #cdcbc9; }
 127
 128 #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 {
 129   color: #cdcbc9; }
 130   #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 {
 131     color: #c7a589; }
 132
 133 /* Admin Menu: current */
 134 #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 {
 135   color: #fff; }
 136   #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 {
 137     color: #c7a589; }
 138
 139 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after {
 140   border-left-color: #f1f1f1; }
 141
 142 #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 {
 143   color: #fff;
 144   background: #c7a589; }
 145
 146 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
 147   color: #fff; }
 148
 149 /* Admin Menu: bubble */
 150 #adminmenu .awaiting-mod, #adminmenu .update-plugins {
 151   color: #fff;
 152   background: #9ea476; }
 153
 154 #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 {
 155   color: #fff;
 156   background: #46403c; }
 157
 158 /* Admin Menu: collapse button */
 159 #collapse-menu {
 160   color: #f3f2f1; }
 161
 162 #collapse-menu:hover {
 163   color: #fff; }
 164
 165 #collapse-button div:after {
 166   color: #f3f2f1; }
 167
 168 #collapse-menu:hover #collapse-button div:after {
 169   color: #fff; }
 170
 171 /* Admin Bar */
 172 #wpadminbar {
 173   color: #fff;
 174   background: #59524c; }
 175
 176 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
 177   color: #fff; }
 178
 179 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
 180   color: #f3f2f1; }
 181
 182 #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 {
 183   color: #c7a589;
 184   background: #46403c; }
 185
 186 #wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label {
 187   color: #c7a589; }
 188
 189 #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
 190   color: #fff; }
 191
 192 /* Admin Bar: submenu */
 193 #wpadminbar .menupop .ab-sub-wrapper {
 194   background: #46403c; }
 195
 196 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 197   background: #656463; }
 198
 199 #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 {
 200   color: #cdcbc9; }
 201
 202 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
 203   color: #f3f2f1; }
 204
 205 #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 {
 206   color: #c7a589; }
 207
 208 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
 209   color: #c7a589; }
 210
 211 /* Admin Bar: search */
 212 #wpadminbar #adminbarsearch:before {
 213   color: #f3f2f1; }
 214
 215 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 216   color: #fff;
 217   background: #6c645c; }
 218
 219 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
 220   color: #fff;
 221   opacity: 0.7; }
 222
 223 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
 224   color: #fff;
 225   opacity: 0.7; }
 226
 227 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
 228   color: #fff;
 229   opacity: 0.7; }
 230
 231 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
 232   color: #fff;
 233   opacity: 0.7; }
 234
 235 /* Admin Bar: my account */
 236 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
 237   border-color: #6c645c;
 238   background-color: #6c645c; }
 239
 240 #wpadminbar #wp-admin-bar-user-info .display-name {
 241   color: #fff; }
 242
 243 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
 244   color: #c7a589; }
 245
 246 #wpadminbar #wp-admin-bar-user-info .username {
 247   color: #cdcbc9; }
 248
 249 /* Pointers */
 250 .wp-pointer .wp-pointer-content h3 {
 251   background-color: #c7a589;
 252   border-color: #bf9878; }
 253
 254 .wp-pointer .wp-pointer-content h3:before {
 255   color: #c7a589; }
 256
 257 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
 258   border-bottom-color: #c7a589; }
 259
 260 /* Media */
 261 .media-item .bar, .media-progress-bar div {
 262   background-color: #c7a589; }
 263
 264 .details.attachment {
 265   -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
 266   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589; }
 267
 268 .attachment.details .check {
 269   background-color: #c7a589;
 270   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
 271   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; }
 272
 273 .media-selection .attachment.selection.details .thumbnail {
 274   -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589;
 275   box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589; }
 276
 277 /* Themes */
 278 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
 279   background: #c7a589; }
 280
 281 .theme-browser .theme.add-new-theme:hover span:after {
 282   color: #c7a589; }
 283
 284 .theme-section.current, .theme-filter.current {
 285   border-bottom-color: #59524c; }
 286
 287 body.more-filters-opened .more-filters {
 288   color: #fff;
 289   background-color: #59524c; }
 290
 291 body.more-filters-opened .more-filters:before {
 292   color: #fff; }
 293
 294 body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus {
 295   background-color: #c7a589;
 296   color: #fff; }
 297
 298 body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
 299   color: #fff; }
 300
 301 /* Widgets */
 302 .widgets-chooser li.widgets-chooser-selected {
 303   background-color: #c7a589;
 304   color: #fff; }
 305
 306 .widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before {
 307   color: #fff; }
 308
 309 /* Customize */
 310 #customize-theme-controls .widget-area-select .selected {
 311   background-color: #c7a589;
 312   color: #fff; }
 313
 314 /* jQuery UI Slider */
 315 .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
 316   background: #c7a589;
 317   border-color: #b78b66;
 318   -webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
 319   box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); }
 320
 321 /* Thickbox: Plugin information */
 322 #sidemenu a.current {
 323   background: #f1f1f1;
 324   border-bottom-color: #f1f1f1; }
 325
 326 #plugin-information .action-button {
 327   background: #c7a589; }
 328
 329 /* Responsive Component */
 330 div#wp-responsive-toggle a:before {
 331   color: #f3f2f1; }
 332
 333 .wp-responsive-open div#wp-responsive-toggle a {
 334   border-color: transparent;
 335   background: #c7a589; }
 336
 337 .star-rating .star {
 338   color: #c7a589; }
 339
 340 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 341   background: #46403c; }