[Summary view] [Print] [Text view]

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