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