colors.css (19708B)
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%23738e96%27%2F%3E%3C%2Fsvg%3E"); 54 } 55 56 input[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 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: #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-right-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 270 ul#adminmenu a.wp-has-current-submenu:after, 271 ul#adminmenu > li.current > a.current:after { 272 border-right-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 518 body.more-filters-opened .more-filters { 519 color: #fff; 520 background-color: #738e96; 521 } 522 523 body.more-filters-opened .more-filters:before { 524 color: #fff; 525 } 526 527 body.more-filters-opened .more-filters:hover, 528 body.more-filters-opened .more-filters:focus { 529 background-color: #9ebaa0; 530 color: #fff; 531 } 532 533 body.more-filters-opened .more-filters:hover:before, 534 body.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 */ 555 div#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-left-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-left-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-left-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 }