angelovcom.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

colors-rtl.css (20361B)


      1 /*! This file is auto-generated */
      2 /*
      3  * Button mixin- creates a button effect with correct
      4  * highlights/shadows, based on a base color.
      5  */
      6 body {
      7   background: #f1f1f1;
      8 }
      9 
     10 /* Links */
     11 a {
     12   color: #0073aa;
     13 }
     14 a:hover, a:active, a:focus {
     15   color: #0096dd;
     16 }
     17 
     18 #post-body .misc-pub-post-status:before,
     19 #post-body #visibility:before,
     20 .curtime #timestamp:before,
     21 #post-body .misc-pub-revisions:before,
     22 span.wp-media-buttons-icon:before {
     23   color: currentColor;
     24 }
     25 
     26 .wp-core-ui .button-link {
     27   color: #0073aa;
     28 }
     29 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
     30   color: #0096dd;
     31 }
     32 
     33 .media-modal .delete-attachment,
     34 .media-modal .trash-attachment,
     35 .media-modal .untrash-attachment,
     36 .wp-core-ui .button-link-delete {
     37   color: #a00;
     38 }
     39 
     40 .media-modal .delete-attachment:hover,
     41 .media-modal .trash-attachment:hover,
     42 .media-modal .untrash-attachment:hover,
     43 .media-modal .delete-attachment:focus,
     44 .media-modal .trash-attachment:focus,
     45 .media-modal .untrash-attachment:focus,
     46 .wp-core-ui .button-link-delete:hover,
     47 .wp-core-ui .button-link-delete:focus {
     48   color: #dc3232;
     49 }
     50 
     51 /* Forms */
     52 input[type=checkbox]:checked::before {
     53   content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
     54 }
     55 
     56 input[type=radio]:checked::before {
     57   background: #7e8993;
     58 }
     59 
     60 .wp-core-ui input[type=reset]:hover,
     61 .wp-core-ui input[type=reset]:active {
     62   color: #0096dd;
     63 }
     64 
     65 input[type=text]:focus,
     66 input[type=password]:focus,
     67 input[type=color]:focus,
     68 input[type=date]:focus,
     69 input[type=datetime]:focus,
     70 input[type=datetime-local]:focus,
     71 input[type=email]:focus,
     72 input[type=month]:focus,
     73 input[type=number]:focus,
     74 input[type=search]:focus,
     75 input[type=tel]:focus,
     76 input[type=text]:focus,
     77 input[type=time]:focus,
     78 input[type=url]:focus,
     79 input[type=week]:focus,
     80 input[type=checkbox]:focus,
     81 input[type=radio]:focus,
     82 select:focus,
     83 textarea:focus {
     84   border-color: #096484;
     85   box-shadow: 0 0 0 1px #096484;
     86 }
     87 
     88 /* Core UI */
     89 .wp-core-ui .button {
     90   border-color: #7e8993;
     91   color: #32373c;
     92 }
     93 .wp-core-ui .button.hover,
     94 .wp-core-ui .button:hover,
     95 .wp-core-ui .button.focus,
     96 .wp-core-ui .button:focus {
     97   border-color: #717c87;
     98   color: #262a2e;
     99 }
    100 .wp-core-ui .button.focus,
    101 .wp-core-ui .button:focus {
    102   border-color: #7e8993;
    103   color: #262a2e;
    104   box-shadow: 0 0 0 1px #32373c;
    105 }
    106 .wp-core-ui .button:active {
    107   border-color: #7e8993;
    108   color: #262a2e;
    109   box-shadow: none;
    110 }
    111 .wp-core-ui .button.active,
    112 .wp-core-ui .button.active:focus,
    113 .wp-core-ui .button.active:hover {
    114   border-color: #e1a948;
    115   color: #262a2e;
    116   box-shadow: inset 0 2px 5px -3px #e1a948;
    117 }
    118 .wp-core-ui .button.active:focus {
    119   box-shadow: 0 0 0 1px #32373c;
    120 }
    121 .wp-core-ui .button,
    122 .wp-core-ui .button-secondary {
    123   color: #096484;
    124   border-color: #096484;
    125 }
    126 .wp-core-ui .button.hover,
    127 .wp-core-ui .button:hover,
    128 .wp-core-ui .button-secondary:hover {
    129   border-color: #064054;
    130   color: #064054;
    131 }
    132 .wp-core-ui .button.focus,
    133 .wp-core-ui .button:focus,
    134 .wp-core-ui .button-secondary:focus {
    135   border-color: #0c88b4;
    136   color: #021c25;
    137   box-shadow: 0 0 0 1px #0c88b4;
    138 }
    139 .wp-core-ui .button-primary:hover {
    140   color: #fff;
    141 }
    142 .wp-core-ui .button-primary {
    143   background: #e1a948;
    144   border-color: #e1a948;
    145   color: #fff;
    146 }
    147 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
    148   background: #e3af55;
    149   border-color: #dfa33b;
    150   color: #fff;
    151 }
    152 .wp-core-ui .button-primary:focus {
    153   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
    154 }
    155 .wp-core-ui .button-primary:active {
    156   background: #dd9f32;
    157   border-color: #dd9f32;
    158   color: #fff;
    159 }
    160 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
    161   background: #e1a948;
    162   color: #fff;
    163   border-color: #bd831f;
    164   box-shadow: inset 0 2px 5px -3px #241906;
    165 }
    166 .wp-core-ui .button-group > .button.active {
    167   border-color: #e1a948;
    168 }
    169 .wp-core-ui .wp-ui-primary {
    170   color: #fff;
    171   background-color: #52accc;
    172 }
    173 .wp-core-ui .wp-ui-text-primary {
    174   color: #52accc;
    175 }
    176 .wp-core-ui .wp-ui-highlight {
    177   color: #fff;
    178   background-color: #096484;
    179 }
    180 .wp-core-ui .wp-ui-text-highlight {
    181   color: #096484;
    182 }
    183 .wp-core-ui .wp-ui-notification {
    184   color: #fff;
    185   background-color: #e1a948;
    186 }
    187 .wp-core-ui .wp-ui-text-notification {
    188   color: #e1a948;
    189 }
    190 .wp-core-ui .wp-ui-text-icon {
    191   color: #e5f8ff;
    192 }
    193 
    194 /* List tables */
    195 .wrap .page-title-action,
    196 .wrap .page-title-action:active {
    197   border: 1px solid #096484;
    198   color: #096484;
    199 }
    200 
    201 .wrap .page-title-action:hover {
    202   color: #064054;
    203   border-color: #064054;
    204 }
    205 
    206 .wrap .page-title-action:focus {
    207   border-color: #0c88b4;
    208   color: #021c25;
    209   box-shadow: 0 0 0 1px #0c88b4;
    210 }
    211 
    212 .view-switch a.current:before {
    213   color: #52accc;
    214 }
    215 
    216 .view-switch a:hover:before {
    217   color: #e1a948;
    218 }
    219 
    220 /* Admin Menu */
    221 #adminmenuback,
    222 #adminmenuwrap,
    223 #adminmenu {
    224   background: #52accc;
    225 }
    226 
    227 #adminmenu a {
    228   color: #fff;
    229 }
    230 
    231 #adminmenu div.wp-menu-image:before {
    232   color: #e5f8ff;
    233 }
    234 
    235 #adminmenu a:hover,
    236 #adminmenu li.menu-top:hover,
    237 #adminmenu li.opensub > a.menu-top,
    238 #adminmenu li > a.menu-top:focus {
    239   color: #fff;
    240   background-color: #096484;
    241 }
    242 
    243 #adminmenu li.menu-top:hover div.wp-menu-image:before,
    244 #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
    245   color: #fff;
    246 }
    247 
    248 /* Active tabs use a bottom border color that matches the page background color. */
    249 .about-wrap .nav-tab-active,
    250 .nav-tab-active,
    251 .nav-tab-active:hover {
    252   background-color: #f1f1f1;
    253   border-bottom-color: #f1f1f1;
    254 }
    255 
    256 /* Admin Menu: submenu */
    257 #adminmenu .wp-submenu,
    258 #adminmenu .wp-has-current-submenu .wp-submenu,
    259 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
    260 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
    261   background: #4796b3;
    262 }
    263 
    264 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
    265 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
    266   border-left-color: #4796b3;
    267 }
    268 
    269 #adminmenu .wp-submenu .wp-submenu-head {
    270   color: #e2ecf1;
    271 }
    272 
    273 #adminmenu .wp-submenu a,
    274 #adminmenu .wp-has-current-submenu .wp-submenu a,
    275 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
    276 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
    277   color: #e2ecf1;
    278 }
    279 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
    280 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
    281 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
    282 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
    283 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
    284 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
    285 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
    286   color: #fff;
    287 }
    288 
    289 /* Admin Menu: current */
    290 #adminmenu .wp-submenu li.current a,
    291 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
    292 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
    293   color: #fff;
    294 }
    295 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
    296 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
    297 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
    298 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
    299 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
    300   color: #fff;
    301 }
    302 
    303 ul#adminmenu a.wp-has-current-submenu:after,
    304 ul#adminmenu > li.current > a.current:after {
    305   border-left-color: #f1f1f1;
    306 }
    307 
    308 #adminmenu li.current a.menu-top,
    309 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    310 #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
    311 .folded #adminmenu li.current.menu-top {
    312   color: #fff;
    313   background: #096484;
    314 }
    315 
    316 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
    317 #adminmenu a.current:hover div.wp-menu-image:before,
    318 #adminmenu li.current div.wp-menu-image:before,
    319 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
    320 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
    321 #adminmenu li:hover div.wp-menu-image:before,
    322 #adminmenu li a:focus div.wp-menu-image:before,
    323 #adminmenu li.opensub div.wp-menu-image:before {
    324   color: #fff;
    325 }
    326 
    327 /* Admin Menu: bubble */
    328 #adminmenu .awaiting-mod,
    329 #adminmenu .update-plugins {
    330   color: #fff;
    331   background: #e1a948;
    332 }
    333 
    334 #adminmenu li.current a .awaiting-mod,
    335 #adminmenu li a.wp-has-current-submenu .update-plugins,
    336 #adminmenu li:hover a .awaiting-mod,
    337 #adminmenu li.menu-top:hover > a .update-plugins {
    338   color: #fff;
    339   background: #4796b3;
    340 }
    341 
    342 /* Admin Menu: collapse button */
    343 #collapse-button {
    344   color: #e5f8ff;
    345 }
    346 
    347 #collapse-button:hover,
    348 #collapse-button:focus {
    349   color: #fff;
    350 }
    351 
    352 /* Admin Bar */
    353 #wpadminbar {
    354   color: #fff;
    355   background: #52accc;
    356 }
    357 
    358 #wpadminbar .ab-item,
    359 #wpadminbar a.ab-item,
    360 #wpadminbar > #wp-toolbar span.ab-label,
    361 #wpadminbar > #wp-toolbar span.noticon {
    362   color: #fff;
    363 }
    364 
    365 #wpadminbar .ab-icon,
    366 #wpadminbar .ab-icon:before,
    367 #wpadminbar .ab-item:before,
    368 #wpadminbar .ab-item:after {
    369   color: #e5f8ff;
    370 }
    371 
    372 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
    373 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
    374 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
    375 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
    376 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
    377   color: #fff;
    378   background: #4796b3;
    379 }
    380 
    381 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
    382 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
    383 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
    384   color: #fff;
    385 }
    386 
    387 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
    388 #wpadminbar:not(.mobile) li:hover .ab-item:before,
    389 #wpadminbar:not(.mobile) li:hover .ab-item:after,
    390 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
    391   color: #fff;
    392 }
    393 
    394 /* Admin Bar: submenu */
    395 #wpadminbar .menupop .ab-sub-wrapper {
    396   background: #4796b3;
    397 }
    398 
    399 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
    400 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
    401   background: #74b6ce;
    402 }
    403 
    404 #wpadminbar .ab-submenu .ab-item,
    405 #wpadminbar .quicklinks .menupop ul li a,
    406 #wpadminbar .quicklinks .menupop.hover ul li a,
    407 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    408   color: #e2ecf1;
    409 }
    410 
    411 #wpadminbar .quicklinks li .blavatar,
    412 #wpadminbar .menupop .menupop > .ab-item:before {
    413   color: #e5f8ff;
    414 }
    415 
    416 #wpadminbar .quicklinks .menupop ul li a:hover,
    417 #wpadminbar .quicklinks .menupop ul li a:focus,
    418 #wpadminbar .quicklinks .menupop ul li a:hover strong,
    419 #wpadminbar .quicklinks .menupop ul li a:focus strong,
    420 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
    421 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
    422 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
    423 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
    424 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
    425 #wpadminbar li:hover .ab-icon:before,
    426 #wpadminbar li:hover .ab-item:before,
    427 #wpadminbar li a:focus .ab-icon:before,
    428 #wpadminbar li .ab-item:focus:before,
    429 #wpadminbar li .ab-item:focus .ab-icon:before,
    430 #wpadminbar li.hover .ab-icon:before,
    431 #wpadminbar li.hover .ab-item:before,
    432 #wpadminbar li:hover #adminbarsearch:before,
    433 #wpadminbar li #adminbarsearch.adminbar-focused:before {
    434   color: #fff;
    435 }
    436 
    437 #wpadminbar .quicklinks li a:hover .blavatar,
    438 #wpadminbar .quicklinks li a:focus .blavatar,
    439 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
    440 #wpadminbar .menupop .menupop > .ab-item:hover:before,
    441 #wpadminbar.mobile .quicklinks .ab-icon:before,
    442 #wpadminbar.mobile .quicklinks .ab-item:before {
    443   color: #fff;
    444 }
    445 
    446 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
    447 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
    448   color: #e5f8ff;
    449 }
    450 
    451 /* Admin Bar: search */
    452 #wpadminbar #adminbarsearch:before {
    453   color: #e5f8ff;
    454 }
    455 
    456 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
    457   color: #fff;
    458   background: #6eb9d4;
    459 }
    460 
    461 /* Admin Bar: recovery mode */
    462 #wpadminbar #wp-admin-bar-recovery-mode {
    463   color: #fff;
    464   background-color: #e1a948;
    465 }
    466 
    467 #wpadminbar #wp-admin-bar-recovery-mode .ab-item,
    468 #wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
    469   color: #fff;
    470 }
    471 
    472 #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
    473 #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
    474 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
    475 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
    476   color: #fff;
    477   background-color: #cb9841;
    478 }
    479 
    480 /* Admin Bar: my account */
    481 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    482   border-color: #6eb9d4;
    483   background-color: #6eb9d4;
    484 }
    485 
    486 #wpadminbar #wp-admin-bar-user-info .display-name {
    487   color: #fff;
    488 }
    489 
    490 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
    491   color: #fff;
    492 }
    493 
    494 #wpadminbar #wp-admin-bar-user-info .username {
    495   color: #e2ecf1;
    496 }
    497 
    498 /* Pointers */
    499 .wp-pointer .wp-pointer-content h3 {
    500   background-color: #096484;
    501   border-color: #07526c;
    502 }
    503 
    504 .wp-pointer .wp-pointer-content h3:before {
    505   color: #096484;
    506 }
    507 
    508 .wp-pointer.wp-pointer-top .wp-pointer-arrow,
    509 .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
    510 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
    511 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
    512   border-bottom-color: #096484;
    513 }
    514 
    515 /* Media */
    516 .media-item .bar,
    517 .media-progress-bar div {
    518   background-color: #096484;
    519 }
    520 
    521 .details.attachment {
    522   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
    523 }
    524 
    525 .attachment.details .check {
    526   background-color: #096484;
    527   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
    528 }
    529 
    530 .media-selection .attachment.selection.details .thumbnail {
    531   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
    532 }
    533 
    534 /* Themes */
    535 .theme-browser .theme.active .theme-name,
    536 .theme-browser .theme.add-new-theme a:hover:after,
    537 .theme-browser .theme.add-new-theme a:focus:after {
    538   background: #096484;
    539 }
    540 
    541 .theme-browser .theme.add-new-theme a:hover span:after,
    542 .theme-browser .theme.add-new-theme a:focus span:after {
    543   color: #096484;
    544 }
    545 
    546 .theme-section.current,
    547 .theme-filter.current {
    548   border-bottom-color: #52accc;
    549 }
    550 
    551 body.more-filters-opened .more-filters {
    552   color: #fff;
    553   background-color: #52accc;
    554 }
    555 
    556 body.more-filters-opened .more-filters:before {
    557   color: #fff;
    558 }
    559 
    560 body.more-filters-opened .more-filters:hover,
    561 body.more-filters-opened .more-filters:focus {
    562   background-color: #096484;
    563   color: #fff;
    564 }
    565 
    566 body.more-filters-opened .more-filters:hover:before,
    567 body.more-filters-opened .more-filters:focus:before {
    568   color: #fff;
    569 }
    570 
    571 /* Widgets */
    572 .widgets-chooser li.widgets-chooser-selected {
    573   background-color: #096484;
    574   color: #fff;
    575 }
    576 
    577 .widgets-chooser li.widgets-chooser-selected:before,
    578 .widgets-chooser li.widgets-chooser-selected:focus:before {
    579   color: #fff;
    580 }
    581 
    582 /* Nav Menus */
    583 .nav-menus-php .item-edit:focus:before {
    584   box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
    585 }
    586 
    587 /* Responsive Component */
    588 div#wp-responsive-toggle a:before {
    589   color: #e5f8ff;
    590 }
    591 
    592 .wp-responsive-open div#wp-responsive-toggle a {
    593   border-color: transparent;
    594   background: #096484;
    595 }
    596 
    597 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
    598   background: #4796b3;
    599 }
    600 
    601 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
    602   color: #e5f8ff;
    603 }
    604 
    605 /* TinyMCE */
    606 .mce-container.mce-menu .mce-menu-item:hover,
    607 .mce-container.mce-menu .mce-menu-item.mce-selected,
    608 .mce-container.mce-menu .mce-menu-item:focus,
    609 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
    610 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
    611   background: #096484;
    612 }
    613 
    614 /* Customizer */
    615 .wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
    616 .wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
    617 .wp-core-ui #customize-controls .control-section.open .accordion-section-title,
    618 .wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
    619   color: #0073aa;
    620   border-right-color: #e1a948;
    621 }
    622 .wp-core-ui .customize-controls-close:focus,
    623 .wp-core-ui .customize-controls-close:hover,
    624 .wp-core-ui .customize-controls-preview-toggle:focus,
    625 .wp-core-ui .customize-controls-preview-toggle:hover {
    626   color: #0073aa;
    627   border-top-color: #e1a948;
    628 }
    629 .wp-core-ui .customize-panel-back:hover,
    630 .wp-core-ui .customize-panel-back:focus,
    631 .wp-core-ui .customize-section-back:hover,
    632 .wp-core-ui .customize-section-back:focus {
    633   color: #0073aa;
    634   border-right-color: #e1a948;
    635 }
    636 .wp-core-ui .customize-screen-options-toggle:hover,
    637 .wp-core-ui .customize-screen-options-toggle:active,
    638 .wp-core-ui .customize-screen-options-toggle:focus,
    639 .wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
    640 .wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
    641 .wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
    642 .wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
    643   color: #0073aa;
    644 }
    645 .wp-core-ui .customize-screen-options-toggle:focus:before,
    646 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
    647 .wp-core-ui .menu-item-bar .item-delete:focus:before,
    648 .wp-core-ui #available-menu-items .item-add:focus:before,
    649 .wp-core-ui #customize-save-button-wrapper .save:focus,
    650 .wp-core-ui #publish-settings:focus {
    651   box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
    652 }
    653 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
    654 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
    655 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
    656   color: #0073aa;
    657 }
    658 .wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
    659 .wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
    660   border-right-color: #e1a948;
    661   color: #0073aa;
    662 }
    663 .wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
    664   background: #e1a948;
    665 }
    666 .wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
    667   color: #0073aa;
    668 }
    669 .wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
    670 .wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
    671 .wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
    672 .wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
    673 .wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
    674 .wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
    675 .wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
    676 .wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
    677   color: #0073aa;
    678 }
    679 .wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
    680   background-color: #fbfbfc;
    681   border-color: #e1a948;
    682   border-style: solid;
    683   box-shadow: 0 0 0 1px #e1a948;
    684   outline: 2px solid transparent;
    685 }
    686 .wp-core-ui .wp-full-overlay-footer .devices button:focus,
    687 .wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
    688   border-bottom-color: #e1a948;
    689 }
    690 .wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
    691 .wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
    692   color: #e1a948;
    693 }
    694 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
    695 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
    696   color: #e1a948;
    697 }
    698 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
    699 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
    700   box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
    701 }
    702 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
    703   border-bottom-color: #e1a948;
    704   color: #0073aa;
    705 }