ass="language-scss">+ color: $menu-background; 237 
+}
238 
+
239 
+.view-switch a:hover:before {
240 
+	color: $menu-bubble-background;
241 
+}
242 
+
243 
+
244 
+/* Admin Menu */
245 
+
246 
+#adminmenuback,
247 
+#adminmenuwrap,
248 
+#adminmenu {
249 
+	background: $menu-background;
250 
+}
251 
+
252 
+#adminmenu a {
253 
+	color: $menu-text;
254 
+}
255 
+
256 
+#adminmenu div.wp-menu-image:before {
257 
+	color: $menu-icon;
258 
+}
259 
+
260 
+#adminmenu a:hover,
261 
+#adminmenu li.menu-top:hover,
262 
+#adminmenu li.opensub > a.menu-top,
263 
+#adminmenu li > a.menu-top:focus {
264 
+	color: $menu-highlight-text;
265 
+	background-color: $menu-highlight-background;
266 
+}
267 
+
268 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
269 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
270 
+	color: $menu-highlight-icon;
271 
+}
272 
+
273 
+
274 
+/* Active tabs use a bottom border color that matches the page background color. */
275 
+
276 
+.about-wrap .nav-tab-active,
277 
+.nav-tab-active,
278 
+.nav-tab-active:hover {
279 
+	background-color: $body-background;
280 
+	border-bottom-color: $body-background;
281 
+}
282 
+
283 
+
284 
+/* Admin Menu: submenu */
285 
+
286 
+#adminmenu .wp-submenu,
287 
+#adminmenu .wp-has-current-submenu .wp-submenu,
288 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
289 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
290 
+	background: $menu-submenu-background;
291 
+}
292 
+
293 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
294 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
295 
+	border-right-color: $menu-submenu-background;
296 
+}
297 
+
298 
+#adminmenu .wp-submenu .wp-submenu-head {
299 
+	color: $menu-submenu-text;
300 
+}
301 
+
302 
+#adminmenu .wp-submenu a,
303 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
304 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
305 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
306 
+	color: $menu-submenu-text;
307 
+
308 
+	&:focus, &:hover {
309 
+		color: $menu-submenu-focus-text;
310 
+	}
311 
+}
312 
+
313 
+
314 
+/* Admin Menu: current */
315 
+
316 
+#adminmenu .wp-submenu li.current a,
317 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
318 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
319 
+	color: $menu-submenu-current-text;
320 
+
321 
+	&:hover, &:focus {
322 
+		color: $menu-submenu-focus-text;
323 
+	}
324 
+}
325 
+
326 
+ul#adminmenu a.wp-has-current-submenu:after,
327 
+ul#adminmenu > li.current > a.current:after {
328 
+    border-right-color: $body-background;
329 
+}
330 
+
331 
+#adminmenu li.current a.menu-top,
332 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
333 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
334 
+.folded #adminmenu li.current.menu-top {
335 
+	color: $menu-current-text;
336 
+	background: $menu-current-background;
337 
+}
338 
+
339 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
340 
+#adminmenu a.current:hover div.wp-menu-image:before,
341 
+#adminmenu li.current div.wp-menu-image:before,
342 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
343 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
344 
+#adminmenu li:hover div.wp-menu-image:before,
345 
+#adminmenu li a:focus div.wp-menu-image:before,
346 
+#adminmenu li.opensub div.wp-menu-image:before {
347 
+	color: $menu-current-icon;
348 
+}
349 
+
350 
+
351 
+/* Admin Menu: bubble */
352 
+
353 
+#adminmenu .awaiting-mod,
354 
+#adminmenu .update-plugins {
355 
+	color: $menu-bubble-text;
356 
+	background: $menu-bubble-background;
357 
+}
358 
+
359 
+#adminmenu li.current a .awaiting-mod,
360 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
361 
+#adminmenu li:hover a .awaiting-mod,
362 
+#adminmenu li.menu-top:hover > a .update-plugins {
363 
+	color: $menu-bubble-current-text;
364 
+	background: $menu-bubble-current-background;
365 
+}
366 
+
367 
+
368 
+/* Admin Menu: collapse button */
369 
+
370 
+#collapse-button {
371 
+    color: $menu-collapse-text;
372 
+}
373 
+
374 
+#collapse-button:hover,
375 
+#collapse-button:focus {
376 
+    color: $menu-submenu-focus-text;
377 
+}
378 
+
379 
+/* Admin Bar */
380 
+
381 
+#wpadminbar {
382 
+	color: $menu-text;
383 
+	background: $menu-background;
384 
+}
385 
+
386 
+#wpadminbar .ab-item,
387 
+#wpadminbar a.ab-item,
388 
+#wpadminbar > #wp-toolbar span.ab-label,
389 
+#wpadminbar > #wp-toolbar span.noticon {
390 
+	color: $menu-text;
391 
+}
392 
+
393 
+#wpadminbar .ab-icon,
394 
+#wpadminbar .ab-icon:before,
395 
+#wpadminbar .ab-item:before,
396 
+#wpadminbar .ab-item:after {
397 
+	color: $menu-icon;
398 
+}
399 
+
400 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
401 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
402 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
403 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
404 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
405 
+	color: $menu-submenu-focus-text;
406 
+	background: $menu-submenu-background;
407 
+}
408 
+
409 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
410 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
411 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
412 
+	color: $menu-submenu-focus-text;
413 
+}
414 
+
415 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
416 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
417 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
418 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
419 
+	color: $menu-submenu-focus-text;
420 
+}
421 
+
422 
+
423 
+/* Admin Bar: submenu */
424 
+
425 
+#wpadminbar .menupop .ab-sub-wrapper {
426 
+	background: $menu-submenu-background;
427 
+}
428 
+
429 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
430 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
431 
+	background: $menu-submenu-background-alt;
432 
+}
433 
+
434 
+#wpadminbar .ab-submenu .ab-item,
435 
+#wpadminbar .quicklinks .menupop ul li a,
436 
+#wpadminbar .quicklinks .menupop.hover ul li a,
437 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
438 
+	color: $menu-submenu-text;
439 
+}
440 
+
441 
+#wpadminbar .quicklinks li .blavatar,
442 
+#wpadminbar .menupop .menupop > .ab-item:before {
443 
+	color: $menu-icon;
444 
+}
445 
+
446 
+#wpadminbar .quicklinks .menupop ul li a:hover,
447 
+#wpadminbar .quicklinks .menupop ul li a:focus,
448 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
449 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
450 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
451 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
452 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
453 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
454 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
455 
+#wpadminbar li:hover .ab-icon:before,
456 
+#wpadminbar li:hover .ab-item:before,
457 
+#wpadminbar li a:focus .ab-icon:before,
458 
+#wpadminbar li .ab-item:focus:before,
459 
+#wpadminbar li .ab-item:focus .ab-icon:before,
460 
+#wpadminbar li.hover .ab-icon:before,
461 
+#wpadminbar li.hover .ab-item:before,
462 
+#wpadminbar li:hover #adminbarsearch:before,
463 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
464 
+	color: $menu-submenu-focus-text;
465 
+}
466 
+
467 
+#wpadminbar .quicklinks li a:hover .blavatar,
468 
+#wpadminbar .quicklinks li a:focus .blavatar,
469 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
470 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
471 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
472 
+#wpadminbar.mobile .quicklinks .ab-item:before {
473 
+	color: $menu-submenu-focus-text;
474 
+}
475 
+
476 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
477 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
478 
+	color: $menu-icon;
479 
+}
480 
+
481 
+
482 
+/* Admin Bar: search */
483 
+
484 
+#wpadminbar #adminbarsearch:before {
485 
+	color: $menu-icon;
486 
+}
487 
+
488 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
489 
+	color: $menu-text;
490 
+	background: $adminbar-input-background;
491 
+}
492 
+
493 
+/* Admin Bar: recovery mode */
494 
+
495 
+#wpadminbar #wp-admin-bar-recovery-mode {
496 
+	color: $adminbar-recovery-exit-text;
497 
+	background-color: $adminbar-recovery-exit-background;
498 
+}
499 
+
500 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
501 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
502 
+	color: $adminbar-recovery-exit-text;
503 
+}
504 
+
505 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
506 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
507 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
508 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
509 
+	color: $adminbar-recovery-exit-text;
510 
+	background-color: $adminbar-recovery-exit-background-alt;
511 
+}
512 
+
513 
+/* Admin Bar: my account */
514 
+
515 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
516 
+	border-color: $adminbar-avatar-frame;
517 
+	background-color: $adminbar-avatar-frame;
518 
+}
519 
+
520 
+#wpadminbar #wp-admin-bar-user-info .display-name {
521 
+	color: $menu-text;
522 
+}
523 
+
524 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
525 
+	color: $menu-submenu-focus-text;
526 
+}
527 
+
528 
+#wpadminbar #wp-admin-bar-user-info .username {
529 
+	color: $menu-submenu-text;
530 
+}
531 
+
532 
+
533 
+/* Pointers */
534 
+
535 
+.wp-pointer .wp-pointer-content h3 {
536 
+	background-color: $highlight-color;
537 
+	border-color: darken( $highlight-color, 5% );
538 
+}
539 
+
540 
+.wp-pointer .wp-pointer-content h3:before {
541 
+	color: $highlight-color;
542 
+}
543 
+
544 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
545 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
546 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
547 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
548 
+	border-bottom-color: $highlight-color;
549 
+}
550 
+
551 
+
552 
+/* Media */
553 
+
554 
+.media-item .bar,
555 
+.media-progress-bar div {
556 
+	background-color: $highlight-color;
557 
+}
558 
+
559 
+.details.attachment {
560 
+	box-shadow:
561 
+		inset 0 0 0 3px #fff,
562 
+		inset 0 0 0 7px $highlight-color;
563 
+}
564 
+
565 
+.attachment.details .check {
566 
+	background-color: $highlight-color;
567 
+	box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
568 
+}
569 
+
570 
+.media-selection .attachment.selection.details .thumbnail {
571 
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
572 
+}
573 
+
574 
+
575 
+/* Themes */
576 
+
577 
+.theme-browser .theme.active .theme-name,
578 
+.theme-browser .theme.add-new-theme a:hover:after,
579 
+.theme-browser .theme.add-new-theme a:focus:after {
580 
+	background: $highlight-color;
581 
+}
582 
+
583 
+.theme-browser .theme.add-new-theme a:hover span:after,
584 
+.theme-browser .theme.add-new-theme a:focus span:after {
585 
+	color: $highlight-color;
586 
+}
587 
+
588 
+.theme-section.current,
589 
+.theme-filter.current {
590 
+	border-bottom-color: $menu-background;
591 
+}
592 
+
593 
+body.more-filters-opened .more-filters {
594 
+	color: $menu-text;
595 
+	background-color: $menu-background;
596 
+}
597 
+
598 
+body.more-filters-opened .more-filters:before {
599 
+	color: $menu-text;
600 
+}
601 
+
602 
+body.more-filters-opened .more-filters:hover,
603 
+body.more-filters-opened .more-filters:focus {
604 
+	background-color: $menu-highlight-background;
605 
+	color: $menu-highlight-text;
606 
+}
607 
+
608 
+body.more-filters-opened .more-filters:hover:before,
609 
+body.more-filters-opened .more-filters:focus:before {
610 
+	color: $menu-highlight-text;
611 
+}
612 
+
613 
+/* Widgets */
614 
+
615 
+.widgets-chooser li.widgets-chooser-selected {
616 
+	background-color: $menu-highlight-background;
617 
+	color: $menu-highlight-text;
618 
+}
619 
+
620 
+.widgets-chooser li.widgets-chooser-selected:before,
621 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
622 
+	color: $menu-highlight-text;
623 
+}
624 
+
625 
+
626 
+/* Nav Menus */
627 
+
628 
+.nav-menus-php .item-edit:focus:before {
629 
+	box-shadow:
630 
+		0 0 0 1px lighten($button-color, 10),
631 
+		0 0 2px 1px $button-color;
632 
+}
633 
+
634 
+
635 
+/* Responsive Component */
636 
+
637 
+div#wp-responsive-toggle a:before {
638 
+	color: $menu-icon;
639 
+}
640 
+
641 
+.wp-responsive-open div#wp-responsive-toggle a {
642 
+	// ToDo: make inset border
643 
+	border-color: transparent;
644 
+	background: $menu-highlight-background;
645 
+}
646 
+
647 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
648 
+	background: $menu-submenu-background;
649 
+}
650 
+
651 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
652 
+	color: $menu-icon;
653 
+}
654 
+
655 
+/* TinyMCE */
656 
+
657 
+.mce-container.mce-menu .mce-menu-item:hover,
658 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
659 
+.mce-container.mce-menu .mce-menu-item:focus,
660 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
661 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
662 
+	background: $highlight-color;
663 
+}
664 
+
665 
+/* Customizer */
666 
+.wp-core-ui {
667 
+	#customize-controls .control-section:hover > .accordion-section-title,
668 
+	#customize-controls .control-section .accordion-section-title:hover,
669 
+	#customize-controls .control-section.open .accordion-section-title,
670 
+	#customize-controls .control-section .accordion-section-title:focus {
671 
+		color: $link;
672 
+		border-left-color: $button-color;
673 
+	}
674 
+
675 
+	.customize-controls-close:focus,
676 
+	.customize-controls-close:hover,
677 
+	.customize-controls-preview-toggle:focus,
678 
+	.customize-controls-preview-toggle:hover {
679 
+		color: $link;
680 
+		border-top-color: $button-color;
681 
+	}
682 
+
683 
+	.customize-panel-back:hover,
684 
+	.customize-panel-back:focus,
685 
+	.customize-section-back:hover,
686 
+	.customize-section-back:focus {
687 
+		color: $link;
688 
+		border-left-color: $button-color;
689 
+	}
690 
+
691 
+	.customize-screen-options-toggle:hover,
692 
+	.customize-screen-options-toggle:active,
693 
+	.customize-screen-options-toggle:focus,
694 
+	.active-menu-screen-options .customize-screen-options-toggle,
695 
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
696 
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
697 
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
698 
+		color: $link;
699 
+	}
700 
+
701 
+	.customize-screen-options-toggle:focus:before,
702 
+	#customize-controls .customize-info .customize-help-toggle:focus:before,
703 
+	&.wp-customizer button:focus .toggle-indicator:before,
704 
+	.menu-item-bar .item-delete:focus:before,
705 
+	#available-menu-items .item-add:focus:before,
706 
+	#customize-save-button-wrapper .save:focus,
707 
+	#publish-settings:focus {
708 
+		box-shadow:
709 
+			0 0 0 1px lighten($button-color, 10),
710 
+			0 0 2px 1px $button-color;
711 
+	}
712 
+
713 
+	#customize-controls .customize-info.open .customize-help-toggle,
714 
+	#customize-controls .customize-info .customize-help-toggle:focus,
715 
+	#customize-controls .customize-info .customize-help-toggle:hover {
716 
+		color: $link;
717 
+	}
718 
+
719 
+	.control-panel-themes .customize-themes-section-title:focus,
720 
+	.control-panel-themes .customize-themes-section-title:hover {
721 
+		border-left-color: $button-color;
722 
+		color: $link;
723 
+	}
724 
+
725 
+	.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
726 
+		background: $button-color;
727 
+	}
728 
+
729 
+	.control-panel-themes .customize-themes-section-title.selected {
730 
+		color: $link;
731 
+	}
732 
+
733 
+	#customize-theme-controls .control-section:hover > .accordion-section-title:after,
734 
+	#customize-theme-controls .control-section .accordion-section-title:hover:after,
735 
+	#customize-theme-controls .control-section.open .accordion-section-title:after,
736 
+	#customize-theme-controls .control-section .accordion-section-title:focus:after,
737 
+	#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
738 
+	#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
739 
+	#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
740 
+	#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
741 
+		color: $link;
742 
+	}
743 
+
744 
+	.customize-control .attachment-media-view .button-add-media:focus {
745 
+		background-color: #fbfbfc;
746 
+		border-color: $button-color;
747 
+		border-style: solid;
748 
+		box-shadow: 0 0 0 1px $button-color;
749 
+		outline: 2px solid transparent;
750 
+	}
751 
+
752 
+	.wp-full-overlay-footer .devices button:focus,
753 
+	.wp-full-overlay-footer .devices button.active:hover {
754 
+		border-bottom-color: $button-color;
755 
+	}
756 
+
757 
+	.wp-full-overlay-footer .devices button:hover:before,
758 
+	.wp-full-overlay-footer .devices button:focus:before {
759 
+		color: $button-color;
760 
+	}
761 
+
762 
+	.wp-full-overlay .collapse-sidebar:hover,
763 
+	.wp-full-overlay .collapse-sidebar:focus {
764 
+		color: $button-color;
765 
+	}
766 
+
767 
+	.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
768 
+	.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
769 
+		box-shadow:
770 
+			0 0 0 1px lighten($button-color, 10),
771 
+			0 0 2px 1px $button-color;
772 
+	}
773 
+
774 
+	&.wp-customizer .theme-overlay .theme-header .close:focus,
775 
+	&.wp-customizer .theme-overlay .theme-header .close:hover,
776 
+	&.wp-customizer .theme-overlay .theme-header .right:focus,
777 
+	&.wp-customizer .theme-overlay .theme-header .right:hover,
778 
+	&.wp-customizer .theme-overlay .theme-header .left:focus,
779 
+	&.wp-customizer .theme-overlay .theme-header .left:hover {
780 
+		border-bottom-color: $button-color;
781 
+		color: $link;
782 
+	}
783 
+}

+ 37 - 0
app/wp-admin/css/colors/_mixins.scss
Bestand weergeven 

@@ -0,0 +1,37 @@
1 
+/*
2 
+ * Button mixin- creates a button effect with correct
3 
+ * highlights/shadows, based on a base color.
4 
+ */
5 
+@mixin button( $button-color, $button-text-color: #fff ) {
6 
+	background: $button-color;
7 
+	border-color: $button-color;
8 
+	color: $button-text-color;
9 
+
10 
+	&:hover,
11 
+	&:focus {
12 
+		background: lighten( $button-color, 3% );
13 
+		border-color: darken( $button-color, 3% );
14 
+		color: $button-text-color;
15 
+	}
16 
+
17 
+	&:focus {
18 
+		box-shadow:
19 
+			0 0 0 1px #fff,
20 
+			0 0 0 3px $button-color;
21 
+	}
22 
+
23 
+	&:active {
24 
+		background: darken( $button-color, 5% );
25 
+		border-color: darken( $button-color, 5% );
26 
+		color: $button-text-color;
27 
+	}
28 
+
29 
+	&.active,
30 
+	&.active:focus,
31 
+	&.active:hover {
32 
+		background: $button-color;
33 
+		color: $button-text-color;
34 
+		border-color: darken( $button-color, 15% );
35 
+		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
36 
+	}
37 
+}

+ 65 - 0
app/wp-admin/css/colors/_variables.scss
Bestand weergeven 

@@ -0,0 +1,65 @@
1 
+// assign default value to all undefined variables
2 
+
3 
+
4 
+// core variables
5 
+
6 
+$text-color: #fff !default;
7 
+$base-color: #23282d !default;
8 
+$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
9 
+$highlight-color: #0073aa !default;
10 
+$notification-color: #d54e21 !default;
11 
+
12 
+
13 
+// global
14 
+
15 
+$body-background: #f1f1f1 !default;
16 
+
17 
+$link: #0073aa !default;
18 
+$link-focus: lighten( $link, 10% ) !default;
19 
+
20 
+$button-color: $highlight-color !default;
21 
+$button-text-color: $text-color !default;
22 
+
23 
+$form-checked: #7e8993 !default;
24 
+
25 
+// admin menu & admin-bar
26 
+
27 
+$menu-text: $text-color !default;
28 
+$menu-icon: $icon-color !default;
29 
+$menu-background: $base-color !default;
30 
+
31 
+$menu-highlight-text: $text-color !default;
32 
+$menu-highlight-icon: $text-color !default;
33 
+$menu-highlight-background: $highlight-color !default;
34 
+
35 
+$menu-current-text: $menu-highlight-text !default;
36 
+$menu-current-icon: $menu-highlight-icon !default;
37 
+$menu-current-background: $menu-highlight-background !default;
38 
+
39 
+$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
40 
+$menu-submenu-background: darken( $base-color, 7% ) !default;
41 
+$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
42 
+
43 
+$menu-submenu-focus-text: $highlight-color !default;
44 
+$menu-submenu-current-text: $text-color !default;
45 
+
46 
+$menu-bubble-text: $text-color !default;
47 
+$menu-bubble-background: $notification-color !default;
48 
+$menu-bubble-current-text: $text-color !default;
49 
+$menu-bubble-current-background: $menu-submenu-background !default;
50 
+
51 
+$menu-collapse-text: $menu-icon !default;
52 
+$menu-collapse-icon: $menu-icon !default;
53 
+$menu-collapse-focus-text: $text-color !default;
54 
+$menu-collapse-focus-icon: $menu-highlight-icon !default;
55 
+
56 
+$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
57 
+$adminbar-input-background: lighten( $menu-background, 7% ) !default;
58 
+
59 
+$adminbar-recovery-exit-text: $menu-bubble-text !default;
60 
+$adminbar-recovery-exit-background: $menu-bubble-background !default;
61 
+$adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-background, 10%) !default;
62 
+
63 
+$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
64 
+
65 
+$low-contrast-theme: "false" !default;

+ 705 - 0
app/wp-admin/css/colors/blue/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/blue/colors-rtl.min.css


+ 705 - 0
app/wp-admin/css/colors/blue/colors.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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-right-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-right-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-left-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-left-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-left-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 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/blue/colors.min.css


+ 11 - 0
app/wp-admin/css/colors/blue/colors.scss
Bestand weergeven 

@@ -0,0 +1,11 @@
1 
+$base-color: #52accc;
2 
+$icon-color: #e5f8ff;
3 
+$highlight-color: #096484;
4 
+$notification-color: #e1a948;
5 
+$button-color: #e1a948;
6 
+
7 
+$menu-submenu-text: #e2ecf1;
8 
+$menu-submenu-focus-text: #fff;
9 
+$menu-submenu-background: #4796b3;
10 
+
11 
+@import "../_admin.scss";

+ 672 - 0
app/wp-admin/css/colors/coffee/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,672 @@
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%2359524c%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #59524c;
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: #c7a589;
85 
+  box-shadow: 0 0 0 1px #c7a589;
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: #c7a589;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #c7a589;
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: #c7a589;
123 
+  border-color: #c7a589;
124 
+  color: #fff;
125 
+}
126 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
127 
+  background: #ccad93;
128 
+  border-color: #c29d7f;
129 
+  color: #fff;
130 
+}
131 
+.wp-core-ui .button-primary:focus {
132 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
133 
+}
134 
+.wp-core-ui .button-primary:active {
135 
+  background: #bf9878;
136 
+  border-color: #bf9878;
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: #c7a589;
141 
+  color: #fff;
142 
+  border-color: #ae7d55;
143 
+  box-shadow: inset 0 2px 5px -3px #37271a;
144 
+}
145 
+.wp-core-ui .button-group > .button.active {
146 
+  border-color: #c7a589;
147 
+}
148 
+.wp-core-ui .wp-ui-primary {
149 
+  color: #fff;
150 
+  background-color: #59524c;
151 
+}
152 
+.wp-core-ui .wp-ui-text-primary {
153 
+  color: #59524c;
154 
+}
155 
+.wp-core-ui .wp-ui-highlight {
156 
+  color: #fff;
157 
+  background-color: #c7a589;
158 
+}
159 
+.wp-core-ui .wp-ui-text-highlight {
160 
+  color: #c7a589;
161 
+}
162 
+.wp-core-ui .wp-ui-notification {
163 
+  color: #fff;
164 
+  background-color: #9ea476;
165 
+}
166 
+.wp-core-ui .wp-ui-text-notification {
167 
+  color: #9ea476;
168 
+}
169 
+.wp-core-ui .wp-ui-text-icon {
170 
+  color: #f3f2f1;
171 
+}
172 
+
173 
+/* List tables */
174 
+.wrap .page-title-action:hover {
175 
+  color: #fff;
176 
+  background-color: #59524c;
177 
+}
178 
+
179 
+.view-switch a.current:before {
180 
+  color: #59524c;
181 
+}
182 
+
183 
+.view-switch a:hover:before {
184 
+  color: #9ea476;
185 
+}
186 
+
187 
+/* Admin Menu */
188 
+#adminmenuback,
189 
+#adminmenuwrap,
190 
+#adminmenu {
191 
+  background: #59524c;
192 
+}
193 
+
194 
+#adminmenu a {
195 
+  color: #fff;
196 
+}
197 
+
198 
+#adminmenu div.wp-menu-image:before {
199 
+  color: #f3f2f1;
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: #c7a589;
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: #46403c;
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: #46403c;
234 
+}
235 
+
236 
+#adminmenu .wp-submenu .wp-submenu-head {
237 
+  color: #cdcbc9;
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: #cdcbc9;
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: #c7a589;
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: #c7a589;
268 
+}
269 
+
270 
+ul#adminmenu a.wp-has-current-submenu:after,
271 
+ul#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: #c7a589;
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: #9ea476;
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: #46403c;
307 
+}
308 
+
309 
+/* Admin Menu: collapse button */
310 
+#collapse-button {
311 
+  color: #f3f2f1;
312 
+}
313 
+
314 
+#collapse-button:hover,
315 
+#collapse-button:focus {
316 
+  color: #c7a589;
317 
+}
318 
+
319 
+/* Admin Bar */
320 
+#wpadminbar {
321 
+  color: #fff;
322 
+  background: #59524c;
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: #f3f2f1;
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: #c7a589;
345 
+  background: #46403c;
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: #c7a589;
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: #c7a589;
359 
+}
360 
+
361 
+/* Admin Bar: submenu */
362 
+#wpadminbar .menupop .ab-sub-wrapper {
363 
+  background: #46403c;
364 
+}
365 
+
366 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368 
+  background: #656463;
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: #cdcbc9;
376 
+}
377 
+
378 
+#wpadminbar .quicklinks li .blavatar,
379 
+#wpadminbar .menupop .menupop > .ab-item:before {
380 
+  color: #f3f2f1;
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: #c7a589;
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: #c7a589;
411 
+}
412 
+
413 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
+  color: #f3f2f1;
416 
+}
417 
+
418 
+/* Admin Bar: search */
419 
+#wpadminbar #adminbarsearch:before {
420 
+  color: #f3f2f1;
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: #6c645c;
426 
+}
427 
+
428 
+/* Admin Bar: recovery mode */
429 
+#wpadminbar #wp-admin-bar-recovery-mode {
430 
+  color: #fff;
431 
+  background-color: #9ea476;
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: #8e946a;
445 
+}
446 
+
447 
+/* Admin Bar: my account */
448 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
449 
+  border-color: #6c645c;
450 
+  background-color: #6c645c;
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: #c7a589;
459 
+}
460 
+
461 
+#wpadminbar #wp-admin-bar-user-info .username {
462 
+  color: #cdcbc9;
463 
+}
464 
+
465 
+/* Pointers */
466 
+.wp-pointer .wp-pointer-content h3 {
467 
+  background-color: #c7a589;
468 
+  border-color: #bf9878;
469 
+}
470 
+
471 
+.wp-pointer .wp-pointer-content h3:before {
472 
+  color: #c7a589;
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: #c7a589;
480 
+}
481 
+
482 
+/* Media */
483 
+.media-item .bar,
484 
+.media-progress-bar div {
485 
+  background-color: #c7a589;
486 
+}
487 
+
488 
+.details.attachment {
489 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
490 
+}
491 
+
492 
+.attachment.details .check {
493 
+  background-color: #c7a589;
494 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
495 
+}
496 
+
497 
+.media-selection .attachment.selection.details .thumbnail {
498 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
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: #c7a589;
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: #c7a589;
511 
+}
512 
+
513 
+.theme-section.current,
514 
+.theme-filter.current {
515 
+  border-bottom-color: #59524c;
516 
+}
517 
+
518 
+body.more-filters-opened .more-filters {
519 
+  color: #fff;
520 
+  background-color: #59524c;
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: #c7a589;
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: #c7a589;
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 #d7bfac, 0 0 2px 1px #c7a589;
552 
+}
553 
+
554 
+/* Responsive Component */
555 
+div#wp-responsive-toggle a:before {
556 
+  color: #f3f2f1;
557 
+}
558 
+
559 
+.wp-responsive-open div#wp-responsive-toggle a {
560 
+  border-color: transparent;
561 
+  background: #c7a589;
562 
+}
563 
+
564 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
565 
+  background: #46403c;
566 
+}
567 
+
568 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
+  color: #f3f2f1;
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: #c7a589;
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: #c7a589;
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: #c7a589;
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: #c7a589;
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 #d7bfac, 0 0 2px 1px #c7a589;
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: #c7a589;
628 
+  color: #0073aa;
629 
+}
630 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
631 
+  background: #c7a589;
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: #c7a589;
649 
+  border-style: solid;
650 
+  box-shadow: 0 0 0 1px #c7a589;
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: #c7a589;
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: #c7a589;
660 
+}
661 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
662 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
663 
+  color: #c7a589;
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 #d7bfac, 0 0 2px 1px #c7a589;
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: #c7a589;
671 
+  color: #0073aa;
672 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/coffee/colors-rtl.min.css


+ 672 - 0
app/wp-admin/css/colors/coffee/colors.css
Bestand weergeven 

@@ -0,0 +1,672 @@
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%2359524c%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #59524c;
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: #c7a589;
85 
+  box-shadow: 0 0 0 1px #c7a589;
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: #c7a589;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #c7a589;
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: #c7a589;
123 
+  border-color: #c7a589;
124 
+  color: #fff;
125 
+}
126 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
127 
+  background: #ccad93;
128 
+  border-color: #c29d7f;
129 
+  color: #fff;
130 
+}
131 
+.wp-core-ui .button-primary:focus {
132 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
133 
+}
134 
+.wp-core-ui .button-primary:active {
135 
+  background: #bf9878;
136 
+  border-color: #bf9878;
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: #c7a589;
141 
+  color: #fff;
142 
+  border-color: #ae7d55;
143 
+  box-shadow: inset 0 2px 5px -3px #37271a;
144 
+}
145 
+.wp-core-ui .button-group > .button.active {
146 
+  border-color: #c7a589;
147 
+}
148 
+.wp-core-ui .wp-ui-primary {
149 
+  color: #fff;
150 
+  background-color: #59524c;
151 
+}
152 
+.wp-core-ui .wp-ui-text-primary {
153 
+  color: #59524c;
154 
+}
155 
+.wp-core-ui .wp-ui-highlight {
156 
+  color: #fff;
157 
+  background-color: #c7a589;
158 
+}
159 
+.wp-core-ui .wp-ui-text-highlight {
160 
+  color: #c7a589;
161 
+}
162 
+.wp-core-ui .wp-ui-notification {
163 
+  color: #fff;
164 
+  background-color: #9ea476;
165 
+}
166 
+.wp-core-ui .wp-ui-text-notification {
167 
+  color: #9ea476;
168 
+}
169 
+.wp-core-ui .wp-ui-text-icon {
170 
+  color: #f3f2f1;
171 
+}
172 
+
173 
+/* List tables */
174 
+.wrap .page-title-action:hover {
175 
+  color: #fff;
176 
+  background-color: #59524c;
177 
+}
178 
+
179 
+.view-switch a.current:before {
180 
+  color: #59524c;
181 
+}
182 
+
183 
+.view-switch a:hover:before {
184 
+  color: #9ea476;
185 
+}
186 
+
187 
+/* Admin Menu */
188 
+#adminmenuback,
189 
+#adminmenuwrap,
190 
+#adminmenu {
191 
+  background: #59524c;
192 
+}
193 
+
194 
+#adminmenu a {
195 
+  color: #fff;
196 
+}
197 
+
198 
+#adminmenu div.wp-menu-image:before {
199 
+  color: #f3f2f1;
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: #c7a589;
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: #46403c;
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: #46403c;
234 
+}
235 
+
236 
+#adminmenu .wp-submenu .wp-submenu-head {
237 
+  color: #cdcbc9;
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: #cdcbc9;
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: #c7a589;
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: #c7a589;
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: #c7a589;
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: #9ea476;
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: #46403c;
307 
+}
308 
+
309 
+/* Admin Menu: collapse button */
310 
+#collapse-button {
311 
+  color: #f3f2f1;
312 
+}
313 
+
314 
+#collapse-button:hover,
315 
+#collapse-button:focus {
316 
+  color: #c7a589;
317 
+}
318 
+
319 
+/* Admin Bar */
320 
+#wpadminbar {
321 
+  color: #fff;
322 
+  background: #59524c;
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: #f3f2f1;
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: #c7a589;
345 
+  background: #46403c;
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: #c7a589;
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: #c7a589;
359 
+}
360 
+
361 
+/* Admin Bar: submenu */
362 
+#wpadminbar .menupop .ab-sub-wrapper {
363 
+  background: #46403c;
364 
+}
365 
+
366 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368 
+  background: #656463;
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: #cdcbc9;
376 
+}
377 
+
378 
+#wpadminbar .quicklinks li .blavatar,
379 
+#wpadminbar .menupop .menupop > .ab-item:before {
380 
+  color: #f3f2f1;
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: #c7a589;
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: #c7a589;
411 
+}
412 
+
413 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
+  color: #f3f2f1;
416 
+}
417 
+
418 
+/* Admin Bar: search */
419 
+#wpadminbar #adminbarsearch:before {
420 
+  color: #f3f2f1;
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: #6c645c;
426 
+}
427 
+
428 
+/* Admin Bar: recovery mode */
429 
+#wpadminbar #wp-admin-bar-recovery-mode {
430 
+  color: #fff;
431 
+  background-color: #9ea476;
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: #8e946a;
445 
+}
446 
+
447 
+/* Admin Bar: my account */
448 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
449 
+  border-color: #6c645c;
450 
+  background-color: #6c645c;
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: #c7a589;
459 
+}
460 
+
461 
+#wpadminbar #wp-admin-bar-user-info .username {
462 
+  color: #cdcbc9;
463 
+}
464 
+
465 
+/* Pointers */
466 
+.wp-pointer .wp-pointer-content h3 {
467 
+  background-color: #c7a589;
468 
+  border-color: #bf9878;
469 
+}
470 
+
471 
+.wp-pointer .wp-pointer-content h3:before {
472 
+  color: #c7a589;
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: #c7a589;
480 
+}
481 
+
482 
+/* Media */
483 
+.media-item .bar,
484 
+.media-progress-bar div {
485 
+  background-color: #c7a589;
486 
+}
487 
+
488 
+.details.attachment {
489 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
490 
+}
491 
+
492 
+.attachment.details .check {
493 
+  background-color: #c7a589;
494 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
495 
+}
496 
+
497 
+.media-selection .attachment.selection.details .thumbnail {
498 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
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: #c7a589;
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: #c7a589;
511 
+}
512 
+
513 
+.theme-section.current,
514 
+.theme-filter.current {
515 
+  border-bottom-color: #59524c;
516 
+}
517 
+
518 
+body.more-filters-opened .more-filters {
519 
+  color: #fff;
520 
+  background-color: #59524c;
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: #c7a589;
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: #c7a589;
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 #d7bfac, 0 0 2px 1px #c7a589;
552 
+}
553 
+
554 
+/* Responsive Component */
555 
+div#wp-responsive-toggle a:before {
556 
+  color: #f3f2f1;
557 
+}
558 
+
559 
+.wp-responsive-open div#wp-responsive-toggle a {
560 
+  border-color: transparent;
561 
+  background: #c7a589;
562 
+}
563 
+
564 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
565 
+  background: #46403c;
566 
+}
567 
+
568 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
+  color: #f3f2f1;
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: #c7a589;
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: #c7a589;
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: #c7a589;
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: #c7a589;
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 #d7bfac, 0 0 2px 1px #c7a589;
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: #c7a589;
628 
+  color: #0073aa;
629 
+}
630 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
631 
+  background: #c7a589;
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: #c7a589;
649 
+  border-style: solid;
650 
+  box-shadow: 0 0 0 1px #c7a589;
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: #c7a589;
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: #c7a589;
660 
+}
661 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
662 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
663 
+  color: #c7a589;
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 #d7bfac, 0 0 2px 1px #c7a589;
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: #c7a589;
671 
+  color: #0073aa;
672 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/coffee/colors.min.css


+ 8 - 0
app/wp-admin/css/colors/coffee/colors.scss
Bestand weergeven 

@@ -0,0 +1,8 @@
1 
+$base-color: #59524c;
2 
+$highlight-color: #c7a589;
3 
+$notification-color: #9ea476;
4 
+$low-contrast-theme: "true";
5 
+
6 
+$form-checked: $base-color;
7 
+
8 
+@import "../_admin.scss";

+ 705 - 0
app/wp-admin/css/colors/ectoplasm/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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%23523f6d%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #523f6d;
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: #a3b745;
85 
+  box-shadow: 0 0 0 1px #a3b745;
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: #a3b745;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #a3b745;
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: #a3b745;
124 
+  border-color: #a3b745;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #829237;
130 
+  color: #829237;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #b6c669;
136 
+  color: #616d29;
137 
+  box-shadow: 0 0 0 1px #b6c669;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #a3b745;
144 
+  border-color: #a3b745;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #a9bd4f;
149 
+  border-color: #99ac41;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #93a43e;
157 
+  border-color: #93a43e;
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: #a3b745;
162 
+  color: #fff;
163 
+  border-color: #727f30;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #a3b745;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #523f6d;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #523f6d;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #a3b745;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #a3b745;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d46f15;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d46f15;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #ece6f6;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #a3b745;
198 
+  color: #a3b745;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #829237;
203 
+  border-color: #829237;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #b6c669;
208 
+  color: #616d29;
209 
+  box-shadow: 0 0 0 1px #b6c669;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #523f6d;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d46f15;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #523f6d;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #ece6f6;
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: #a3b745;
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: #413256;
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: #413256;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #cbc5d3;
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: #cbc5d3;
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: #a3b745;
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: #a3b745;
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: #a3b745;
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: #d46f15;
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: #413256;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #ece6f6;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #a3b745;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #523f6d;
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: #ece6f6;
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: #a3b745;
378 
+  background: #413256;
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: #a3b745;
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: #a3b745;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #413256;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #64537c;
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: #cbc5d3;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #ece6f6;
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: #a3b745;
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: #a3b745;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #ece6f6;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #ece6f6;
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: #634c84;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d46f15;
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: #bf6413;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #634c84;
483 
+  background-color: #634c84;
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: #a3b745;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #cbc5d3;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #a3b745;
501 
+  border-color: #93a43e;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #a3b745;
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: #a3b745;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #a3b745;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #a3b745;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
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: #a3b745;
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: #a3b745;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #523f6d;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #523f6d;
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: #a3b745;
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: #a3b745;
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 #b6c669, 0 0 2px 1px #a3b745;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #ece6f6;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #a3b745;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #413256;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #ece6f6;
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: #a3b745;
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: #a3b745;
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: #a3b745;
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: #a3b745;
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 #b6c669, 0 0 2px 1px #a3b745;
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: #a3b745;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #a3b745;
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: #a3b745;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #a3b745;
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: #a3b745;
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: #a3b745;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #a3b745;
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 #b6c669, 0 0 2px 1px #a3b745;
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: #a3b745;
704 
+  color: #0073aa;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/ectoplasm/colors-rtl.min.css


+ 705 - 0
app/wp-admin/css/colors/ectoplasm/colors.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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%23523f6d%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #523f6d;
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: #a3b745;
85 
+  box-shadow: 0 0 0 1px #a3b745;
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: #a3b745;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #a3b745;
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: #a3b745;
124 
+  border-color: #a3b745;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #829237;
130 
+  color: #829237;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #b6c669;
136 
+  color: #616d29;
137 
+  box-shadow: 0 0 0 1px #b6c669;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #a3b745;
144 
+  border-color: #a3b745;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #a9bd4f;
149 
+  border-color: #99ac41;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #93a43e;
157 
+  border-color: #93a43e;
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: #a3b745;
162 
+  color: #fff;
163 
+  border-color: #727f30;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #a3b745;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #523f6d;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #523f6d;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #a3b745;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #a3b745;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d46f15;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d46f15;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #ece6f6;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #a3b745;
198 
+  color: #a3b745;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #829237;
203 
+  border-color: #829237;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #b6c669;
208 
+  color: #616d29;
209 
+  box-shadow: 0 0 0 1px #b6c669;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #523f6d;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d46f15;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #523f6d;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #ece6f6;
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: #a3b745;
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: #413256;
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-right-color: #413256;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #cbc5d3;
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: #cbc5d3;
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: #a3b745;
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: #a3b745;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-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: #a3b745;
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: #d46f15;
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: #413256;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #ece6f6;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #a3b745;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #523f6d;
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: #ece6f6;
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: #a3b745;
378 
+  background: #413256;
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: #a3b745;
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: #a3b745;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #413256;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #64537c;
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: #cbc5d3;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #ece6f6;
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: #a3b745;
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: #a3b745;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #ece6f6;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #ece6f6;
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: #634c84;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d46f15;
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: #bf6413;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #634c84;
483 
+  background-color: #634c84;
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: #a3b745;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #cbc5d3;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #a3b745;
501 
+  border-color: #93a43e;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #a3b745;
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: #a3b745;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #a3b745;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #a3b745;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
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: #a3b745;
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: #a3b745;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #523f6d;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #523f6d;
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: #a3b745;
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: #a3b745;
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 #b6c669, 0 0 2px 1px #a3b745;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #ece6f6;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #a3b745;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #413256;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #ece6f6;
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: #a3b745;
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-left-color: #a3b745;
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: #a3b745;
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-left-color: #a3b745;
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 #b6c669, 0 0 2px 1px #a3b745;
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-left-color: #a3b745;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #a3b745;
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: #a3b745;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #a3b745;
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: #a3b745;
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: #a3b745;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #a3b745;
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 #b6c669, 0 0 2px 1px #a3b745;
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: #a3b745;
704 
+  color: #0073aa;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/ectoplasm/colors.min.css


+ 8 - 0
app/wp-admin/css/colors/ectoplasm/colors.scss
Bestand weergeven 

@@ -0,0 +1,8 @@
1 
+$base-color: #523f6d;
2 
+$icon-color: #ece6f6;
3 
+$highlight-color: #a3b745;
4 
+$notification-color: #d46f15;
5 
+
6 
+$form-checked: $base-color;
7 
+
8 
+@import "../_admin.scss";

+ 711 - 0
app/wp-admin/css/colors/light/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,711 @@
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: #f5f5f5;
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: #04a4cc;
85 
+  box-shadow: 0 0 0 1px #04a4cc;
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: #04a4cc;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
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: #04a4cc;
124 
+  border-color: #04a4cc;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #037c9a;
130 
+  color: #037c9a;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #09cafa;
136 
+  color: #025468;
137 
+  box-shadow: 0 0 0 1px #09cafa;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #04a4cc;
144 
+  border-color: #04a4cc;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #04b0db;
149 
+  border-color: #0498bd;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #0490b3;
157 
+  border-color: #0490b3;
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: #04a4cc;
162 
+  color: #fff;
163 
+  border-color: #036881;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #04a4cc;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #333;
171 
+  background-color: #e5e5e5;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #e5e5e5;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #888;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #888;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d64e07;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d64e07;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #999;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #04a4cc;
198 
+  color: #04a4cc;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #037c9a;
203 
+  border-color: #037c9a;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #09cafa;
208 
+  color: #025468;
209 
+  box-shadow: 0 0 0 1px #09cafa;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #e5e5e5;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d64e07;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #e5e5e5;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #333;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #999;
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: #888;
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: #ccc;
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: #f5f5f5;
253 
+  border-bottom-color: #f5f5f5;
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: #fff;
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: #fff;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #686868;
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: #686868;
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: #04a4cc;
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: #333;
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: #04a4cc;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f5f5f5;
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: #888;
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: #ccc;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #d64e07;
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: #333;
339 
+  background: #fff;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #777;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #04a4cc;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #333;
355 
+  background: #e5e5e5;
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: #333;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #999;
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: #04a4cc;
378 
+  background: #fff;
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: #04a4cc;
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: #04a4cc;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #fff;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #f7f7f7;
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: #686868;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #999;
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: #04a4cc;
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: #04a4cc;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #999;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #999;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #333;
458 
+  background: #f7f7f7;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d64e07;
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: #c14606;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #f7f7f7;
483 
+  background-color: #f7f7f7;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #333;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #04a4cc;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #686868;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #04a4cc;
501 
+  border-color: #0490b3;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #04a4cc;
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: #04a4cc;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #04a4cc;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #04a4cc;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
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: #04a4cc;
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: #04a4cc;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #e5e5e5;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #333;
553 
+  background-color: #e5e5e5;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #333;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #888;
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: #888;
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 #09cafa, 0 0 2px 1px #04a4cc;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #999;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #888;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #fff;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #999;
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: #04a4cc;
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: #04a4cc;
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: #04a4cc;
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: #04a4cc;
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 #09cafa, 0 0 2px 1px #04a4cc;
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: #04a4cc;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #04a4cc;
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: #04a4cc;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #04a4cc;
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: #04a4cc;
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: #04a4cc;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #04a4cc;
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 #09cafa, 0 0 2px 1px #04a4cc;
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: #04a4cc;
704 
+  color: #0073aa;
705 
+}
706 
+
707 
+/* Override the theme filter highlight color for this scheme */
708 
+.theme-section.current,
709 
+.theme-filter.current {
710 
+  border-bottom-color: #04a4cc;
711 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/light/colors-rtl.min.css


+ 711 - 0
app/wp-admin/css/colors/light/colors.css
Bestand weergeven 

@@ -0,0 +1,711 @@
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: #f5f5f5;
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: #04a4cc;
85 
+  box-shadow: 0 0 0 1px #04a4cc;
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: #04a4cc;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
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: #04a4cc;
124 
+  border-color: #04a4cc;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #037c9a;
130 
+  color: #037c9a;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #09cafa;
136 
+  color: #025468;
137 
+  box-shadow: 0 0 0 1px #09cafa;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #04a4cc;
144 
+  border-color: #04a4cc;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #04b0db;
149 
+  border-color: #0498bd;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #0490b3;
157 
+  border-color: #0490b3;
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: #04a4cc;
162 
+  color: #fff;
163 
+  border-color: #036881;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #04a4cc;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #333;
171 
+  background-color: #e5e5e5;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #e5e5e5;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #888;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #888;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d64e07;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d64e07;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #999;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #04a4cc;
198 
+  color: #04a4cc;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #037c9a;
203 
+  border-color: #037c9a;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #09cafa;
208 
+  color: #025468;
209 
+  box-shadow: 0 0 0 1px #09cafa;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #e5e5e5;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d64e07;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #e5e5e5;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #333;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #999;
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: #888;
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: #ccc;
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: #f5f5f5;
253 
+  border-bottom-color: #f5f5f5;
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: #fff;
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-right-color: #fff;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #686868;
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: #686868;
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: #04a4cc;
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: #333;
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: #04a4cc;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f5f5f5;
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: #888;
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: #ccc;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #d64e07;
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: #333;
339 
+  background: #fff;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #777;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #04a4cc;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #333;
355 
+  background: #e5e5e5;
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: #333;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #999;
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: #04a4cc;
378 
+  background: #fff;
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: #04a4cc;
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: #04a4cc;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #fff;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #f7f7f7;
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: #686868;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #999;
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: #04a4cc;
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: #04a4cc;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #999;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #999;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #333;
458 
+  background: #f7f7f7;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d64e07;
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: #c14606;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #f7f7f7;
483 
+  background-color: #f7f7f7;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #333;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #04a4cc;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #686868;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #04a4cc;
501 
+  border-color: #0490b3;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #04a4cc;
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: #04a4cc;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #04a4cc;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #04a4cc;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
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: #04a4cc;
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: #04a4cc;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #e5e5e5;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #333;
553 
+  background-color: #e5e5e5;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #333;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #888;
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: #888;
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 #09cafa, 0 0 2px 1px #04a4cc;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #999;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #888;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #fff;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #999;
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: #04a4cc;
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-left-color: #04a4cc;
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: #04a4cc;
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-left-color: #04a4cc;
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 #09cafa, 0 0 2px 1px #04a4cc;
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-left-color: #04a4cc;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #04a4cc;
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: #04a4cc;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #04a4cc;
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: #04a4cc;
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: #04a4cc;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #04a4cc;
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 #09cafa, 0 0 2px 1px #04a4cc;
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: #04a4cc;
704 
+  color: #0073aa;
705 
+}
706 
+
707 
+/* Override the theme filter highlight color for this scheme */
708 
+.theme-section.current,
709 
+.theme-filter.current {
710 
+  border-bottom-color: #04a4cc;
711 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/light/colors.min.css


+ 26 - 0
app/wp-admin/css/colors/light/colors.scss
Bestand weergeven 

@@ -0,0 +1,26 @@
1 
+$base-color: #e5e5e5;
2 
+$icon-color: #999;
3 
+$text-color: #333;
4 
+$highlight-color: #04a4cc;
5 
+$notification-color: #d64e07;
6 
+
7 
+$body-background: #f5f5f5;
8 
+
9 
+$menu-highlight-text: #fff;
10 
+$menu-highlight-icon: #ccc;
11 
+$menu-highlight-background: #888;
12 
+
13 
+$menu-bubble-text: #fff;
14 
+$menu-avatar-frame: #aaa;
15 
+$menu-submenu-background: #fff;
16 
+
17 
+$menu-collapse-text: #777;
18 
+$menu-collapse-focus-icon: #555;
19 
+
20 
+@import "../_admin.scss";
21 
+
22 
+/* Override the theme filter highlight color for this scheme */
23 
+.theme-section.current,
24 
+.theme-filter.current {
25 
+	border-bottom-color: $highlight-color;
26 
+}

+ 705 - 0
app/wp-admin/css/colors/midnight/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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: #e14d43;
85 
+  box-shadow: 0 0 0 1px #e14d43;
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: #e14d43;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #e14d43;
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: #e14d43;
124 
+  border-color: #e14d43;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #d02c21;
130 
+  color: #d02c21;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e8776f;
136 
+  color: #a4231a;
137 
+  box-shadow: 0 0 0 1px #e8776f;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #e14d43;
144 
+  border-color: #e14d43;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #e35950;
149 
+  border-color: #df4136;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #dd382d;
157 
+  border-color: #dd382d;
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: #e14d43;
162 
+  color: #fff;
163 
+  border-color: #ba281e;
164 
+  box-shadow: inset 0 2px 5px -3px #200705;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #e14d43;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #363b3f;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #363b3f;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #e14d43;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #e14d43;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #69a8bb;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #69a8bb;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f1f2f3;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #e14d43;
198 
+  color: #e14d43;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #d02c21;
203 
+  border-color: #d02c21;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e8776f;
208 
+  color: #a4231a;
209 
+  box-shadow: 0 0 0 1px #e8776f;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #363b3f;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #69a8bb;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #363b3f;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f1f2f3;
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: #e14d43;
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: #26292c;
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: #26292c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #c3c4c5;
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: #c3c4c5;
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: #e14d43;
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: #e14d43;
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: #e14d43;
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: #69a8bb;
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: #26292c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f1f2f3;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #e14d43;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #363b3f;
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: #f1f2f3;
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: #e14d43;
378 
+  background: #26292c;
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: #e14d43;
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: #e14d43;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #26292c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #4c4c4d;
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: #c3c4c5;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f1f2f3;
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: #e14d43;
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: #e14d43;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f1f2f3;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f1f2f3;
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: #464d52;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #69a8bb;
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: #5f97a8;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #464d52;
483 
+  background-color: #464d52;
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: #e14d43;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #c3c4c5;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #e14d43;
501 
+  border-color: #dd382d;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #e14d43;
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: #e14d43;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #e14d43;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #e14d43;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
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: #e14d43;
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: #e14d43;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #363b3f;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #363b3f;
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: #e14d43;
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: #e14d43;
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 #e8776f, 0 0 2px 1px #e14d43;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f1f2f3;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #e14d43;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #26292c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f1f2f3;
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: #e14d43;
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: #e14d43;
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: #e14d43;
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: #e14d43;
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 #e8776f, 0 0 2px 1px #e14d43;
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: #e14d43;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #e14d43;
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: #e14d43;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #e14d43;
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: #e14d43;
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: #e14d43;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #e14d43;
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 #e8776f, 0 0 2px 1px #e14d43;
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: #e14d43;
704 
+  color: #0073aa;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/midnight/colors-rtl.min.css


+ 705 - 0
app/wp-admin/css/colors/midnight/colors.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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: #e14d43;
85 
+  box-shadow: 0 0 0 1px #e14d43;
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: #e14d43;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #e14d43;
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: #e14d43;
124 
+  border-color: #e14d43;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #d02c21;
130 
+  color: #d02c21;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e8776f;
136 
+  color: #a4231a;
137 
+  box-shadow: 0 0 0 1px #e8776f;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #e14d43;
144 
+  border-color: #e14d43;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #e35950;
149 
+  border-color: #df4136;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #dd382d;
157 
+  border-color: #dd382d;
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: #e14d43;
162 
+  color: #fff;
163 
+  border-color: #ba281e;
164 
+  box-shadow: inset 0 2px 5px -3px #200705;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #e14d43;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #363b3f;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #363b3f;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #e14d43;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #e14d43;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #69a8bb;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #69a8bb;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f1f2f3;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #e14d43;
198 
+  color: #e14d43;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #d02c21;
203 
+  border-color: #d02c21;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e8776f;
208 
+  color: #a4231a;
209 
+  box-shadow: 0 0 0 1px #e8776f;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #363b3f;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #69a8bb;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #363b3f;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f1f2f3;
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: #e14d43;
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: #26292c;
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-right-color: #26292c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #c3c4c5;
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: #c3c4c5;
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: #e14d43;
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: #e14d43;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-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: #e14d43;
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: #69a8bb;
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: #26292c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f1f2f3;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #e14d43;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #363b3f;
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: #f1f2f3;
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: #e14d43;
378 
+  background: #26292c;
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: #e14d43;
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: #e14d43;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #26292c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #4c4c4d;
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: #c3c4c5;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f1f2f3;
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: #e14d43;
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: #e14d43;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f1f2f3;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f1f2f3;
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: #464d52;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #69a8bb;
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: #5f97a8;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #464d52;
483 
+  background-color: #464d52;
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: #e14d43;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #c3c4c5;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #e14d43;
501 
+  border-color: #dd382d;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #e14d43;
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: #e14d43;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #e14d43;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #e14d43;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
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: #e14d43;
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: #e14d43;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #363b3f;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #363b3f;
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: #e14d43;
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: #e14d43;
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 #e8776f, 0 0 2px 1px #e14d43;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f1f2f3;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #e14d43;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #26292c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f1f2f3;
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: #e14d43;
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-left-color: #e14d43;
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: #e14d43;
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-left-color: #e14d43;
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 #e8776f, 0 0 2px 1px #e14d43;
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-left-color: #e14d43;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #e14d43;
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: #e14d43;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #e14d43;
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: #e14d43;
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: #e14d43;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #e14d43;
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 #e8776f, 0 0 2px 1px #e14d43;
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: #e14d43;
704 
+  color: #0073aa;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/midnight/colors.min.css


+ 5 - 0
app/wp-admin/css/colors/midnight/colors.scss
Bestand weergeven 

@@ -0,0 +1,5 @@
1 
+$base-color: #363b3f;
2 
+$highlight-color: #e14d43;
3 
+$notification-color: #69a8bb;
4 
+
5 
+@import "../_admin.scss";

+ 705 - 0
app/wp-admin/css/colors/modern/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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: #3858e9;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #183ad6;
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: #3858e9;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #183ad6;
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: #183ad6;
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: #3858e9;
85 
+  box-shadow: 0 0 0 1px #3858e9;
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: #3858e9;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #3858e9;
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: #3858e9;
124 
+  border-color: #3858e9;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #183ad6;
130 
+  color: #183ad6;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #667fee;
136 
+  color: #132ea8;
137 
+  box-shadow: 0 0 0 1px #667fee;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #3858e9;
144 
+  border-color: #3858e9;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #4664eb;
149 
+  border-color: #2a4ce7;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #2145e6;
157 
+  border-color: #2145e6;
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: #3858e9;
162 
+  color: #fff;
163 
+  border-color: #1534bf;
164 
+  box-shadow: inset 0 2px 5px -3px #03081f;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #3858e9;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #1e1e1e;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #1e1e1e;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #3858e9;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #3858e9;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #3858e9;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #3858e9;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #3858e9;
198 
+  color: #3858e9;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #183ad6;
203 
+  border-color: #183ad6;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #667fee;
208 
+  color: #132ea8;
209 
+  box-shadow: 0 0 0 1px #667fee;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #1e1e1e;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #3858e9;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #1e1e1e;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
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: #3858e9;
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: #0c0c0c;
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: #0c0c0c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #bcbcbc;
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: #bcbcbc;
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: #33f078;
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: #33f078;
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: #3858e9;
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: #3858e9;
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: #0c0c0c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #33f078;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #1e1e1e;
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: #f3f1f1;
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: #33f078;
378 
+  background: #0c0c0c;
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: #33f078;
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: #33f078;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #0c0c0c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #303030;
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: #bcbcbc;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
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: #33f078;
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: #33f078;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
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: #303030;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #3858e9;
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: #324fd2;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #303030;
483 
+  background-color: #303030;
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: #33f078;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #bcbcbc;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #3858e9;
501 
+  border-color: #2145e6;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #3858e9;
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: #3858e9;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #3858e9;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #3858e9;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
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: #3858e9;
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: #3858e9;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #1e1e1e;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #1e1e1e;
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: #3858e9;
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: #3858e9;
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 #667fee, 0 0 2px 1px #3858e9;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #3858e9;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #0c0c0c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
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: #3858e9;
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: #3858e9;
620 
+  border-right-color: #3858e9;
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: #3858e9;
627 
+  border-top-color: #3858e9;
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: #3858e9;
634 
+  border-right-color: #3858e9;
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: #3858e9;
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 #667fee, 0 0 2px 1px #3858e9;
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: #3858e9;
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: #3858e9;
661 
+  color: #3858e9;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #3858e9;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #3858e9;
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: #3858e9;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #3858e9;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #3858e9;
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: #3858e9;
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: #3858e9;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #3858e9;
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 #667fee, 0 0 2px 1px #3858e9;
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: #3858e9;
704 
+  color: #3858e9;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/modern/colors-rtl.min.css


+ 705 - 0
app/wp-admin/css/colors/modern/colors.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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: #3858e9;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #183ad6;
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: #3858e9;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #183ad6;
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: #183ad6;
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: #3858e9;
85 
+  box-shadow: 0 0 0 1px #3858e9;
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: #3858e9;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #3858e9;
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: #3858e9;
124 
+  border-color: #3858e9;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #183ad6;
130 
+  color: #183ad6;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #667fee;
136 
+  color: #132ea8;
137 
+  box-shadow: 0 0 0 1px #667fee;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #3858e9;
144 
+  border-color: #3858e9;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #4664eb;
149 
+  border-color: #2a4ce7;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #2145e6;
157 
+  border-color: #2145e6;
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: #3858e9;
162 
+  color: #fff;
163 
+  border-color: #1534bf;
164 
+  box-shadow: inset 0 2px 5px -3px #03081f;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #3858e9;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #1e1e1e;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #1e1e1e;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #3858e9;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #3858e9;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #3858e9;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #3858e9;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #3858e9;
198 
+  color: #3858e9;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #183ad6;
203 
+  border-color: #183ad6;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #667fee;
208 
+  color: #132ea8;
209 
+  box-shadow: 0 0 0 1px #667fee;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #1e1e1e;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #3858e9;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #1e1e1e;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
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: #3858e9;
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: #0c0c0c;
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-right-color: #0c0c0c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #bcbcbc;
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: #bcbcbc;
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: #33f078;
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: #33f078;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-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: #3858e9;
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: #3858e9;
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: #0c0c0c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #33f078;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #1e1e1e;
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: #f3f1f1;
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: #33f078;
378 
+  background: #0c0c0c;
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: #33f078;
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: #33f078;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #0c0c0c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #303030;
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: #bcbcbc;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
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: #33f078;
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: #33f078;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
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: #303030;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #3858e9;
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: #324fd2;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #303030;
483 
+  background-color: #303030;
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: #33f078;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #bcbcbc;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #3858e9;
501 
+  border-color: #2145e6;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #3858e9;
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: #3858e9;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #3858e9;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #3858e9;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
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: #3858e9;
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: #3858e9;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #1e1e1e;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #1e1e1e;
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: #3858e9;
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: #3858e9;
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 #667fee, 0 0 2px 1px #3858e9;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #3858e9;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #0c0c0c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
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: #3858e9;
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: #3858e9;
620 
+  border-left-color: #3858e9;
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: #3858e9;
627 
+  border-top-color: #3858e9;
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: #3858e9;
634 
+  border-left-color: #3858e9;
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: #3858e9;
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 #667fee, 0 0 2px 1px #3858e9;
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: #3858e9;
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-left-color: #3858e9;
661 
+  color: #3858e9;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #3858e9;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #3858e9;
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: #3858e9;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #3858e9;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #3858e9;
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: #3858e9;
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: #3858e9;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #3858e9;
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 #667fee, 0 0 2px 1px #3858e9;
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: #3858e9;
704 
+  color: #3858e9;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/modern/colors.min.css


+ 9 - 0
app/wp-admin/css/colors/modern/colors.scss
Bestand weergeven 

@@ -0,0 +1,9 @@
1 
+$base-color: #1e1e1e;
2 
+$highlight-color: #3858e9;
3 
+$menu-submenu-focus-text: #33f078;
4 
+$notification-color: $highlight-color;
5 
+
6 
+$link: $highlight-color;
7 
+$link-focus: darken($highlight-color, 10%);
8 
+
9 
+@import "../_admin.scss";

+ 672 - 0
app/wp-admin/css/colors/ocean/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,672 @@
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-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 
+
270 
+ul#adminmenu a.wp-has-current-submenu:after,
271 
+ul#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 
+
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-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 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/ocean/colors-rtl.min.css


+ 672 - 0
app/wp-admin/css/colors/ocean/colors.css
Bestand weergeven 

@@ -0,0 +1,672 @@
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 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/ocean/colors.min.css


+ 9 - 0
app/wp-admin/css/colors/ocean/colors.scss
Bestand weergeven 

@@ -0,0 +1,9 @@
1 
+$base-color: #738e96;
2 
+$icon-color: #f2fcff;
3 
+$highlight-color: #9ebaa0;
4 
+$notification-color: #aa9d88;
5 
+$low-contrast-theme: "true";
6 
+
7 
+$form-checked: $base-color;
8 
+
9 
+@import "../_admin.scss";

+ 705 - 0
app/wp-admin/css/colors/sunrise/colors-rtl.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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: #dd823b;
85 
+  box-shadow: 0 0 0 1px #dd823b;
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: #dd823b;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #dd823b;
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: #dd823b;
124 
+  border-color: #dd823b;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #c36922;
130 
+  color: #c36922;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e59e66;
136 
+  color: #98511a;
137 
+  box-shadow: 0 0 0 1px #e59e66;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #dd823b;
144 
+  border-color: #dd823b;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #df8a48;
149 
+  border-color: #db7a2e;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #d97426;
157 
+  border-color: #d97426;
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: #dd823b;
162 
+  color: #fff;
163 
+  border-color: #ad5d1e;
164 
+  box-shadow: inset 0 2px 5px -3px #150b04;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #dd823b;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #cf4944;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #cf4944;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #dd823b;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #dd823b;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #ccaf0b;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #ccaf0b;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #dd823b;
198 
+  color: #dd823b;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #c36922;
203 
+  border-color: #c36922;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e59e66;
208 
+  color: #98511a;
209 
+  box-shadow: 0 0 0 1px #e59e66;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #cf4944;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #ccaf0b;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #cf4944;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
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: #dd823b;
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: #be3631;
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: #be3631;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #f1c8c7;
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: #f1c8c7;
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: #f7e3d3;
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: #f7e3d3;
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: #dd823b;
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: #ccaf0b;
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: #be3631;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #f7e3d3;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #cf4944;
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: #f3f1f1;
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: #f7e3d3;
378 
+  background: #be3631;
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: #f7e3d3;
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: #f7e3d3;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #be3631;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #cf6b67;
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: #f1c8c7;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
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: #f7e3d3;
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: #f7e3d3;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
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: #d66560;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #ccaf0b;
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: #b89e0a;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #d66560;
483 
+  background-color: #d66560;
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: #f7e3d3;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #f1c8c7;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #dd823b;
501 
+  border-color: #d97426;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #dd823b;
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: #dd823b;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #dd823b;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #dd823b;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
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: #dd823b;
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: #dd823b;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #cf4944;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #cf4944;
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: #dd823b;
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: #dd823b;
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 #e59e66, 0 0 2px 1px #dd823b;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #dd823b;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #be3631;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
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: #dd823b;
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: #dd823b;
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: #dd823b;
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: #dd823b;
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 #e59e66, 0 0 2px 1px #dd823b;
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: #dd823b;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #dd823b;
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: #dd823b;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #dd823b;
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: #dd823b;
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: #dd823b;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #dd823b;
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 #e59e66, 0 0 2px 1px #dd823b;
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: #dd823b;
704 
+  color: #0073aa;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/sunrise/colors-rtl.min.css


+ 705 - 0
app/wp-admin/css/colors/sunrise/colors.css
Bestand weergeven 

@@ -0,0 +1,705 @@
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: #dd823b;
85 
+  box-shadow: 0 0 0 1px #dd823b;
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: #dd823b;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #dd823b;
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: #dd823b;
124 
+  border-color: #dd823b;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #c36922;
130 
+  color: #c36922;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e59e66;
136 
+  color: #98511a;
137 
+  box-shadow: 0 0 0 1px #e59e66;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #dd823b;
144 
+  border-color: #dd823b;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #df8a48;
149 
+  border-color: #db7a2e;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #d97426;
157 
+  border-color: #d97426;
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: #dd823b;
162 
+  color: #fff;
163 
+  border-color: #ad5d1e;
164 
+  box-shadow: inset 0 2px 5px -3px #150b04;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #dd823b;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #cf4944;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #cf4944;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #dd823b;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #dd823b;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #ccaf0b;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #ccaf0b;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #dd823b;
198 
+  color: #dd823b;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #c36922;
203 
+  border-color: #c36922;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e59e66;
208 
+  color: #98511a;
209 
+  box-shadow: 0 0 0 1px #e59e66;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #cf4944;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #ccaf0b;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #cf4944;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
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: #dd823b;
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: #be3631;
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-right-color: #be3631;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #f1c8c7;
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: #f1c8c7;
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: #f7e3d3;
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: #f7e3d3;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-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: #dd823b;
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: #ccaf0b;
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: #be3631;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #f7e3d3;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #cf4944;
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: #f3f1f1;
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: #f7e3d3;
378 
+  background: #be3631;
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: #f7e3d3;
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: #f7e3d3;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #be3631;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #cf6b67;
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: #f1c8c7;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
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: #f7e3d3;
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: #f7e3d3;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
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: #d66560;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #ccaf0b;
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: #b89e0a;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #d66560;
483 
+  background-color: #d66560;
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: #f7e3d3;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #f1c8c7;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #dd823b;
501 
+  border-color: #d97426;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #dd823b;
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: #dd823b;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #dd823b;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #dd823b;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
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: #dd823b;
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: #dd823b;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #cf4944;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #cf4944;
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: #dd823b;
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: #dd823b;
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 #e59e66, 0 0 2px 1px #dd823b;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #dd823b;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #be3631;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
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: #dd823b;
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-left-color: #dd823b;
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: #dd823b;
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-left-color: #dd823b;
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 #e59e66, 0 0 2px 1px #dd823b;
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-left-color: #dd823b;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #dd823b;
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: #dd823b;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #dd823b;
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: #dd823b;
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: #dd823b;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #dd823b;
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 #e59e66, 0 0 2px 1px #dd823b;
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: #dd823b;
704 
+  color: #0073aa;
705 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/colors/sunrise/colors.min.css


+ 6 - 0
app/wp-admin/css/colors/sunrise/colors.scss
Bestand weergeven 

@@ -0,0 +1,6 @@
1 
+$base-color: #cf4944;
2 
+$highlight-color: #dd823b;
3 
+$notification-color: #ccaf0b;
4 
+$menu-submenu-focus-text: lighten( $highlight-color, 35% );
5 
+
6 
+@import "../_admin.scss";

File diff suppressed because it is too large
+ 4126 - 0
app/wp-admin/css/common-rtl.css


File diff suppressed because it is too large
+ 9 - 0
app/wp-admin/css/common-rtl.min.css


File diff suppressed because it is too large
+ 4125 - 0
app/wp-admin/css/common.css


File diff suppressed because it is too large
+ 9 - 0
app/wp-admin/css/common.min.css


File diff suppressed because it is too large
+ 2964 - 0
app/wp-admin/css/customize-controls-rtl.css


File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/customize-controls-rtl.min.css


File diff suppressed because it is too large
+ 2963 - 0
app/wp-admin/css/customize-controls.css


File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/customize-controls.min.css


+ 884 - 0
app/wp-admin/css/customize-nav-menus-rtl.css
Bestand weergeven 

@@ -0,0 +1,884 @@
1 
+/*! This file is auto-generated */
2 
+#customize-theme-controls #accordion-section-menu_locations {
3 
+	position: relative;
4 
+	margin-top: 30px;
5 
+}
6 
+
7 
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
8 
+	border-bottom-color: #dcdcde;
9 
+	margin-top: 15px;
10 
+}
11 
+
12 
+#customize-theme-controls .customize-section-title-nav_menus-heading,
13 
+#customize-theme-controls .customize-section-title-menu_locations-heading,
14 
+#customize-theme-controls .customize-section-title-menu_locations-description {
15 
+	padding: 0 12px 0 12px;
16 
+}
17 
+
18 
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
19 
+	/* Override the default italic style for control descriptions */
20 
+	font-style: normal;
21 
+}
22 
+
23 
+.menu-in-location,
24 
+.menu-in-locations {
25 
+	display: block;
26 
+	font-weight: 600;
27 
+	font-size: 10px;
28 
+}
29 
+
30 
+#customize-controls .theme-location-set,
31 
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
32 
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
33 
+	color: #50575e;
34 
+}
35 
+
36 
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
37 
+.customize-control-nav_menu_location .edit-menu,
38 
+.customize-control-nav_menu_location .create-menu {
39 
+	margin-right: 6px;
40 
+	vertical-align: middle;
41 
+	line-height: 2.2;
42 
+}
43 
+
44 
+#customize-controls .customize-control-nav_menu_name {
45 
+	margin-bottom: 12px;
46 
+}
47 
+
48 
+.customize-control-nav_menu_name p:last-of-type {
49 
+	margin-bottom: 0;
50 
+}
51 
+
52 
+#customize-new-menu-submit {
53 
+	float: left;
54 
+	min-width: 85px;
55 
+}
56 
+
57 
+.wp-customizer .menu-item-bar .menu-item-handle,
58 
+.wp-customizer .menu-item-settings,
59 
+.wp-customizer .menu-item-settings .description-thin {
60 
+	box-sizing: border-box;
61 
+}
62 
+
63 
+.wp-customizer .menu-item-bar {
64 
+	margin: 0;
65 
+}
66 
+
67 
+.wp-customizer .menu-item-bar .menu-item-handle {
68 
+	width: 100%;
69 
+	max-width: 100%;
70 
+	background: #fff;
71 
+}
72 
+
73 
+.wp-customizer .menu-item-handle .item-title {
74 
+	margin-left: 0;
75 
+}
76 
+
77 
+.wp-customizer .menu-item-handle .item-type {
78 
+	padding: 1px 5px 0 21px;
79 
+	float: left;
80 
+	text-align: left;
81 
+}
82 
+
83 
+.wp-customizer .menu-item-handle:hover {
84 
+	z-index: 8;
85 
+}
86 
+
87 
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
88 
+	border-right: 4px solid #72aee6;
89 
+}
90 
+
91 
+.wp-customizer .menu-item-settings {
92 
+	max-width: 100%;
93 
+	overflow: hidden;
94 
+	z-index: 8;
95 
+	padding: 10px;
96 
+	background: #f0f0f1;
97 
+	border: 1px solid #8c8f94;
98 
+	border-top: none;
99 
+}
100 
+
101 
+.wp-customizer .menu-item-settings .description-thin {
102 
+	width: 100%;
103 
+	height: auto;
104 
+	margin: 0 0 8px 0;
105 
+}
106 
+
107 
+.wp-customizer .menu-item-settings input[type="text"] {
108 
+	width: 100%;
109 
+}
110 
+
111 
+.wp-customizer .menu-item-settings .submitbox {
112 
+	margin: 0;
113 
+	padding: 0;
114 
+}
115 
+
116 
+.wp-customizer .menu-item-settings .link-to-original {
117 
+	padding: 5px 0;
118 
+	border: none;
119 
+	font-style: normal;
120 
+	margin: 0;
121 
+	width: 100%;
122 
+}
123 
+
124 
+.wp-customizer .menu-item .submitbox .submitdelete {
125 
+	float: right;
126 
+	margin: 6px 0 0;
127 
+	padding: 0;
128 
+	cursor: pointer;
129 
+}
130 
+
131 
+
132 
+/**
133 
+ * Menu items reordering styles
134 
+ */
135 
+
136 
+.menu-item-reorder-nav {
137 
+	display: none;
138 
+	background-color: #fff;
139 
+	position: absolute;
140 
+	top: 0;
141 
+	left: 0;
142 
+}
143 
+
144 
+.menus-move-left:before {
145 
+	content: "\f345";
146 
+}
147 
+
148 
+.menus-move-right:before {
149 
+	content: "\f341";
150 
+}
151 
+
152 
+.reordering .menu-item .item-controls,
153 
+.reordering .menu-item .item-type {
154 
+	display: none;
155 
+}
156 
+
157 
+.reordering .menu-item-reorder-nav {
158 
+	display: block;
159 
+}
160 
+
161 
+.customize-control input.menu-name-field {
162 
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
163 
+}
164 
+
165 
+.wp-customizer .menu-item .item-edit {
166 
+	position: absolute;
167 
+	left: -19px;
168 
+	top: 2px;
169 
+	display: block;
170 
+	width: 30px;
171 
+	height: 38px;
172 
+	margin-left: 0 !important;
173 
+	box-shadow: none;
174 
+	outline: none;
175 
+	overflow: hidden;
176 
+	cursor: pointer;
177 
+	text-align: center;
178 
+}
179 
+
180 
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
181 
+	content: "\f142";
182 
+}
183 
+
184 
+.wp-customizer .menu-item-settings p.description {
185 
+	font-style: normal;
186 
+}
187 
+
188 
+.wp-customizer .menu-settings dl {
189 
+	margin: 12px 0 0 0;
190 
+	padding: 0;
191 
+}
192 
+
193 
+.wp-customizer .menu-settings .checkbox-input {
194 
+	margin-top: 8px;
195 
+}
196 
+
197 
+.wp-customizer .menu-settings .menu-theme-locations {
198 
+	border-top: 1px solid #c3c4c7;
199 
+}
200 
+
201 
+.wp-customizer .menu-settings {
202 
+	margin-top: 36px;
203 
+	border-top: none;
204 
+}
205 
+
206 
+.wp-customizer .menu-location-settings {
207 
+	margin-top: 12px;
208 
+	border-top: none;
209 
+}
210 
+
211 
+.wp-customizer .control-section-nav_menu .menu-location-settings {
212 
+	margin-top: 24px;
213 
+	border-top: 1px solid #dcdcde;
214 
+}
215 
+
216 
+.wp-customizer .control-section-nav_menu .menu-location-settings,
217 
+.customize-control-nav_menu_auto_add {
218 
+	padding-top: 12px;
219 
+}
220 
+
221 
+.menu-location-settings .customize-control-checkbox .theme-location-set {
222 
+	line-height: 1;
223 
+}
224 
+
225 
+.customize-control-nav_menu_auto_add label {
226 
+	vertical-align: top;
227 
+}
228 
+
229 
+.menu-location-settings .new-menu-locations-widget-note {
230 
+	display: block;
231 
+}
232 
+
233 
+.customize-control-menu {
234 
+	margin-top: 4px;
235 
+}
236 
+
237 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
238 
+	color: #50575e;
239 
+}
240 
+
241 
+/* Screen Options */
242 
+.customize-screen-options-toggle {
243 
+	background: none;
244 
+	border: none;
245 
+	color: #50575e;
246 
+	cursor: pointer;
247 
+	margin: 0;
248 
+	padding: 20px;
249 
+	position: absolute;
250 
+	left: 0;
251 
+	top: 30px;
252 
+}
253 
+
254 
+#customize-controls .customize-info .customize-help-toggle {
255 
+	padding: 20px;
256 
+}
257 
+
258 
+#customize-controls .customize-info .customize-help-toggle:before {
259 
+	padding: 4px;
260 
+}
261 
+
262 
+.customize-screen-options-toggle:hover,
263 
+.customize-screen-options-toggle:active,
264 
+.customize-screen-options-toggle:focus,
265 
+.active-menu-screen-options .customize-screen-options-toggle,
266 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
267 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
268 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
269 
+	color: #2271b1;
270 
+}
271 
+
272 
+.customize-screen-options-toggle:focus,
273 
+#customize-controls .customize-info .customize-help-toggle:focus {
274 
+	/* Only visible in Windows High Contrast mode */
275 
+	outline: 1px solid transparent;
276 
+}
277 
+
278 
+.customize-screen-options-toggle:before {
279 
+	-moz-osx-font-smoothing: grayscale;
280 
+	border: none;
281 
+	content: "\f111";
282 
+	display: block;
283 
+	font: 18px/1 dashicons;
284 
+	padding: 5px;
285 
+	text-align: center;
286 
+	text-decoration: none !important;
287 
+	text-indent: 0;
288 
+	right: 6px;
289 
+	position: absolute;
290 
+	top: 6px;
291 
+}
292 
+
293 
+.customize-screen-options-toggle:focus:before,
294 
+#customize-controls .customize-info .customize-help-toggle:focus:before {
295 
+	border-radius: 100%;
296 
+}
297 
+
298 
+.wp-customizer #screen-options-wrap {
299 
+	display: none;
300 
+	background: #fff;
301 
+	border-top: 1px solid #dcdcde;
302 
+	padding: 4px 15px 15px;
303 
+}
304 
+
305 
+.wp-customizer .metabox-prefs label {
306 
+	display: block;
307 
+	padding-left: 0;
308 
+	line-height: 30px;
309 
+}
310 
+
311 
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
312 
+.wp-customizer .toggle-indicator {
313 
+	display: inline-block;
314 
+	font-size: 20px;
315 
+	line-height: 1;
316 
+}
317 
+
318 
+.rtl .wp-customizer .toggle-indicator {
319 
+	text-indent: 1px; /* account for the dashicon alignment */
320 
+}
321 
+
322 
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
323 
+#available-menu-items .accordion-section-title .toggle-indicator:before {
324 
+	content: "\f140";
325 
+	display: block;
326 
+	padding: 1px 0px 1px 2px;
327 
+	speak: never;
328 
+	border-radius: 50%;
329 
+	color: #787c82;
330 
+	font: normal 20px/1 dashicons;
331 
+	-webkit-font-smoothing: antialiased;
332 
+	-moz-osx-font-smoothing: grayscale;
333 
+	text-decoration: none !important;
334 
+}
335 
+
336 
+.control-section-nav_menu .field-link-target,
337 
+.control-section-nav_menu .field-title-attribute,
338 
+.control-section-nav_menu .field-css-classes,
339 
+.control-section-nav_menu .field-xfn,
340 
+.control-section-nav_menu .field-description {
341 
+	display: none;
342 
+}
343 
+
344 
+.control-section-nav_menu.field-link-target-active .field-link-target,
345 
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
346 
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
347 
+.control-section-nav_menu.field-xfn-active .field-xfn,
348 
+.control-section-nav_menu.field-description-active .field-description {
349 
+	display: block;
350 
+}
351 
+
352 
+/* WARNING: The 20px factor is hard-coded in JS. */
353 
+.menu-item-depth-0  { margin-right: 0;     }
354 
+.menu-item-depth-1  { margin-right: 20px;  }
355 
+.menu-item-depth-2  { margin-right: 40px;  }
356 
+.menu-item-depth-3  { margin-right: 60px;  }
357 
+.menu-item-depth-4  { margin-right: 80px;  }
358 
+.menu-item-depth-5  { margin-right: 100px; }
359 
+.menu-item-depth-6  { margin-right: 120px; }
360 
+.menu-item-depth-7  { margin-right: 140px; }
361 
+.menu-item-depth-8  { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
362 
+.menu-item-depth-9  { margin-right: 180px; }
363 
+.menu-item-depth-10 { margin-right: 200px; }
364 
+.menu-item-depth-11 { margin-right: 220px; }
365 
+
366 
+/* @todo handle .menu-item-settings width */
367 
+.menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
368 
+.menu-item-depth-1  > .menu-item-bar { margin-left: 20px;  }
369 
+.menu-item-depth-2  > .menu-item-bar { margin-left: 40px;  }
370 
+.menu-item-depth-3  > .menu-item-bar { margin-left: 60px;  }
371 
+.menu-item-depth-4  > .menu-item-bar { margin-left: 80px;  }
372 
+.menu-item-depth-5  > .menu-item-bar { margin-left: 100px; }
373 
+.menu-item-depth-6  > .menu-item-bar { margin-left: 120px; }
374 
+.menu-item-depth-7  > .menu-item-bar { margin-left: 140px; }
375 
+.menu-item-depth-8  > .menu-item-bar { margin-left: 160px; }
376 
+.menu-item-depth-9  > .menu-item-bar { margin-left: 180px; }
377 
+.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
378 
+.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
379 
+
380 
+/* Submenu left margin. */
381 
+.menu-item-depth-0  .menu-item-transport { margin-right: 0;      }
382 
+.menu-item-depth-1  .menu-item-transport { margin-right: -20px;  }
383 
+.menu-item-depth-3  .menu-item-transport { margin-right: -60px;  }
384 
+.menu-item-depth-4  .menu-item-transport { margin-right: -80px;  }
385 
+.menu-item-depth-2  .menu-item-transport { margin-right: -40px;  }
386 
+.menu-item-depth-5  .menu-item-transport { margin-right: -100px; }
387 
+.menu-item-depth-6  .menu-item-transport { margin-right: -120px; }
388 
+.menu-item-depth-7  .menu-item-transport { margin-right: -140px; }
389 
+.menu-item-depth-8  .menu-item-transport { margin-right: -160px; }
390 
+.menu-item-depth-9  .menu-item-transport { margin-right: -180px; }
391 
+.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
392 
+.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
393 
+
394 
+/* WARNING: The 20px factor is hard-coded in JS. */
395 
+.reordering .menu-item-depth-0  { margin-right: 0;     }
396 
+.reordering .menu-item-depth-1  { margin-right: 15px;  }
397 
+.reordering .menu-item-depth-2  { margin-right: 30px;  }
398 
+.reordering .menu-item-depth-3  { margin-right: 45px;  }
399 
+.reordering .menu-item-depth-4  { margin-right: 60px;  }
400 
+.reordering .menu-item-depth-5  { margin-right: 75px;  }
401 
+.reordering .menu-item-depth-6  { margin-right: 90px;  }
402 
+.reordering .menu-item-depth-7  { margin-right: 105px; }
403 
+.reordering .menu-item-depth-8  { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
404 
+.reordering .menu-item-depth-9  { margin-right: 135px; }
405 
+.reordering .menu-item-depth-10 { margin-right: 150px; }
406 
+.reordering .menu-item-depth-11 { margin-right: 165px; }
407 
+
408 
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
409 
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-left: 15px;  }
410 
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-left: 30px;  }
411 
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-left: 45px;  }
412 
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-left: 60px;  }
413 
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-left: 75px;  }
414 
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-left: 90px;  }
415 
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-left: 105px; }
416 
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-left: 120px; }
417 
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-left: 135px; }
418 
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
419 
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
420 
+
421 
+.control-section-nav_menu.menu .menu-item-edit-active {
422 
+	margin-right: 0;
423 
+}
424 
+
425 
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
426 
+	margin-left: 0;
427 
+}
428 
+
429 
+.control-section-nav_menu.menu .sortable-placeholder {
430 
+	margin-top: 0;
431 
+	margin-bottom: 1px;
432 
+	max-width: calc(100% - 2px);
433 
+	float: right;
434 
+	display: list-item;
435 
+	border-color: #a7aaad;
436 
+}
437 
+
438 
+.menu-item-transport li.customize-control {
439 
+	float: none;
440 
+}
441 
+
442 
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
443 
+	margin-top: 0;
444 
+}
445 
+
446 
+/**
447 
+ * Add-menu-items mode
448 
+ */
449 
+
450 
+.adding-menu-items .control-section {
451 
+	opacity: .4;
452 
+}
453 
+
454 
+.adding-menu-items .control-panel.control-section,
455 
+.adding-menu-items .control-section.open {
456 
+	opacity: 1;
457 
+}
458 
+
459 
+.menu-item-bar .item-delete {
460 
+	color: #d63638;
461 
+	position: absolute;
462 
+	top: 2px;
463 
+	left: -19px;
464 
+	width: 30px;
465 
+	height: 38px;
466 
+	cursor: pointer;
467 
+	display: none;
468 
+}
469 
+
470 
+.menu-item-bar .item-delete:before {
471 
+	content: "\f335";
472 
+	position: absolute;
473 
+	top: 9px;
474 
+	right: 5px;
475 
+	border-radius: 50%;
476 
+	font: normal 20px/1 dashicons;
477 
+	-webkit-font-smoothing: antialiased;
478 
+	-moz-osx-font-smoothing: grayscale;
479 
+}
480 
+
481 
+.menu-item-bar .item-delete:hover,
482 
+.menu-item-bar .item-delete:focus {
483 
+	box-shadow: none;
484 
+	outline: none;
485 
+	color: #d63638;
486 
+}
487 
+
488 
+.adding-menu-items .menu-item-bar .item-edit {
489 
+	display: none;
490 
+}
491 
+
492 
+.adding-menu-items .menu-item-bar .item-delete {
493 
+	display: block;
494 
+}
495 
+
496 
+/**
497 
+ * Styles for menu-item addition panel
498 
+ */
499 
+
500 
+#available-menu-items.opening {
501 
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
502 
+}
503 
+
504 
+#available-menu-items #available-menu-items-search.open {
505 
+	height: 100%;
506 
+	border-bottom: none;
507 
+}
508 
+
509 
+#available-menu-items .accordion-section-title {
510 
+	border-right: none;
511 
+	border-left: none;
512 
+	background: #fff;
513 
+	transition: background-color 0.15s;
514 
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
515 
+	-webkit-user-select: auto;
516 
+	user-select: auto;
517 
+}
518 
+
519 
+#available-menu-items .open .accordion-section-title,
520 
+#available-menu-items #available-menu-items-search .accordion-section-title {
521 
+	background: #f0f0f1;
522 
+}
523 
+
524 
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
525 
+#available-menu-items .accordion-section-title:after {
526 
+	content: none !important;
527 
+}
528 
+
529 
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
530 
+#available-menu-items .button-link:hover .toggle-indicator:before,
531 
+#available-menu-items .button-link:focus .toggle-indicator:before {
532 
+	color: #1d2327;
533 
+}
534 
+
535 
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
536 
+	content: "\f142";
537 
+	color: #1d2327;
538 
+}
539 
+
540 
+#available-menu-items .available-menu-items-list {
541 
+	overflow-y: auto;
542 
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
543 
+	background: transparent;
544 
+}
545 
+
546 
+#available-menu-items .accordion-section-title button {
547 
+	display: block;
548 
+	width: 28px;
549 
+	height: 35px;
550 
+	position: absolute;
551 
+	top: 5px;
552 
+	left: 5px;
553 
+	box-shadow: none;
554 
+	outline: none;
555 
+	cursor: pointer;
556 
+	text-align: center;
557 
+}
558 
+
559 
+#available-menu-items .accordion-section-title .no-items,
560 
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
561 
+#available-menu-items .cannot-expand .accordion-section-title > button {
562 
+	display: none;
563 
+}
564 
+
565 
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
566 
+	display: block;
567 
+}
568 
+
569 
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
570 
+	float: left;
571 
+	color: #50575e;
572 
+	font-weight: 400;
573 
+	margin-right: 5px;
574 
+}
575 
+
576 
+#available-menu-items .accordion-section-content {
577 
+	max-height: 290px;
578 
+	margin: 0;
579 
+	padding: 0;
580 
+	position: relative;
581 
+	background: transparent;
582 
+}
583 
+
584 
+#available-menu-items .accordion-section-content .available-menu-items-list {
585 
+	margin: 0 0 45px 0;
586 
+	padding: 1px 15px 15px 15px;
587 
+}
588 
+
589 
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
590 
+	margin-bottom: 0;
591 
+}
592 
+
593 
+#new-custom-menu-item .accordion-section-content {
594 
+	padding: 0 15px 15px 15px;
595 
+}
596 
+
597 
+#available-menu-items .menu-item-tpl {
598 
+	margin: 0;
599 
+}
600 
+
601 
+#custom-menu-item-name.invalid,
602 
+#custom-menu-item-url.invalid,
603 
+.edit-menu-item-url.invalid,
604 
+.menu-name-field.invalid,
605 
+.menu-name-field.invalid:focus,
606 
+#available-menu-items .new-content-item .create-item-input.invalid,
607 
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
608 
+	border: 1px solid #d63638;
609 
+}
610 
+
611 
+#available-menu-items .menu-item-handle .item-type {
612 
+	padding-left: 0;
613 
+}
614 
+
615 
+#available-menu-items .menu-item-handle .item-title {
616 
+	padding-right: 20px;
617 
+}
618 
+
619 
+#available-menu-items .menu-item-handle {
620 
+	cursor: pointer;
621 
+}
622 
+
623 
+#available-menu-items .menu-item-handle {
624 
+	box-shadow: none;
625 
+	margin-top: -1px;
626 
+}
627 
+
628 
+#available-menu-items .menu-item-handle:hover {
629 
+	z-index: 1;
630 
+}
631 
+
632 
+#available-menu-items .item-title h4 {
633 
+	padding: 0 0 5px;
634 
+	font-size: 14px;
635 
+}
636 
+
637 
+#available-menu-items .item-add {
638 
+	position: absolute;
639 
+	top: 1px;
640 
+	right: 1px;
641 
+	color: #8c8f94;
642 
+	width: 30px;
643 
+	height: 38px;
644 
+	box-shadow: none;
645 
+	outline: none;
646 
+	cursor: pointer;
647 
+	text-align: center;
648 
+}
649 
+
650 
+#available-menu-items .menu-item-handle .item-add:focus {
651 
+	color: #1d2327;
652 
+}
653 
+
654 
+#available-menu-items .item-add:before {
655 
+	content: "\f543";
656 
+	position: relative;
657 
+	right: 2px;
658 
+	top: 3px;
659 
+	display: inline-block;
660 
+	height: 20px;
661 
+	border-radius: 50%;
662 
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
663 
+}
664 
+
665 
+#available-menu-items .menu-item-handle.item-added .item-type,
666 
+#available-menu-items .menu-item-handle.item-added .item-title,
667 
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
668 
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
669 
+	color: #8c8f94;
670 
+}
671 
+
672 
+#available-menu-items .menu-item-handle.item-added .item-add:before {
673 
+	content: "\f147";
674 
+}
675 
+
676 
+#available-menu-items .accordion-section-title.loading .spinner,
677 
+#available-menu-items-search.loading .accordion-section-title .spinner {
678 
+	visibility: visible;
679 
+	margin: 0 20px;
680 
+}
681 
+
682 
+#available-menu-items-search .spinner {
683 
+	position: absolute;
684 
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
685 
+	left: 21px;
686 
+	margin: 0 !important;
687 
+}
688 
+
689 
+/* search results list */
690 
+#available-menu-items #available-menu-items-search .accordion-section-content {
691 
+	position: absolute;
692 
+	right: 0;
693 
+	top: 60px; /* below title div / search input */
694 
+	bottom: 0px; /* 100% height that still triggers lazy load */
695 
+	max-height: none;
696 
+	width: 100%;
697 
+	padding: 1px 15px 15px;
698 
+	box-sizing: border-box;
699 
+}
700 
+
701 
+#available-menu-items-search .nothing-found {
702 
+	/* Compensate the 1px top padding of the container. */
703 
+	margin-top: -1px;
704 
+}
705 
+
706 
+#available-menu-items-search .accordion-section-title:after {
707 
+	display: none;
708 
+}
709 
+
710 
+#available-menu-items-search .accordion-section-content:empty {
711 
+	min-height: 0;
712 
+	padding: 0;
713 
+}
714 
+
715 
+#available-menu-items-search.loading .accordion-section-content div {
716 
+	opacity: .5;
717 
+}
718 
+
719 
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
720 
+	opacity: 1;
721 
+}
722 
+
723 
+#customize-preview {
724 
+	transition: all 0.2s;
725 
+}
726 
+
727 
+body.adding-menu-items #available-menu-items {
728 
+	right: 0;
729 
+	visibility: visible;
730 
+}
731 
+
732 
+body.adding-menu-items .wp-full-overlay-main {
733 
+	right: 300px;
734 
+}
735 
+
736 
+body.adding-menu-items #customize-preview {
737 
+	opacity: 0.4;
738 
+}
739 
+
740 
+body.adding-menu-items #customize-preview iframe {
741 
+	pointer-events: none;
742 
+}
743 
+
744 
+.menu-item-handle .spinner {
745 
+	display: none;
746 
+	float: right;
747 
+	margin: 0 0 0 8px;
748 
+}
749 
+
750 
+.nav-menu-inserted-item-loading .spinner {
751 
+	display: block;
752 
+}
753 
+
754 
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
755 
+	padding: 0 8px 0 0;
756 
+}
757 
+
758 
+.nav-menu-inserted-item-loading .menu-item-handle,
759 
+.added-menu-item .menu-item-handle.loading {
760 
+	padding: 10px 8px 10px 15px;
761 
+	cursor: default;
762 
+	opacity: .5;
763 
+	background: #fff;
764 
+	color: #787c82;
765 
+}
766 
+
767 
+.added-menu-item .menu-item-handle {
768 
+	transition-property: opacity, background, color;
769 
+	transition-duration: 1.25s;
770 
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
771 
+}
772 
+
773 
+/* Add/delete Menus */
774 
+
775 
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
776 
+	border-bottom-color: #dcdcde;
777 
+}
778 
+
779 
+/* @todo update selector */
780 
+#accordion-section-add_menu {
781 
+	margin: 15px 12px;
782 
+}
783 
+
784 
+#accordion-section-add_menu h3 {
785 
+	text-align: left;
786 
+}
787 
+
788 
+#accordion-section-add_menu h3,
789 
+#accordion-section-add_menu .customize-add-menu-button {
790 
+	margin: 0;
791 
+}
792 
+
793 
+#accordion-section-add_menu .customize-add-menu-button {
794 
+	font-weight: 400;
795 
+}
796 
+
797 
+#create-new-menu-submit {
798 
+	float: left;
799 
+	margin: 0 0 12px 0;
800 
+}
801 
+
802 
+.menu-delete-item {
803 
+	float: right;
804 
+	padding: 1em 0;
805 
+	width: 100%;
806 
+}
807 
+
808 
+.assigned-menu-locations-title p {
809 
+	margin: 0 0 8px 0;
810 
+}
811 
+
812 
+li.assigned-to-menu-location .menu-delete-item {
813 
+	display: none;
814 
+}
815 
+
816 
+li.assigned-to-menu-location .add-new-menu-item {
817 
+	margin-bottom: 1em;
818 
+}
819 
+
820 
+.menu-item-handle {
821 
+	margin-top: -1px;
822 
+}
823 
+.ui-sortable-disabled .menu-item-handle {
824 
+	cursor: default;
825 
+}
826 
+
827 
+.menu-item-handle:hover {
828 
+	position: relative;
829 
+	z-index: 10;
830 
+	color: #2271b1;
831 
+}
832 
+
833 
+.menu-item-handle:hover .item-type,
834 
+.menu-item-handle:hover .item-edit,
835 
+#available-menu-items .menu-item-handle:hover .item-add {
836 
+	color: #2271b1;
837 
+}
838 
+
839 
+.menu-item-edit-active .menu-item-handle {
840 
+	border-color: #8c8f94;
841 
+	border-bottom: none;
842 
+}
843 
+
844 
+.customize-control-nav_menu_item {
845 
+	margin-bottom: 0;
846 
+}
847 
+
848 
+.customize-control-nav_menu .new-menu-item-invitation {
849 
+	margin-top: 0;
850 
+	margin-bottom: 0;
851 
+}
852 
+
853 
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
854 
+	margin-top: 12px;
855 
+}
856 
+
857 
+/**
858 
+ * box-shadows
859 
+ */
860 
+
861 
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
862 
+.customize-screen-options-toggle:focus:before,
863 
+#customize-controls .customize-info .customize-help-toggle:focus:before,
864 
+.wp-customizer button:focus .toggle-indicator:before,
865 
+.menu-delete:focus,
866 
+.menu-item-bar .item-delete:focus:before,
867 
+#available-menu-items .item-add:focus:before {
868 
+	box-shadow:
869 
+		0 0 0 1px #4f94d4,
870 
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
871 
+}
872 
+
873 
+
874 
+@media screen and (max-width: 782px) {
875 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
876 
+		top: 63px;
877 
+	}
878 
+}
879 
+
880 
+@media screen and (max-width: 640px) {
881 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
882 
+		top: 130px;
883 
+	}
884 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/customize-nav-menus-rtl.min.css


+ 883 - 0
app/wp-admin/css/customize-nav-menus.css
Bestand weergeven 

@@ -0,0 +1,883 @@
1 
+#customize-theme-controls #accordion-section-menu_locations {
2 
+	position: relative;
3 
+	margin-top: 30px;
4 
+}
5 
+
6 
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
7 
+	border-bottom-color: #dcdcde;
8 
+	margin-top: 15px;
9 
+}
10 
+
11 
+#customize-theme-controls .customize-section-title-nav_menus-heading,
12 
+#customize-theme-controls .customize-section-title-menu_locations-heading,
13 
+#customize-theme-controls .customize-section-title-menu_locations-description {
14 
+	padding: 0 12px 0 12px;
15 
+}
16 
+
17 
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
18 
+	/* Override the default italic style for control descriptions */
19 
+	font-style: normal;
20 
+}
21 
+
22 
+.menu-in-location,
23 
+.menu-in-locations {
24 
+	display: block;
25 
+	font-weight: 600;
26 
+	font-size: 10px;
27 
+}
28 
+
29 
+#customize-controls .theme-location-set,
30 
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
31 
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
32 
+	color: #50575e;
33 
+}
34 
+
35 
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
36 
+.customize-control-nav_menu_location .edit-menu,
37 
+.customize-control-nav_menu_location .create-menu {
38 
+	margin-left: 6px;
39 
+	vertical-align: middle;
40 
+	line-height: 2.2;
41 
+}
42 
+
43 
+#customize-controls .customize-control-nav_menu_name {
44 
+	margin-bottom: 12px;
45 
+}
46 
+
47 
+.customize-control-nav_menu_name p:last-of-type {
48 
+	margin-bottom: 0;
49 
+}
50 
+
51 
+#customize-new-menu-submit {
52 
+	float: right;
53 
+	min-width: 85px;
54 
+}
55 
+
56 
+.wp-customizer .menu-item-bar .menu-item-handle,
57 
+.wp-customizer .menu-item-settings,
58 
+.wp-customizer .menu-item-settings .description-thin {
59 
+	box-sizing: border-box;
60 
+}
61 
+
62 
+.wp-customizer .menu-item-bar {
63 
+	margin: 0;
64 
+}
65 
+
66 
+.wp-customizer .menu-item-bar .menu-item-handle {
67 
+	width: 100%;
68 
+	max-width: 100%;
69 
+	background: #fff;
70 
+}
71 
+
72 
+.wp-customizer .menu-item-handle .item-title {
73 
+	margin-right: 0;
74 
+}
75 
+
76 
+.wp-customizer .menu-item-handle .item-type {
77 
+	padding: 1px 21px 0 5px;
78 
+	float: right;
79 
+	text-align: right;
80 
+}
81 
+
82 
+.wp-customizer .menu-item-handle:hover {
83 
+	z-index: 8;
84 
+}
85 
+
86 
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
87 
+	border-left: 4px solid #72aee6;
88 
+}
89 
+
90 
+.wp-customizer .menu-item-settings {
91 
+	max-width: 100%;
92 
+	overflow: hidden;
93 
+	z-index: 8;
94 
+	padding: 10px;
95 
+	background: #f0f0f1;
96 
+	border: 1px solid #8c8f94;
97 
+	border-top: none;
98 
+}
99 
+
100 
+.wp-customizer .menu-item-settings .description-thin {
101 
+	width: 100%;
102 
+	height: auto;
103 
+	margin: 0 0 8px 0;
104 
+}
105 
+
106 
+.wp-customizer .menu-item-settings input[type="text"] {
107 
+	width: 100%;
108 
+}
109 
+
110 
+.wp-customizer .menu-item-settings .submitbox {
111 
+	margin: 0;
112 
+	padding: 0;
113 
+}
114 
+
115 
+.wp-customizer .menu-item-settings .link-to-original {
116 
+	padding: 5px 0;
117 
+	border: none;
118 
+	font-style: normal;
119 
+	margin: 0;
120 
+	width: 100%;
121 
+}
122 
+
123 
+.wp-customizer .menu-item .submitbox .submitdelete {
124 
+	float: left;
125 
+	margin: 6px 0 0;
126 
+	padding: 0;
127 
+	cursor: pointer;
128 
+}
129 
+
130 
+
131 
+/**
132 
+ * Menu items reordering styles
133 
+ */
134 
+
135 
+.menu-item-reorder-nav {
136 
+	display: none;
137 
+	background-color: #fff;
138 
+	position: absolute;
139 
+	top: 0;
140 
+	right: 0;
141 
+}
142 
+
143 
+.menus-move-left:before {
144 
+	content: "\f341";
145 
+}
146 
+
147 
+.menus-move-right:before {
148 
+	content: "\f345";
149 
+}
150 
+
151 
+.reordering .menu-item .item-controls,
152 
+.reordering .menu-item .item-type {
153 
+	display: none;
154 
+}
155 
+
156 
+.reordering .menu-item-reorder-nav {
157 
+	display: block;
158 
+}
159 
+
160 
+.customize-control input.menu-name-field {
161 
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
162 
+}
163 
+
164 
+.wp-customizer .menu-item .item-edit {
165 
+	position: absolute;
166 
+	right: -19px;
167 
+	top: 2px;
168 
+	display: block;
169 
+	width: 30px;
170 
+	height: 38px;
171 
+	margin-right: 0 !important;
172 
+	box-shadow: none;
173 
+	outline: none;
174 
+	overflow: hidden;
175 
+	cursor: pointer;
176 
+	text-align: center;
177 
+}
178 
+
179 
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
180 
+	content: "\f142";
181 
+}
182 
+
183 
+.wp-customizer .menu-item-settings p.description {
184 
+	font-style: normal;
185 
+}
186 
+
187 
+.wp-customizer .menu-settings dl {
188 
+	margin: 12px 0 0 0;
189 
+	padding: 0;
190 
+}
191 
+
192 
+.wp-customizer .menu-settings .checkbox-input {
193 
+	margin-top: 8px;
194 
+}
195 
+
196 
+.wp-customizer .menu-settings .menu-theme-locations {
197 
+	border-top: 1px solid #c3c4c7;
198 
+}
199 
+
200 
+.wp-customizer .menu-settings {
201 
+	margin-top: 36px;
202 
+	border-top: none;
203 
+}
204 
+
205 
+.wp-customizer .menu-location-settings {
206 
+	margin-top: 12px;
207 
+	border-top: none;
208 
+}
209 
+
210 
+.wp-customizer .control-section-nav_menu .menu-location-settings {
211 
+	margin-top: 24px;
212 
+	border-top: 1px solid #dcdcde;
213 
+}
214 
+
215 
+.wp-customizer .control-section-nav_menu .menu-location-settings,
216 
+.customize-control-nav_menu_auto_add {
217 
+	padding-top: 12px;
218 
+}
219 
+
220 
+.menu-location-settings .customize-control-checkbox .theme-location-set {
221 
+	line-height: 1;
222 
+}
223 
+
224 
+.customize-control-nav_menu_auto_add label {
225 
+	vertical-align: top;
226 
+}
227 
+
228 
+.menu-location-settings .new-menu-locations-widget-note {
229 
+	display: block;
230 
+}
231 
+
232 
+.customize-control-menu {
233 
+	margin-top: 4px;
234 
+}
235 
+
236 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
237 
+	color: #50575e;
238 
+}
239 
+
240 
+/* Screen Options */
241 
+.customize-screen-options-toggle {
242 
+	background: none;
243 
+	border: none;
244 
+	color: #50575e;
245 
+	cursor: pointer;
246 
+	margin: 0;
247 
+	padding: 20px;
248 
+	position: absolute;
249 
+	right: 0;
250 
+	top: 30px;
251 
+}
252 
+
253 
+#customize-controls .customize-info .customize-help-toggle {
254 
+	padding: 20px;
255 
+}
256 
+
257 
+#customize-controls .customize-info .customize-help-toggle:before {
258 
+	padding: 4px;
259 
+}
260 
+
261 
+.customize-screen-options-toggle:hover,
262 
+.customize-screen-options-toggle:active,
263 
+.customize-screen-options-toggle:focus,
264 
+.active-menu-screen-options .customize-screen-options-toggle,
265 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
266 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
267 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
268 
+	color: #2271b1;
269 
+}
270 
+
271 
+.customize-screen-options-toggle:focus,
272 
+#customize-controls .customize-info .customize-help-toggle:focus {
273 
+	/* Only visible in Windows High Contrast mode */
274 
+	outline: 1px solid transparent;
275 
+}
276 
+
277 
+.customize-screen-options-toggle:before {
278 
+	-moz-osx-font-smoothing: grayscale;
279 
+	border: none;
280 
+	content: "\f111";
281 
+	display: block;
282 
+	font: 18px/1 dashicons;
283 
+	padding: 5px;
284 
+	text-align: center;
285 
+	text-decoration: none !important;
286 
+	text-indent: 0;
287 
+	left: 6px;
288 
+	position: absolute;
289 
+	top: 6px;
290 
+}
291 
+
292 
+.customize-screen-options-toggle:focus:before,
293 
+#customize-controls .customize-info .customize-help-toggle:focus:before {
294 
+	border-radius: 100%;
295 
+}
296 
+
297 
+.wp-customizer #screen-options-wrap {
298 
+	display: none;
299 
+	background: #fff;
300 
+	border-top: 1px solid #dcdcde;
301 
+	padding: 4px 15px 15px;
302 
+}
303 
+
304 
+.wp-customizer .metabox-prefs label {
305 
+	display: block;
306 
+	padding-right: 0;
307 
+	line-height: 30px;
308 
+}
309 
+
310 
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
311 
+.wp-customizer .toggle-indicator {
312 
+	display: inline-block;
313 
+	font-size: 20px;
314 
+	line-height: 1;
315 
+}
316 
+
317 
+.rtl .wp-customizer .toggle-indicator {
318 
+	text-indent: 1px; /* account for the dashicon alignment */
319 
+}
320 
+
321 
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
322 
+#available-menu-items .accordion-section-title .toggle-indicator:before {
323 
+	content: "\f140";
324 
+	display: block;
325 
+	padding: 1px 2px 1px 0px;
326 
+	speak: never;
327 
+	border-radius: 50%;
328 
+	color: #787c82;
329 
+	font: normal 20px/1 dashicons;
330 
+	-webkit-font-smoothing: antialiased;
331 
+	-moz-osx-font-smoothing: grayscale;
332 
+	text-decoration: none !important;
333 
+}
334 
+
335 
+.control-section-nav_menu .field-link-target,
336 
+.control-section-nav_menu .field-title-attribute,
337 
+.control-section-nav_menu .field-css-classes,
338 
+.control-section-nav_menu .field-xfn,
339 
+.control-section-nav_menu .field-description {
340 
+	display: none;
341 
+}
342 
+
343 
+.control-section-nav_menu.field-link-target-active .field-link-target,
344 
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
345 
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
346 
+.control-section-nav_menu.field-xfn-active .field-xfn,
347 
+.control-section-nav_menu.field-description-active .field-description {
348 
+	display: block;
349 
+}
350 
+
351 
+/* WARNING: The 20px factor is hard-coded in JS. */
352 
+.menu-item-depth-0  { margin-left: 0;     }
353 
+.menu-item-depth-1  { margin-left: 20px;  }
354 
+.menu-item-depth-2  { margin-left: 40px;  }
355 
+.menu-item-depth-3  { margin-left: 60px;  }
356 
+.menu-item-depth-4  { margin-left: 80px;  }
357 
+.menu-item-depth-5  { margin-left: 100px; }
358 
+.menu-item-depth-6  { margin-left: 120px; }
359 
+.menu-item-depth-7  { margin-left: 140px; }
360 
+.menu-item-depth-8  { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
361 
+.menu-item-depth-9  { margin-left: 180px; }
362 
+.menu-item-depth-10 { margin-left: 200px; }
363 
+.menu-item-depth-11 { margin-left: 220px; }
364 
+
365 
+/* @todo handle .menu-item-settings width */
366 
+.menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
367 
+.menu-item-depth-1  > .menu-item-bar { margin-right: 20px;  }
368 
+.menu-item-depth-2  > .menu-item-bar { margin-right: 40px;  }
369 
+.menu-item-depth-3  > .menu-item-bar { margin-right: 60px;  }
370 
+.menu-item-depth-4  > .menu-item-bar { margin-right: 80px;  }
371 
+.menu-item-depth-5  > .menu-item-bar { margin-right: 100px; }
372 
+.menu-item-depth-6  > .menu-item-bar { margin-right: 120px; }
373 
+.menu-item-depth-7  > .menu-item-bar { margin-right: 140px; }
374 
+.menu-item-depth-8  > .menu-item-bar { margin-right: 160px; }
375 
+.menu-item-depth-9  > .menu-item-bar { margin-right: 180px; }
376 
+.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
377 
+.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
378 
+
379 
+/* Submenu left margin. */
380 
+.menu-item-depth-0  .menu-item-transport { margin-left: 0;      }
381 
+.menu-item-depth-1  .menu-item-transport { margin-left: -20px;  }
382 
+.menu-item-depth-3  .menu-item-transport { margin-left: -60px;  }
383 
+.menu-item-depth-4  .menu-item-transport { margin-left: -80px;  }
384 
+.menu-item-depth-2  .menu-item-transport { margin-left: -40px;  }
385 
+.menu-item-depth-5  .menu-item-transport { margin-left: -100px; }
386 
+.menu-item-depth-6  .menu-item-transport { margin-left: -120px; }
387 
+.menu-item-depth-7  .menu-item-transport { margin-left: -140px; }
388 
+.menu-item-depth-8  .menu-item-transport { margin-left: -160px; }
389 
+.menu-item-depth-9  .menu-item-transport { margin-left: -180px; }
390 
+.menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
391 
+.menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
392 
+
393 
+/* WARNING: The 20px factor is hard-coded in JS. */
394 
+.reordering .menu-item-depth-0  { margin-left: 0;     }
395 
+.reordering .menu-item-depth-1  { margin-left: 15px;  }
396 
+.reordering .menu-item-depth-2  { margin-left: 30px;  }
397 
+.reordering .menu-item-depth-3  { margin-left: 45px;  }
398 
+.reordering .menu-item-depth-4  { margin-left: 60px;  }
399 
+.reordering .menu-item-depth-5  { margin-left: 75px;  }
400 
+.reordering .menu-item-depth-6  { margin-left: 90px;  }
401 
+.reordering .menu-item-depth-7  { margin-left: 105px; }
402 
+.reordering .menu-item-depth-8  { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
403 
+.reordering .menu-item-depth-9  { margin-left: 135px; }
404 
+.reordering .menu-item-depth-10 { margin-left: 150px; }
405 
+.reordering .menu-item-depth-11 { margin-left: 165px; }
406 
+
407 
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
408 
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-right: 15px;  }
409 
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-right: 30px;  }
410 
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-right: 45px;  }
411 
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-right: 60px;  }
412 
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-right: 75px;  }
413 
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-right: 90px;  }
414 
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-right: 105px; }
415 
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-right: 120px; }
416 
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-right: 135px; }
417 
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
418 
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
419 
+
420 
+.control-section-nav_menu.menu .menu-item-edit-active {
421 
+	margin-left: 0;
422 
+}
423 
+
424 
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
425 
+	margin-right: 0;
426 
+}
427 
+
428 
+.control-section-nav_menu.menu .sortable-placeholder {
429 
+	margin-top: 0;
430 
+	margin-bottom: 1px;
431 
+	max-width: calc(100% - 2px);
432 
+	float: left;
433 
+	display: list-item;
434 
+	border-color: #a7aaad;
435 
+}
436 
+
437 
+.menu-item-transport li.customize-control {
438 
+	float: none;
439 
+}
440 
+
441 
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
442 
+	margin-top: 0;
443 
+}
444 
+
445 
+/**
446 
+ * Add-menu-items mode
447 
+ */
448 
+
449 
+.adding-menu-items .control-section {
450 
+	opacity: .4;
451 
+}
452 
+
453 
+.adding-menu-items .control-panel.control-section,
454 
+.adding-menu-items .control-section.open {
455 
+	opacity: 1;
456 
+}
457 
+
458 
+.menu-item-bar .item-delete {
459 
+	color: #d63638;
460 
+	position: absolute;
461 
+	top: 2px;
462 
+	right: -19px;
463 
+	width: 30px;
464 
+	height: 38px;
465 
+	cursor: pointer;
466 
+	display: none;
467 
+}
468 
+
469 
+.menu-item-bar .item-delete:before {
470 
+	content: "\f335";
471 
+	position: absolute;
472 
+	top: 9px;
473 
+	left: 5px;
474 
+	border-radius: 50%;
475 
+	font: normal 20px/1 dashicons;
476 
+	-webkit-font-smoothing: antialiased;
477 
+	-moz-osx-font-smoothing: grayscale;
478 
+}
479 
+
480 
+.menu-item-bar .item-delete:hover,
481 
+.menu-item-bar .item-delete:focus {
482 
+	box-shadow: none;
483 
+	outline: none;
484 
+	color: #d63638;
485 
+}
486 
+
487 
+.adding-menu-items .menu-item-bar .item-edit {
488 
+	display: none;
489 
+}
490 
+
491 
+.adding-menu-items .menu-item-bar .item-delete {
492 
+	display: block;
493 
+}
494 
+
495 
+/**
496 
+ * Styles for menu-item addition panel
497 
+ */
498 
+
499 
+#available-menu-items.opening {
500 
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
501 
+}
502 
+
503 
+#available-menu-items #available-menu-items-search.open {
504 
+	height: 100%;
505 
+	border-bottom: none;
506 
+}
507 
+
508 
+#available-menu-items .accordion-section-title {
509 
+	border-left: none;
510 
+	border-right: none;
511 
+	background: #fff;
512 
+	transition: background-color 0.15s;
513 
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
514 
+	-webkit-user-select: auto;
515 
+	user-select: auto;
516 
+}
517 
+
518 
+#available-menu-items .open .accordion-section-title,
519 
+#available-menu-items #available-menu-items-search .accordion-section-title {
520 
+	background: #f0f0f1;
521 
+}
522 
+
523 
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
524 
+#available-menu-items .accordion-section-title:after {
525 
+	content: none !important;
526 
+}
527 
+
528 
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
529 
+#available-menu-items .button-link:hover .toggle-indicator:before,
530 
+#available-menu-items .button-link:focus .toggle-indicator:before {
531 
+	color: #1d2327;
532 
+}
533 
+
534 
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
535 
+	content: "\f142";
536 
+	color: #1d2327;
537 
+}
538 
+
539 
+#available-menu-items .available-menu-items-list {
540 
+	overflow-y: auto;
541 
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
542 
+	background: transparent;
543 
+}
544 
+
545 
+#available-menu-items .accordion-section-title button {
546 
+	display: block;
547 
+	width: 28px;
548 
+	height: 35px;
549 
+	position: absolute;
550 
+	top: 5px;
551 
+	right: 5px;
552 
+	box-shadow: none;
553 
+	outline: none;
554 
+	cursor: pointer;
555 
+	text-align: center;
556 
+}
557 
+
558 
+#available-menu-items .accordion-section-title .no-items,
559 
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
560 
+#available-menu-items .cannot-expand .accordion-section-title > button {
561 
+	display: none;
562 
+}
563 
+
564 
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
565 
+	display: block;
566 
+}
567 
+
568 
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
569 
+	float: right;
570 
+	color: #50575e;
571 
+	font-weight: 400;
572 
+	margin-left: 5px;
573 
+}
574 
+
575 
+#available-menu-items .accordion-section-content {
576 
+	max-height: 290px;
577 
+	margin: 0;
578 
+	padding: 0;
579 
+	position: relative;
580 
+	background: transparent;
581 
+}
582 
+
583 
+#available-menu-items .accordion-section-content .available-menu-items-list {
584 
+	margin: 0 0 45px 0;
585 
+	padding: 1px 15px 15px 15px;
586 
+}
587 
+
588 
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
589 
+	margin-bottom: 0;
590 
+}
591 
+
592 
+#new-custom-menu-item .accordion-section-content {
593 
+	padding: 0 15px 15px 15px;
594 
+}
595 
+
596 
+#available-menu-items .menu-item-tpl {
597 
+	margin: 0;
598 
+}
599 
+
600 
+#custom-menu-item-name.invalid,
601 
+#custom-menu-item-url.invalid,
602 
+.edit-menu-item-url.invalid,
603 
+.menu-name-field.invalid,
604 
+.menu-name-field.invalid:focus,
605 
+#available-menu-items .new-content-item .create-item-input.invalid,
606 
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
607 
+	border: 1px solid #d63638;
608 
+}
609 
+
610 
+#available-menu-items .menu-item-handle .item-type {
611 
+	padding-right: 0;
612 
+}
613 
+
614 
+#available-menu-items .menu-item-handle .item-title {
615 
+	padding-left: 20px;
616 
+}
617 
+
618 
+#available-menu-items .menu-item-handle {
619 
+	cursor: pointer;
620 
+}
621 
+
622 
+#available-menu-items .menu-item-handle {
623 
+	box-shadow: none;
624 
+	margin-top: -1px;
625 
+}
626 
+
627 
+#available-menu-items .menu-item-handle:hover {
628 
+	z-index: 1;
629 
+}
630 
+
631 
+#available-menu-items .item-title h4 {
632 
+	padding: 0 0 5px;
633 
+	font-size: 14px;
634 
+}
635 
+
636 
+#available-menu-items .item-add {
637 
+	position: absolute;
638 
+	top: 1px;
639 
+	left: 1px;
640 
+	color: #8c8f94;
641 
+	width: 30px;
642 
+	height: 38px;
643 
+	box-shadow: none;
644 
+	outline: none;
645 
+	cursor: pointer;
646 
+	text-align: center;
647 
+}
648 
+
649 
+#available-menu-items .menu-item-handle .item-add:focus {
650 
+	color: #1d2327;
651 
+}
652 
+
653 
+#available-menu-items .item-add:before {
654 
+	content: "\f543";
655 
+	position: relative;
656 
+	left: 2px;
657 
+	top: 3px;
658 
+	display: inline-block;
659 
+	height: 20px;
660 
+	border-radius: 50%;
661 
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
662 
+}
663 
+
664 
+#available-menu-items .menu-item-handle.item-added .item-type,
665 
+#available-menu-items .menu-item-handle.item-added .item-title,
666 
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
667 
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
668 
+	color: #8c8f94;
669 
+}
670 
+
671 
+#available-menu-items .menu-item-handle.item-added .item-add:before {
672 
+	content: "\f147";
673 
+}
674 
+
675 
+#available-menu-items .accordion-section-title.loading .spinner,
676 
+#available-menu-items-search.loading .accordion-section-title .spinner {
677 
+	visibility: visible;
678 
+	margin: 0 20px;
679 
+}
680 
+
681 
+#available-menu-items-search .spinner {
682 
+	position: absolute;
683 
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
684 
+	right: 21px;
685 
+	margin: 0 !important;
686 
+}
687 
+
688 
+/* search results list */
689 
+#available-menu-items #available-menu-items-search .accordion-section-content {
690 
+	position: absolute;
691 
+	left: 0;
692 
+	top: 60px; /* below title div / search input */
693 
+	bottom: 0px; /* 100% height that still triggers lazy load */
694 
+	max-height: none;
695 
+	width: 100%;
696 
+	padding: 1px 15px 15px;
697 
+	box-sizing: border-box;
698 
+}
699 
+
700 
+#available-menu-items-search .nothing-found {
701 
+	/* Compensate the 1px top padding of the container. */
702 
+	margin-top: -1px;
703 
+}
704 
+
705 
+#available-menu-items-search .accordion-section-title:after {
706 
+	display: none;
707 
+}
708 
+
709 
+#available-menu-items-search .accordion-section-content:empty {
710 
+	min-height: 0;
711 
+	padding: 0;
712 
+}
713 
+
714 
+#available-menu-items-search.loading .accordion-section-content div {
715 
+	opacity: .5;
716 
+}
717 
+
718 
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
719 
+	opacity: 1;
720 
+}
721 
+
722 
+#customize-preview {
723 
+	transition: all 0.2s;
724 
+}
725 
+
726 
+body.adding-menu-items #available-menu-items {
727 
+	left: 0;
728 
+	visibility: visible;
729 
+}
730 
+
731 
+body.adding-menu-items .wp-full-overlay-main {
732 
+	left: 300px;
733 
+}
734 
+
735 
+body.adding-menu-items #customize-preview {
736 
+	opacity: 0.4;
737 
+}
738 
+
739 
+body.adding-menu-items #customize-preview iframe {
740 
+	pointer-events: none;
741 
+}
742 
+
743 
+.menu-item-handle .spinner {
744 
+	display: none;
745 
+	float: left;
746 
+	margin: 0 8px 0 0;
747 
+}
748 
+
749 
+.nav-menu-inserted-item-loading .spinner {
750 
+	display: block;
751 
+}
752 
+
753 
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
754 
+	padding: 0 0 0 8px;
755 
+}
756 
+
757 
+.nav-menu-inserted-item-loading .menu-item-handle,
758 
+.added-menu-item .menu-item-handle.loading {
759 
+	padding: 10px 15px 10px 8px;
760 
+	cursor: default;
761 
+	opacity: .5;
762 
+	background: #fff;
763 
+	color: #787c82;
764 
+}
765 
+
766 
+.added-menu-item .menu-item-handle {
767 
+	transition-property: opacity, background, color;
768 
+	transition-duration: 1.25s;
769 
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
770 
+}
771 
+
772 
+/* Add/delete Menus */
773 
+
774 
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
775 
+	border-bottom-color: #dcdcde;
776 
+}
777 
+
778 
+/* @todo update selector */
779 
+#accordion-section-add_menu {
780 
+	margin: 15px 12px;
781 
+}
782 
+
783 
+#accordion-section-add_menu h3 {
784 
+	text-align: right;
785 
+}
786 
+
787 
+#accordion-section-add_menu h3,
788 
+#accordion-section-add_menu .customize-add-menu-button {
789 
+	margin: 0;
790 
+}
791 
+
792 
+#accordion-section-add_menu .customize-add-menu-button {
793 
+	font-weight: 400;
794 
+}
795 
+
796 
+#create-new-menu-submit {
797 
+	float: right;
798 
+	margin: 0 0 12px 0;
799 
+}
800 
+
801 
+.menu-delete-item {
802 
+	float: left;
803 
+	padding: 1em 0;
804 
+	width: 100%;
805 
+}
806 
+
807 
+.assigned-menu-locations-title p {
808 
+	margin: 0 0 8px 0;
809 
+}
810 
+
811 
+li.assigned-to-menu-location .menu-delete-item {
812 
+	display: none;
813 
+}
814 
+
815 
+li.assigned-to-menu-location .add-new-menu-item {
816 
+	margin-bottom: 1em;
817 
+}
818 
+
819 
+.menu-item-handle {
820 
+	margin-top: -1px;
821 
+}
822 
+.ui-sortable-disabled .menu-item-handle {
823 
+	cursor: default;
824 
+}
825 
+
826 
+.menu-item-handle:hover {
827 
+	position: relative;
828 
+	z-index: 10;
829 
+	color: #2271b1;
830 
+}
831 
+
832 
+.menu-item-handle:hover .item-type,
833 
+.menu-item-handle:hover .item-edit,
834 
+#available-menu-items .menu-item-handle:hover .item-add {
835 
+	color: #2271b1;
836 
+}
837 
+
838 
+.menu-item-edit-active .menu-item-handle {
839 
+	border-color: #8c8f94;
840 
+	border-bottom: none;
841 
+}
842 
+
843 
+.customize-control-nav_menu_item {
844 
+	margin-bottom: 0;
845 
+}
846 
+
847 
+.customize-control-nav_menu .new-menu-item-invitation {
848 
+	margin-top: 0;
849 
+	margin-bottom: 0;
850 
+}
851 
+
852 
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
853 
+	margin-top: 12px;
854 
+}
855 
+
856 
+/**
857 
+ * box-shadows
858 
+ */
859 
+
860 
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
861 
+.customize-screen-options-toggle:focus:before,
862 
+#customize-controls .customize-info .customize-help-toggle:focus:before,
863 
+.wp-customizer button:focus .toggle-indicator:before,
864 
+.menu-delete:focus,
865 
+.menu-item-bar .item-delete:focus:before,
866 
+#available-menu-items .item-add:focus:before {
867 
+	box-shadow:
868 
+		0 0 0 1px #4f94d4,
869 
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
870 
+}
871 
+
872 
+
873 
+@media screen and (max-width: 782px) {
874 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
875 
+		top: 63px;
876 
+	}
877 
+}
878 
+
879 
+@media screen and (max-width: 640px) {
880 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
881 
+		top: 130px;
882 
+	}
883 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/customize-nav-menus.min.css


+ 479 - 0
app/wp-admin/css/customize-widgets-rtl.css
Bestand weergeven 

@@ -0,0 +1,479 @@
1 
+/*! This file is auto-generated */
2 
+.wp-full-overlay-sidebar {
3 
+	overflow: visible;
4 
+}
5 
+
6 
+/**
7 
+ * Hide all sidebar sections by default, only show them (via JS) once the
8 
+ * preview loads and we know whether the sidebars are used in the template.
9 
+ */
10 
+
11 
+.control-section.control-section-sidebar,
12 
+.customize-control-sidebar_widgets label,
13 
+.customize-control-sidebar_widgets .hide-if-js {
14 
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
15 
+	display: none;
16 
+}
17 
+
18 
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
19 
+	overflow: visible;
20 
+}
21 
+
22 
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
23 
+.customize-control-widget_form .widget-top {
24 
+	background: #fff;
25 
+	transition: opacity 0.5s;
26 
+}
27 
+
28 
+.customize-control .widget-action {
29 
+	color: #787c82;
30 
+}
31 
+
32 
+.customize-control .widget-top:hover .widget-action,
33 
+.customize-control .widget-action:focus {
34 
+	color: #1d2327;
35 
+}
36 
+
37 
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
38 
+	opacity: 0.5;
39 
+}
40 
+
41 
+.customize-control-widget_form .widget-control-save {
42 
+	display: none;
43 
+}
44 
+
45 
+.customize-control-widget_form .spinner {
46 
+	visibility: hidden;
47 
+	margin-top: 0;
48 
+}
49 
+
50 
+.customize-control-widget_form.previewer-loading .spinner {
51 
+	visibility: visible;
52 
+}
53 
+
54 
+.customize-control-widget_form.widget-form-disabled .widget-content {
55 
+	opacity: 0.7;
56 
+	pointer-events: none;
57 
+	-webkit-user-select: none;
58 
+	user-select: none;
59 
+}
60 
+
61 
+.customize-control-widget_form .widget {
62 
+	margin-bottom: 0;
63 
+}
64 
+
65 
+.customize-control-widget_form.wide-widget-control .widget-inside {
66 
+	position: fixed;
67 
+	right: 299px;
68 
+	top: 25%;
69 
+	border: 1px solid #dcdcde;
70 
+	overflow: auto;
71 
+}
72 
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
73 
+	padding: 20px;
74 
+}
75 
+
76 
+.customize-control-widget_form.wide-widget-control .widget-top {
77 
+	transition: background-color 0.4s;
78 
+}
79 
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
80 
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
81 
+	background-color: #dcdcde;
82 
+}
83 
+
84 
+.widget-inside {
85 
+	padding: 1px 10px 10px 10px;
86 
+	border-top: none;
87 
+	line-height: 1.23076923;
88 
+}
89 
+
90 
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
91 
+	content: "\f142";
92 
+}
93 
+
94 
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
95 
+	content: "\f141";
96 
+}
97 
+
98 
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
99 
+	content: "\f139";
100 
+}
101 
+
102 
+.widget-title-action {
103 
+	cursor: pointer;
104 
+}
105 
+
106 
+.widget-top,
107 
+.customize-control-widget_form .widget .customize-control-title {
108 
+	cursor: move;
109 
+}
110 
+
111 
+.control-section.accordion-section.highlighted > .accordion-section-title,
112 
+.customize-control-widget_form.highlighted {
113 
+	outline: none;
114 
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
115 
+	position: relative;
116 
+	z-index: 1;
117 
+}
118 
+
119 
+#widget-customizer-control-templates {
120 
+	display: none;
121 
+}
122 
+
123 
+/**
124 
+ * Widget reordering styles
125 
+ */
126 
+
127 
+#customize-theme-controls .widget-reorder-nav {
128 
+	display: none;
129 
+	float: left;
130 
+	background-color: #f6f7f7;
131 
+}
132 
+
133 
+.move-widget:before {
134 
+	content: "\f504";
135 
+}
136 
+
137 
+#customize-theme-controls .move-widget-area {
138 
+	display: none;
139 
+	background: #fff;
140 
+	border: 1px solid #c3c4c7;
141 
+	border-top: none;
142 
+	cursor: auto;
143 
+}
144 
+
145 
+#customize-theme-controls .reordering .move-widget-area.active {
146 
+	display: block;
147 
+}
148 
+
149 
+#customize-theme-controls .move-widget-area .description {
150 
+	margin: 0;
151 
+	padding: 15px 20px;
152 
+	font-weight: 400;
153 
+}
154 
+
155 
+#customize-theme-controls .widget-area-select {
156 
+	margin: 0;
157 
+	padding: 0;
158 
+	list-style: none;
159 
+}
160 
+
161 
+#customize-theme-controls .widget-area-select li {
162 
+	position: relative;
163 
+	margin: 0;
164 
+	padding: 13px 42px 15px 15px;
165 
+	color: #50575e;
166 
+	border-top: 1px solid #c3c4c7;
167 
+	cursor: pointer;
168 
+	-webkit-user-select: none;
169 
+	user-select: none;
170 
+}
171 
+
172 
+#customize-theme-controls .widget-area-select li:before {
173 
+	display: none;
174 
+	content: "\f147";
175 
+	position: absolute;
176 
+	top: 12px;
177 
+	right: 10px;
178 
+	font: normal 20px/1 dashicons;
179 
+	-webkit-font-smoothing: antialiased;
180 
+	-moz-osx-font-smoothing: grayscale;
181 
+}
182 
+
183 
+#customize-theme-controls .widget-area-select li:last-child {
184 
+	border-bottom: 1px solid #c3c4c7;
185 
+}
186 
+
187 
+#customize-theme-controls .widget-area-select .selected {
188 
+	color: #fff;
189 
+	background: #2271b1;
190 
+}
191 
+
192 
+#customize-theme-controls .widget-area-select .selected:before {
193 
+	display: block;
194 
+}
195 
+
196 
+#customize-theme-controls .move-widget-actions {
197 
+	text-align: left;
198 
+	padding: 12px;
199 
+}
200 
+
201 
+#customize-theme-controls .reordering .widget-title-action {
202 
+	display: none;
203 
+}
204 
+
205 
+#customize-theme-controls .reordering .widget-reorder-nav {
206 
+	display: block;
207 
+}
208 
+
209 
+/* Text Widget */
210 
+.wp-customizer div.mce-inline-toolbar-grp,
211 
+.wp-customizer div.mce-tooltip {
212 
+	z-index: 500100 !important;
213 
+}
214 
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
215 
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
216 
+}
217 
+.wp-customizer #wp-link-backdrop {
218 
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
219 
+}
220 
+.wp-customizer #wp-link-wrap {
221 
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
222 
+}
223 
+
224 
+/**
225 
+ * Styles for new widget addition panel
226 
+ */
227 
+
228 
+/* override widgets admin page rules in wp-admin/css/widgets.css */
229 
+#widgets-left #available-widgets .widget {
230 
+	float: none !important;
231 
+	width: auto !important;
232 
+}
233 
+
234 
+/* Keep rule that is no longer necessary on widgets.php. */
235 
+#available-widgets .widget-action {
236 
+	display: none;
237 
+}
238 
+
239 
+.ios #available-widgets {
240 
+	transition: right 0s;
241 
+}
242 
+
243 
+#available-widgets .widget-tpl:hover,
244 
+#available-widgets .widget-tpl.selected {
245 
+	background: #f6f7f7;
246 
+	border-bottom-color: #c3c4c7;
247 
+	color: #2271b1;
248 
+	border-right: 4px solid #2271b1;
249 
+}
250 
+
251 
+#customize-controls .widget-title h3 {
252 
+	font-size: 1em;
253 
+}
254 
+
255 
+#available-widgets .widget-title h3 {
256 
+	padding: 0 0 5px;
257 
+	font-size: 14px;
258 
+}
259 
+
260 
+#available-widgets .widget .widget-description {
261 
+	padding: 0;
262 
+	color: #646970;
263 
+}
264 
+
265 
+#customize-preview {
266 
+	transition: all 0.2s;
267 
+}
268 
+
269 
+body.adding-widget #available-widgets {
270 
+	right: 0;
271 
+	visibility: visible;
272 
+}
273 
+
274 
+body.adding-widget .wp-full-overlay-main {
275 
+	right: 300px;
276 
+}
277 
+
278 
+body.adding-widget #customize-preview {
279 
+	opacity: 0.4;
280 
+}
281 
+
282 
+
283 
+/**
284 
+ * Widget Icon styling
285 
+ * No plurals in naming.
286 
+ * Ordered from lowest to highest specificity.
287 
+ */
288 
+
289 
+#available-widgets .widget-title {
290 
+	position: relative;
291 
+}
292 
+
293 
+#available-widgets .widget-title:before {
294 
+	content: "\f132";
295 
+	position: absolute;
296 
+	top: -3px;
297 
+	left: 100%;
298 
+	margin-left: 20px;
299 
+	width: 20px;
300 
+	height: 20px;
301 
+	color: #2c3338;
302 
+	font: normal 20px/1 dashicons;
303 
+	text-align: center;
304 
+	box-sizing: border-box;
305 
+	-webkit-font-smoothing: antialiased;
306 
+	-moz-osx-font-smoothing: grayscale;
307 
+}
308 
+
309 
+/* dashicons-smiley */
310 
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
311 
+
312 
+/* dashicons-star-filled */
313 
+#available-widgets [class*="super"] .widget-title:before,
314 
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
315 
+
316 
+/* dashicons-wordpress */
317 
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
318 
+
319 
+/* dashicons-archive */
320 
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
321 
+
322 
+/* dashicons-category */
323 
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
324 
+
325 
+/* dashicons-admin-comments */
326 
+#available-widgets [class*="comment"] .widget-title:before,
327 
+#available-widgets [class*="testimonial"] .widget-title:before,
328 
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
329 
+
330 
+/* dashicons-admin-post */
331 
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
332 
+
333 
+/* dashicons-admin-page */
334 
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
335 
+
336 
+/* dashicons-text */
337 
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
338 
+
339 
+/* dashicons-admin-links */
340 
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
341 
+
342 
+/* dashicons-search */
343 
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
344 
+
345 
+/* dashicons-menu */
346 
+#available-widgets [class*="menu"] .widget-title:before,
347 
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
348 
+
349 
+/* dashicons-tagcloud */
350 
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
351 
+
352 
+/* dashicons-rss */
353 
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
354 
+
355 
+/* dashicons-calendar */
356 
+#available-widgets [class*="event"] .widget-title:before,
357 
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
358 
+
359 
+/* dashicons-format-image */
360 
+#available-widgets [class*="image"] .widget-title:before,
361 
+#available-widgets [class*="photo"] .widget-title:before,
362 
+#available-widgets [class*="slide"] .widget-title:before,
363 
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
364 
+
365 
+/* dashicons-format-gallery */
366 
+#available-widgets [class*="album"] .widget-title:before,
367 
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
368 
+
369 
+/* dashicons-format-video */
370 
+#available-widgets [class*="video"] .widget-title:before,
371 
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
372 
+
373 
+/* dashicons-format-audio */
374 
+#available-widgets [class*="music"] .widget-title:before,
375 
+#available-widgets [class*="radio"] .widget-title:before,
376 
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
377 
+
378 
+/* dashicons-admin-users */
379 
+#available-widgets [class*="login"] .widget-title:before,
380 
+#available-widgets [class*="user"] .widget-title:before,
381 
+#available-widgets [class*="member"] .widget-title:before,
382 
+#available-widgets [class*="avatar"] .widget-title:before,
383 
+#available-widgets [class*="subscriber"] .widget-title:before,
384 
+#available-widgets [class*="profile"] .widget-title:before,
385 
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
386 
+
387 
+/* dashicons-cart */
388 
+#available-widgets [class*="commerce"] .widget-title:before,
389 
+#available-widgets [class*="shop"] .widget-title:before,
390 
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
391 
+
392 
+/* dashicons-shield */
393 
+#available-widgets [class*="secur"] .widget-title:before,
394 
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
395 
+
396 
+/* dashicons-chart-bar */
397 
+#available-widgets [class*="analytic"] .widget-title:before,
398 
+#available-widgets [class*="stat"] .widget-title:before,
399 
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
400 
+
401 
+/* dashicons-feedback */
402 
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
403 
+
404 
+/* dashicons-email-alt */
405 
+#available-widgets [class*="subscribe"] .widget-title:before,
406 
+#available-widgets [class*="news"] .widget-title:before,
407 
+#available-widgets [class*="contact"] .widget-title:before,
408 
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
409 
+
410 
+/* dashicons-share */
411 
+#available-widgets [class*="share"] .widget-title:before,
412 
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
413 
+
414 
+/* dashicons-translation */
415 
+#available-widgets [class*="lang"] .widget-title:before,
416 
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
417 
+
418 
+/* dashicons-location-alt */
419 
+#available-widgets [class*="locat"] .widget-title:before,
420 
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
421 
+
422 
+/* dashicons-download */
423 
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
424 
+
425 
+/* dashicons-cloud */
426 
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
427 
+
428 
+/* dashicons-facebook */
429 
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
430 
+
431 
+/* dashicons-twitter */
432 
+#available-widgets [class*="tweet"] .widget-title:before,
433 
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
434 
+
435 
+@media screen and (max-height: 700px) and (min-width: 981px) {
436 
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
437 
+	.customize-control-widget_form {
438 
+		margin-bottom: 0;
439 
+	}
440 
+
441 
+	.widget-top {
442 
+		box-shadow: none;
443 
+		margin-top: -1px;
444 
+	}
445 
+
446 
+	.widget-top:hover {
447 
+		position: relative;
448 
+		z-index: 1;
449 
+	}
450 
+
451 
+	.last-widget {
452 
+		margin-bottom: 15px;
453 
+	}
454 
+
455 
+	.widget-title h3 {
456 
+		padding: 13px 15px;
457 
+	}
458 
+
459 
+	.widget-top .widget-action {
460 
+		padding: 8px 10px;
461 
+	}
462 
+
463 
+	.widget-reorder-nav span {
464 
+		height: 39px;
465 
+	}
466 
+
467 
+	.widget-reorder-nav span:before {
468 
+		line-height: 39px;
469 
+	}
470 
+
471 
+	/* Compact the move widget areas. */
472 
+	#customize-theme-controls .widget-area-select li {
473 
+		padding: 9px 42px 11px 15px;
474 
+	}
475 
+
476 
+	#customize-theme-controls .widget-area-select li:before {
477 
+		top: 8px;
478 
+	}
479 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/customize-widgets-rtl.min.css


+ 478 - 0
app/wp-admin/css/customize-widgets.css
Bestand weergeven 

@@ -0,0 +1,478 @@
1 
+.wp-full-overlay-sidebar {
2 
+	overflow: visible;
3 
+}
4 
+
5 
+/**
6 
+ * Hide all sidebar sections by default, only show them (via JS) once the
7 
+ * preview loads and we know whether the sidebars are used in the template.
8 
+ */
9 
+
10 
+.control-section.control-section-sidebar,
11 
+.customize-control-sidebar_widgets label,
12 
+.customize-control-sidebar_widgets .hide-if-js {
13 
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
14 
+	display: none;
15 
+}
16 
+
17 
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
18 
+	overflow: visible;
19 
+}
20 
+
21 
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
22 
+.customize-control-widget_form .widget-top {
23 
+	background: #fff;
24 
+	transition: opacity 0.5s;
25 
+}
26 
+
27 
+.customize-control .widget-action {
28 
+	color: #787c82;
29 
+}
30 
+
31 
+.customize-control .widget-top:hover .widget-action,
32 
+.customize-control .widget-action:focus {
33 
+	color: #1d2327;
34 
+}
35 
+
36 
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
37 
+	opacity: 0.5;
38 
+}
39 
+
40 
+.customize-control-widget_form .widget-control-save {
41 
+	display: none;
42 
+}
43 
+
44 
+.customize-control-widget_form .spinner {
45 
+	visibility: hidden;
46 
+	margin-top: 0;
47 
+}
48 
+
49 
+.customize-control-widget_form.previewer-loading .spinner {
50 
+	visibility: visible;
51 
+}
52 
+
53 
+.customize-control-widget_form.widget-form-disabled .widget-content {
54 
+	opacity: 0.7;
55 
+	pointer-events: none;
56 
+	-webkit-user-select: none;
57 
+	user-select: none;
58 
+}
59 
+
60 
+.customize-control-widget_form .widget {
61 
+	margin-bottom: 0;
62 
+}
63 
+
64 
+.customize-control-widget_form.wide-widget-control .widget-inside {
65 
+	position: fixed;
66 
+	left: 299px;
67 
+	top: 25%;
68 
+	border: 1px solid #dcdcde;
69 
+	overflow: auto;
70 
+}
71 
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
72 
+	padding: 20px;
73 
+}
74 
+
75 
+.customize-control-widget_form.wide-widget-control .widget-top {
76 
+	transition: background-color 0.4s;
77 
+}
78 
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
79 
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
80 
+	background-color: #dcdcde;
81 
+}
82 
+
83 
+.widget-inside {
84 
+	padding: 1px 10px 10px 10px;
85 
+	border-top: none;
86 
+	line-height: 1.23076923;
87 
+}
88 
+
89 
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
90 
+	content: "\f142";
91 
+}
92 
+
93 
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
94 
+	content: "\f139";
95 
+}
96 
+
97 
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
98 
+	content: "\f141";
99 
+}
100 
+
101 
+.widget-title-action {
102 
+	cursor: pointer;
103 
+}
104 
+
105 
+.widget-top,
106 
+.customize-control-widget_form .widget .customize-control-title {
107 
+	cursor: move;
108 
+}
109 
+
110 
+.control-section.accordion-section.highlighted > .accordion-section-title,
111 
+.customize-control-widget_form.highlighted {
112 
+	outline: none;
113 
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
114 
+	position: relative;
115 
+	z-index: 1;
116 
+}
117 
+
118 
+#widget-customizer-control-templates {
119 
+	display: none;
120 
+}
121 
+
122 
+/**
123 
+ * Widget reordering styles
124 
+ */
125 
+
126 
+#customize-theme-controls .widget-reorder-nav {
127 
+	display: none;
128 
+	float: right;
129 
+	background-color: #f6f7f7;
130 
+}
131 
+
132 
+.move-widget:before {
133 
+	content: "\f504";
134 
+}
135 
+
136 
+#customize-theme-controls .move-widget-area {
137 
+	display: none;
138 
+	background: #fff;
139 
+	border: 1px solid #c3c4c7;
140 
+	border-top: none;
141 
+	cursor: auto;
142 
+}
143 
+
144 
+#customize-theme-controls .reordering .move-widget-area.active {
145 
+	display: block;
146 
+}
147 
+
148 
+#customize-theme-controls .move-widget-area .description {
149 
+	margin: 0;
150 
+	padding: 15px 20px;
151 
+	font-weight: 400;
152 
+}
153 
+
154 
+#customize-theme-controls .widget-area-select {
155 
+	margin: 0;
156 
+	padding: 0;
157 
+	list-style: none;
158 
+}
159 
+
160 
+#customize-theme-controls .widget-area-select li {
161 
+	position: relative;
162 
+	margin: 0;
163 
+	padding: 13px 15px 15px 42px;
164 
+	color: #50575e;
165 
+	border-top: 1px solid #c3c4c7;
166 
+	cursor: pointer;
167 
+	-webkit-user-select: none;
168 
+	user-select: none;
169 
+}
170 
+
171 
+#customize-theme-controls .widget-area-select li:before {
172 
+	display: none;
173 
+	content: "\f147";
174 
+	position: absolute;
175 
+	top: 12px;
176 
+	left: 10px;
177 
+	font: normal 20px/1 dashicons;
178 
+	-webkit-font-smoothing: antialiased;
179 
+	-moz-osx-font-smoothing: grayscale;
180 
+}
181 
+
182 
+#customize-theme-controls .widget-area-select li:last-child {
183 
+	border-bottom: 1px solid #c3c4c7;
184 
+}
185 
+
186 
+#customize-theme-controls .widget-area-select .selected {
187 
+	color: #fff;
188 
+	background: #2271b1;
189 
+}
190 
+
191 
+#customize-theme-controls .widget-area-select .selected:before {
192 
+	display: block;
193 
+}
194 
+
195 
+#customize-theme-controls .move-widget-actions {
196 
+	text-align: right;
197 
+	padding: 12px;
198 
+}
199 
+
200 
+#customize-theme-controls .reordering .widget-title-action {
201 
+	display: none;
202 
+}
203 
+
204 
+#customize-theme-controls .reordering .widget-reorder-nav {
205 
+	display: block;
206 
+}
207 
+
208 
+/* Text Widget */
209 
+.wp-customizer div.mce-inline-toolbar-grp,
210 
+.wp-customizer div.mce-tooltip {
211 
+	z-index: 500100 !important;
212 
+}
213 
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
214 
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
215 
+}
216 
+.wp-customizer #wp-link-backdrop {
217 
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
218 
+}
219 
+.wp-customizer #wp-link-wrap {
220 
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
221 
+}
222 
+
223 
+/**
224 
+ * Styles for new widget addition panel
225 
+ */
226 
+
227 
+/* override widgets admin page rules in wp-admin/css/widgets.css */
228 
+#widgets-left #available-widgets .widget {
229 
+	float: none !important;
230 
+	width: auto !important;
231 
+}
232 
+
233 
+/* Keep rule that is no longer necessary on widgets.php. */
234 
+#available-widgets .widget-action {
235 
+	display: none;
236 
+}
237 
+
238 
+.ios #available-widgets {
239 
+	transition: left 0s;
240 
+}
241 
+
242 
+#available-widgets .widget-tpl:hover,
243 
+#available-widgets .widget-tpl.selected {
244 
+	background: #f6f7f7;
245 
+	border-bottom-color: #c3c4c7;
246 
+	color: #2271b1;
247 
+	border-left: 4px solid #2271b1;
248 
+}
249 
+
250 
+#customize-controls .widget-title h3 {
251 
+	font-size: 1em;
252 
+}
253 
+
254 
+#available-widgets .widget-title h3 {
255 
+	padding: 0 0 5px;
256 
+	font-size: 14px;
257 
+}
258 
+
259 
+#available-widgets .widget .widget-description {
260 
+	padding: 0;
261 
+	color: #646970;
262 
+}
263 
+
264 
+#customize-preview {
265 
+	transition: all 0.2s;
266 
+}
267 
+
268 
+body.adding-widget #available-widgets {
269 
+	left: 0;
270 
+	visibility: visible;
271 
+}
272 
+
273 
+body.adding-widget .wp-full-overlay-main {
274 
+	left: 300px;
275 
+}
276 
+
277 
+body.adding-widget #customize-preview {
278 
+	opacity: 0.4;
279 
+}
280 
+
281 
+
282 
+/**
283 
+ * Widget Icon styling
284 
+ * No plurals in naming.
285 
+ * Ordered from lowest to highest specificity.
286 
+ */
287 
+
288 
+#available-widgets .widget-title {
289 
+	position: relative;
290 
+}
291 
+
292 
+#available-widgets .widget-title:before {
293 
+	content: "\f132";
294 
+	position: absolute;
295 
+	top: -3px;
296 
+	right: 100%;
297 
+	margin-right: 20px;
298 
+	width: 20px;
299 
+	height: 20px;
300 
+	color: #2c3338;
301 
+	font: normal 20px/1 dashicons;
302 
+	text-align: center;
303 
+	box-sizing: border-box;
304 
+	-webkit-font-smoothing: antialiased;
305 
+	-moz-osx-font-smoothing: grayscale;
306 
+}
307 
+
308 
+/* dashicons-smiley */
309 
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
310 
+
311 
+/* dashicons-star-filled */
312 
+#available-widgets [class*="super"] .widget-title:before,
313 
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
314 
+
315 
+/* dashicons-wordpress */
316 
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
317 
+
318 
+/* dashicons-archive */
319 
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
320 
+
321 
+/* dashicons-category */
322 
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
323 
+
324 
+/* dashicons-admin-comments */
325 
+#available-widgets [class*="comment"] .widget-title:before,
326 
+#available-widgets [class*="testimonial"] .widget-title:before,
327 
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
328 
+
329 
+/* dashicons-admin-post */
330 
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
331 
+
332 
+/* dashicons-admin-page */
333 
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
334 
+
335 
+/* dashicons-text */
336 
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
337 
+
338 
+/* dashicons-admin-links */
339 
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
340 
+
341 
+/* dashicons-search */
342 
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
343 
+
344 
+/* dashicons-menu */
345 
+#available-widgets [class*="menu"] .widget-title:before,
346 
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
347 
+
348 
+/* dashicons-tagcloud */
349 
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
350 
+
351 
+/* dashicons-rss */
352 
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
353 
+
354 
+/* dashicons-calendar */
355 
+#available-widgets [class*="event"] .widget-title:before,
356 
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
357 
+
358 
+/* dashicons-format-image */
359 
+#available-widgets [class*="image"] .widget-title:before,
360 
+#available-widgets [class*="photo"] .widget-title:before,
361 
+#available-widgets [class*="slide"] .widget-title:before,
362 
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
363 
+
364 
+/* dashicons-format-gallery */
365 
+#available-widgets [class*="album"] .widget-title:before,
366 
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
367 
+
368 
+/* dashicons-format-video */
369 
+#available-widgets [class*="video"] .widget-title:before,
370 
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
371 
+
372 
+/* dashicons-format-audio */
373 
+#available-widgets [class*="music"] .widget-title:before,
374 
+#available-widgets [class*="radio"] .widget-title:before,
375 
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
376 
+
377 
+/* dashicons-admin-users */
378 
+#available-widgets [class*="login"] .widget-title:before,
379 
+#available-widgets [class*="user"] .widget-title:before,
380 
+#available-widgets [class*="member"] .widget-title:before,
381 
+#available-widgets [class*="avatar"] .widget-title:before,
382 
+#available-widgets [class*="subscriber"] .widget-title:before,
383 
+#available-widgets [class*="profile"] .widget-title:before,
384 
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
385 
+
386 
+/* dashicons-cart */
387 
+#available-widgets [class*="commerce"] .widget-title:before,
388 
+#available-widgets [class*="shop"] .widget-title:before,
389 
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
390 
+
391 
+/* dashicons-shield */
392 
+#available-widgets [class*="secur"] .widget-title:before,
393 
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
394 
+
395 
+/* dashicons-chart-bar */
396 
+#available-widgets [class*="analytic"] .widget-title:before,
397 
+#available-widgets [class*="stat"] .widget-title:before,
398 
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
399 
+
400 
+/* dashicons-feedback */
401 
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
402 
+
403 
+/* dashicons-email-alt */
404 
+#available-widgets [class*="subscribe"] .widget-title:before,
405 
+#available-widgets [class*="news"] .widget-title:before,
406 
+#available-widgets [class*="contact"] .widget-title:before,
407 
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
408 
+
409 
+/* dashicons-share */
410 
+#available-widgets [class*="share"] .widget-title:before,
411 
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
412 
+
413 
+/* dashicons-translation */
414 
+#available-widgets [class*="lang"] .widget-title:before,
415 
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
416 
+
417 
+/* dashicons-location-alt */
418 
+#available-widgets [class*="locat"] .widget-title:before,
419 
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
420 
+
421 
+/* dashicons-download */
422 
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
423 
+
424 
+/* dashicons-cloud */
425 
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
426 
+
427 
+/* dashicons-facebook */
428 
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
429 
+
430 
+/* dashicons-twitter */
431 
+#available-widgets [class*="tweet"] .widget-title:before,
432 
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
433 
+
434 
+@media screen and (max-height: 700px) and (min-width: 981px) {
435 
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
436 
+	.customize-control-widget_form {
437 
+		margin-bottom: 0;
438 
+	}
439 
+
440 
+	.widget-top {
441 
+		box-shadow: none;
442 
+		margin-top: -1px;
443 
+	}
444 
+
445 
+	.widget-top:hover {
446 
+		position: relative;
447 
+		z-index: 1;
448 
+	}
449 
+
450 
+	.last-widget {
451 
+		margin-bottom: 15px;
452 
+	}
453 
+
454 
+	.widget-title h3 {
455 
+		padding: 13px 15px;
456 
+	}
457 
+
458 
+	.widget-top .widget-action {
459 
+		padding: 8px 10px;
460 
+	}
461 
+
462 
+	.widget-reorder-nav span {
463 
+		height: 39px;
464 
+	}
465 
+
466 
+	.widget-reorder-nav span:before {
467 
+		line-height: 39px;
468 
+	}
469 
+
470 
+	/* Compact the move widget areas. */
471 
+	#customize-theme-controls .widget-area-select li {
472 
+		padding: 9px 15px 11px 42px;
473 
+	}
474 
+
475 
+	#customize-theme-controls .widget-area-select li:before {
476 
+		top: 8px;
477 
+	}
478 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/customize-widgets.min.css


File diff suppressed because it is too large
+ 1323 - 0
app/wp-admin/css/dashboard-rtl.css


File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/dashboard-rtl.min.css


File diff suppressed because it is too large
+ 1322 - 0
app/wp-admin/css/dashboard.css


File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/dashboard.min.css


+ 430 - 0
app/wp-admin/css/deprecated-media-rtl.css
Bestand weergeven 

@@ -0,0 +1,430 @@
1 
+/*! This file is auto-generated */
2 
+/* Styles for the media library iframe (not used on the Library screen) */
3 
+
4 
+div#media-upload-header {
5 
+	margin: 0;
6 
+	padding: 5px 5px 0;
7 
+	font-weight: 600;
8 
+	position: relative;
9 
+	border-bottom: 1px solid #dcdcde;
10 
+	background: #f6f7f7;
11 
+}
12 
+
13 
+#sidemenu {
14 
+	overflow: hidden;
15 
+	float: none;
16 
+	position: relative;
17 
+	right: 0;
18 
+	bottom: -1px;
19 
+	margin: 0 5px;
20 
+	padding-right: 10px;
21 
+	list-style: none;
22 
+	font-size: 12px;
23 
+	font-weight: 400;
24 
+}
25 
+
26 
+#sidemenu a {
27 
+	padding: 0 7px;
28 
+	display: block;
29 
+	float: right;
30 
+	line-height: 28px;
31 
+	border-top: 1px solid #f6f7f7;
32 
+	border-bottom: 1px solid #dcdcde;
33 
+	background-color: #f6f7f7;
34 
+	text-decoration: none;
35 
+	transition: none;
36 
+}
37 
+
38 
+#sidemenu li {
39 
+	display: inline;
40 
+	line-height: 200%;
41 
+	list-style: none;
42 
+	text-align: center;
43 
+	white-space: nowrap;
44 
+	margin: 0;
45 
+	padding: 0;
46 
+}
47 
+
48 
+#sidemenu a.current {
49 
+	font-weight: 400;
50 
+	padding-right: 6px;
51 
+	padding-left: 6px;
52 
+	border: 1px solid #dcdcde;
53 
+	border-bottom-color: #f0f0f1;
54 
+	background-color: #f0f0f1;
55 
+	color: #000;
56 
+}
57 
+
58 
+#media-upload:after { /* clearfix */
59 
+	content: "";
60 
+	display: table;
61 
+	clear: both;
62 
+}
63 
+
64 
+#media-upload .slidetoggle {
65 
+	border-top-color: #dcdcde;
66 
+}
67 
+
68 
+#media-upload input[type="radio"] {
69 
+	padding: 0;
70 
+}
71 
+
72 
+.media-upload-form label.form-help,
73 
+td.help {
74 
+	color: #646970;
75 
+}
76 
+
77 
+form {
78 
+	margin: 1em;
79 
+}
80 
+
81 
+#search-filter {
82 
+	text-align: left;
83 
+}
84 
+
85 
+th {
86 
+	position: relative;
87 
+}
88 
+
89 
+.media-upload-form label.form-help, td.help {
90 
+	font-family: sans-serif;
91 
+	font-style: italic;
92 
+	font-weight: 400;
93 
+}
94 
+
95 
+.media-upload-form p.help {
96 
+	margin: 0;
97 
+	padding: 0;
98 
+}
99 
+
100 
+.media-upload-form fieldset {
101 
+	width: 100%;
102 
+	border: none;
103 
+	text-align: justify;
104 
+	margin: 0 0 1em 0;
105 
+	padding: 0;
106 
+}
107 
+
108 
+/* specific to the image upload form */
109 
+
110 
+.image-align-none-label {
111 
+	background: url(../images/align-none.png) no-repeat center right;
112 
+}
113 
+
114 
+.image-align-left-label {
115 
+	background: url(../images/align-left.png) no-repeat center right;
116 
+}
117 
+
118 
+.image-align-center-label {
119 
+	background: url(../images/align-center.png) no-repeat center right;
120 
+}
121 
+
122 
+.image-align-right-label {
123 
+	background: url(../images/align-right.png) no-repeat center right;
124 
+}
125 
+
126 
+tr.image-size td {
127 
+	width: 460px;
128 
+}
129 
+
130 
+tr.image-size div.image-size-item {
131 
+	margin: 0 0 5px;
132 
+}
133 
+
134 
+#library-form .progress,
135 
+#gallery-form .progress,
136 
+.insert-gallery,
137 
+.describe.startopen,
138 
+.describe.startclosed {
139 
+	display: none;
140 
+}
141 
+
142 
+.media-item .thumbnail {
143 
+	max-width: 128px;
144 
+	max-height: 128px;
145 
+}
146 
+
147 
+thead.media-item-info tr {
148 
+	background-color: transparent;
149 
+}
150 
+
151 
+.form-table thead.media-item-info {
152 
+	border: 8px solid #fff;
153 
+}
154 
+
155 
+abbr.required,
156 
+span.required {
157 
+	text-decoration: none;
158 
+	border: none;
159 
+}
160 
+
161 
+.describe label {
162 
+	display: inline;
163 
+}
164 
+
165 
+.describe td.error {
166 
+	padding: 2px 8px;
167 
+}
168 
+
169 
+.describe td.A1 {
170 
+	width: 132px;
171 
+}
172 
+
173 
+.describe input[type="text"],
174 
+.describe textarea {
175 
+	width: 460px;
176 
+	border-width: 1px;
177 
+	border-style: solid;
178 
+}
179 
+
180 
+/* Specific to Uploader */
181 
+
182 
+#media-upload p.ml-submit {
183 
+	padding: 1em 0;
184 
+}
185 
+
186 
+#media-upload p.help,
187 
+#media-upload label.help {
188 
+	font-family: sans-serif;
189 
+	font-style: italic;
190 
+	font-weight: 400;
191 
+}
192 
+
193 
+#media-upload .ui-sortable .media-item {
194 
+	cursor: move;
195 
+}
196 
+
197 
+#media-upload tr.image-size {
198 
+	margin-bottom: 1em;
199 
+	height: 3em;
200 
+}
201 
+
202 
+#media-upload #filter {
203 
+	width: 623px;
204 
+}
205 
+
206 
+#media-upload #filter .subsubsub {
207 
+	margin: 8px 0;
208 
+}
209 
+
210 
+#media-upload .tablenav-pages a,
211 
+#media-upload .tablenav-pages .current {
212 
+	display: inline-block;
213 
+	padding: 4px 5px 6px;
214 
+	font-size: 16px;
215 
+	line-height: 1;
216 
+	text-align: center;
217 
+	text-decoration: none;
218 
+}
219 
+
220 
+#media-upload .tablenav-pages a {
221 
+	min-width: 17px;
222 
+	border: 1px solid #c3c4c7;
223 
+	background: #f6f7f7;
224 
+}
225 
+
226 
+#filter .tablenav select {
227 
+	border-style: solid;
228 
+	border-width: 1px;
229 
+	padding: 2px;
230 
+	vertical-align: top;
231 
+	width: auto;
232 
+}
233 
+
234 
+#media-upload .del-attachment {
235 
+	display: none;
236 
+	margin: 5px 0;
237 
+}
238 
+
239 
+.menu_order {
240 
+	float: left;
241 
+	font-size: 11px;
242 
+	margin: 8px 10px 0;
243 
+}
244 
+
245 
+.menu_order_input {
246 
+	border: 1px solid #dcdcde;
247 
+	font-size: 10px;
248 
+	padding: 1px;
249 
+	width: 23px;
250 
+}
251 
+
252 
+.ui-sortable-helper {
253 
+	background-color: #fff;
254 
+	border: 1px solid #a7aaad;
255 
+	opacity: 0.6;
256 
+	filter: alpha(opacity=60);
257 
+}
258 
+
259 
+#media-upload th.order-head {
260 
+	width: 20%;
261 
+	text-align: center;
262 
+}
263 
+
264 
+#media-upload th.actions-head {
265 
+	width: 25%;
266 
+	text-align: center;
267 
+}
268 
+
269 
+#media-upload a.wp-post-thumbnail {
270 
+	margin: 0 20px;
271 
+}
272 
+
273 
+#media-upload .widefat {
274 
+	border-style: solid solid none;
275 
+}
276 
+
277 
+.sorthelper {
278 
+	height: 37px;
279 
+	width: 623px;
280 
+	display: block;
281 
+}
282 
+
283 
+#gallery-settings th.label {
284 
+	width: 160px;
285 
+}
286 
+
287 
+#gallery-settings #basic th.label {
288 
+	padding: 5px 0 5px 5px;
289 
+}
290 
+
291 
+#gallery-settings .title {
292 
+	clear: both;
293 
+	padding: 0 0 3px;
294 
+	font-size: 1.6em;
295 
+	border-bottom: 1px solid #dcdcde;
296 
+}
297 
+
298 
+h3.media-title {
299 
+	font-size: 1.6em;
300 
+}
301 
+
302 
+h4.media-sub-title {
303 
+	border-bottom: 1px solid #dcdcde;
304 
+	font-size: 1.3em;
305 
+	margin: 12px;
306 
+	padding: 0 0 3px;
307 
+}
308 
+
309 
+#gallery-settings .title,
310 
+h3.media-title,
311 
+h4.media-sub-title {
312 
+	font-family: Georgia,"Times New Roman",Times,serif;
313 
+	font-weight: 400;
314 
+	color: #50575e;
315 
+}
316 
+
317 
+#gallery-settings .describe td {
318 
+	vertical-align: middle;
319 
+	height: 3em;
320 
+}
321 
+
322 
+#gallery-settings .describe th.label {
323 
+	padding-top: .5em;
324 
+	text-align: right;
325 
+}
326 
+
327 
+#gallery-settings .describe {
328 
+	padding: 5px;
329 
+	width: 100%;
330 
+	clear: both;
331 
+	cursor: default;
332 
+	background: #fff;
333 
+}
334 
+
335 
+#gallery-settings .describe select {
336 
+	width: 15em;
337 
+}
338 
+
339 
+#gallery-settings .describe select option,
340 
+#gallery-settings .describe td {
341 
+	padding: 0;
342 
+}
343 
+
344 
+#gallery-settings label,
345 
+#gallery-settings legend {
346 
+	font-size: 13px;
347 
+	color: #3c434a;
348 
+	margin-left: 15px;
349 
+}
350 
+
351 
+#gallery-settings .align .field label {
352 
+	margin: 0 3px 0 1em;
353 
+}
354 
+
355 
+#gallery-settings p.ml-submit {
356 
+	border-top: 1px solid #dcdcde;
357 
+}
358 
+
359 
+#gallery-settings select#columns {
360 
+	width: 6em;
361 
+}
362 
+
363 
+#sort-buttons {
364 
+	font-size: 0.8em;
365 
+	margin: 3px 0 -8px 25px;
366 
+	text-align: left;
367 
+	max-width: 625px;
368 
+}
369 
+
370 
+#sort-buttons a {
371 
+	text-decoration: none;
372 
+}
373 
+
374 
+#sort-buttons #asc,
375 
+#sort-buttons #showall {
376 
+	padding-right: 5px;
377 
+}
378 
+
379 
+#sort-buttons span {
380 
+	margin-left: 25px;
381 
+}
382 
+
383 
+p.media-types {
384 
+	margin: 0;
385 
+	padding: 1em;
386 
+}
387 
+
388 
+p.media-types-required-info {
389 
+	padding-top: 0;
390 
+}
391 
+
392 
+tr.not-image {
393 
+	display: none;
394 
+}
395 
+
396 
+table.not-image tr.not-image {
397 
+	display: table-row;
398 
+}
399 
+
400 
+table.not-image tr.image-only {
401 
+	display: none;
402 
+}
403 
+
404 
+/**
405 
+ * HiDPI Displays
406 
+ */
407 
+@media print,
408 
+  (-webkit-min-device-pixel-ratio: 1.25),
409 
+  (min-resolution: 120dpi) {
410 
+
411 
+	.image-align-none-label {
412 
+		background-image: url(../images/align-none-2x.png?ver=20120916);
413 
+		background-size: 21px 15px;
414 
+	}
415 
+
416 
+	.image-align-left-label {
417 
+		background-image: url(../images/align-left-2x.png?ver=20120916);
418 
+		background-size: 22px 15px;
419 
+	}
420 
+
421 
+	.image-align-center-label {
422 
+		background-image: url(../images/align-center-2x.png?ver=20120916);
423 
+		background-size: 21px 15px;
424 
+	}
425 
+
426 
+	.image-align-right-label {
427 
+		background-image: url(../images/align-right-2x.png?ver=20120916);
428 
+		background-size: 22px 15px;
429 
+	}
430 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/deprecated-media-rtl.min.css


+ 429 - 0
app/wp-admin/css/deprecated-media.css
Bestand weergeven 

@@ -0,0 +1,429 @@
1 
+/* Styles for the media library iframe (not used on the Library screen) */
2 
+
3 
+div#media-upload-header {
4 
+	margin: 0;
5 
+	padding: 5px 5px 0;
6 
+	font-weight: 600;
7 
+	position: relative;
8 
+	border-bottom: 1px solid #dcdcde;
9 
+	background: #f6f7f7;
10 
+}
11 
+
12 
+#sidemenu {
13 
+	overflow: hidden;
14 
+	float: none;
15 
+	position: relative;
16 
+	left: 0;
17 
+	bottom: -1px;
18 
+	margin: 0 5px;
19 
+	padding-left: 10px;
20 
+	list-style: none;
21 
+	font-size: 12px;
22 
+	font-weight: 400;
23 
+}
24 
+
25 
+#sidemenu a {
26 
+	padding: 0 7px;
27 
+	display: block;
28 
+	float: left;
29 
+	line-height: 28px;
30 
+	border-top: 1px solid #f6f7f7;
31 
+	border-bottom: 1px solid #dcdcde;
32 
+	background-color: #f6f7f7;
33 
+	text-decoration: none;
34 
+	transition: none;
35 
+}
36 
+
37 
+#sidemenu li {
38 
+	display: inline;
39 
+	line-height: 200%;
40 
+	list-style: none;
41 
+	text-align: center;
42 
+	white-space: nowrap;
43 
+	margin: 0;
44 
+	padding: 0;
45 
+}
46 
+
47 
+#sidemenu a.current {
48 
+	font-weight: 400;
49 
+	padding-left: 6px;
50 
+	padding-right: 6px;
51 
+	border: 1px solid #dcdcde;
52 
+	border-bottom-color: #f0f0f1;
53 
+	background-color: #f0f0f1;
54 
+	color: #000;
55 
+}
56 
+
57 
+#media-upload:after { /* clearfix */
58 
+	content: "";
59 
+	display: table;
60 
+	clear: both;
61 
+}
62 
+
63 
+#media-upload .slidetoggle {
64 
+	border-top-color: #dcdcde;
65 
+}
66 
+
67 
+#media-upload input[type="radio"] {
68 
+	padding: 0;
69 
+}
70 
+
71 
+.media-upload-form label.form-help,
72 
+td.help {
73 
+	color: #646970;
74 
+}
75 
+
76 
+form {
77 
+	margin: 1em;
78 
+}
79 
+
80 
+#search-filter {
81 
+	text-align: right;
82 
+}
83 
+
84 
+th {
85 
+	position: relative;
86 
+}
87 
+
88 
+.media-upload-form label.form-help, td.help {
89 
+	font-family: sans-serif;
90 
+	font-style: italic;
91 
+	font-weight: 400;
92 
+}
93 
+
94 
+.media-upload-form p.help {
95 
+	margin: 0;
96 
+	padding: 0;
97 
+}
98 
+
99 
+.media-upload-form fieldset {
100 
+	width: 100%;
101 
+	border: none;
102 
+	text-align: justify;
103 
+	margin: 0 0 1em 0;
104 
+	padding: 0;
105 
+}
106 
+
107 
+/* specific to the image upload form */
108 
+
109 
+.image-align-none-label {
110 
+	background: url(../images/align-none.png) no-repeat center left;
111 
+}
112 
+
113 
+.image-align-left-label {
114 
+	background: url(../images/align-left.png) no-repeat center left;
115 
+}
116 
+
117 
+.image-align-center-label {
118 
+	background: url(../images/align-center.png) no-repeat center left;
119 
+}
120 
+
121 
+.image-align-right-label {
122 
+	background: url(../images/align-right.png) no-repeat center left;
123 
+}
124 
+
125 
+tr.image-size td {
126 
+	width: 460px;
127 
+}
128 
+
129 
+tr.image-size div.image-size-item {
130 
+	margin: 0 0 5px;
131 
+}
132 
+
133 
+#library-form .progress,
134 
+#gallery-form .progress,
135 
+.insert-gallery,
136 
+.describe.startopen,
137 
+.describe.startclosed {
138 
+	display: none;
139 
+}
140 
+
141 
+.media-item .thumbnail {
142 
+	max-width: 128px;
143 
+	max-height: 128px;
144 
+}
145 
+
146 
+thead.media-item-info tr {
147 
+	background-color: transparent;
148 
+}
149 
+
150 
+.form-table thead.media-item-info {
151 
+	border: 8px solid #fff;
152 
+}
153 
+
154 
+abbr.required,
155 
+span.required {
156 
+	text-decoration: none;
157 
+	border: none;
158 
+}
159 
+
160 
+.describe label {
161 
+	display: inline;
162 
+}
163 
+
164 
+.describe td.error {
165 
+	padding: 2px 8px;
166 
+}
167 
+
168 
+.describe td.A1 {
169 
+	width: 132px;
170 
+}
171 
+
172 
+.describe input[type="text"],
173 
+.describe textarea {
174 
+	width: 460px;
175 
+	border-width: 1px;
176 
+	border-style: solid;
177 
+}
178 
+
179 
+/* Specific to Uploader */
180 
+
181 
+#media-upload p.ml-submit {
182 
+	padding: 1em 0;
183 
+}
184 
+
185 
+#media-upload p.help,
186 
+#media-upload label.help {
187 
+	font-family: sans-serif;
188 
+	font-style: italic;
189 
+	font-weight: 400;
190 
+}
191 
+
192 
+#media-upload .ui-sortable .media-item {
193 
+	cursor: move;
194 
+}
195 
+
196 
+#media-upload tr.image-size {
197 
+	margin-bottom: 1em;
198 
+	height: 3em;
199 
+}
200 
+
201 
+#media-upload #filter {
202 
+	width: 623px;
203 
+}
204 
+
205 
+#media-upload #filter .subsubsub {
206 
+	margin: 8px 0;
207 
+}
208 
+
209 
+#media-upload .tablenav-pages a,
210 
+#media-upload .tablenav-pages .current {
211 
+	display: inline-block;
212 
+	padding: 4px 5px 6px;
213 
+	font-size: 16px;
214 
+	line-height: 1;
215 
+	text-align: center;
216 
+	text-decoration: none;
217 
+}
218 
+
219 
+#media-upload .tablenav-pages a {
220 
+	min-width: 17px;
221 
+	border: 1px solid #c3c4c7;
222 
+	background: #f6f7f7;
223 
+}
224 
+
225 
+#filter .tablenav select {
226 
+	border-style: solid;
227 
+	border-width: 1px;
228 
+	padding: 2px;
229 
+	vertical-align: top;
230 
+	width: auto;
231 
+}
232 
+
233 
+#media-upload .del-attachment {
234 
+	display: none;
235 
+	margin: 5px 0;
236 
+}
237 
+
238 
+.menu_order {
239 
+	float: right;
240 
+	font-size: 11px;
241 
+	margin: 8px 10px 0;
242 
+}
243 
+
244 
+.menu_order_input {
245 
+	border: 1px solid #dcdcde;
246 
+	font-size: 10px;
247 
+	padding: 1px;
248 
+	width: 23px;
249 
+}
250 
+
251 
+.ui-sortable-helper {
252 
+	background-color: #fff;
253 
+	border: 1px solid #a7aaad;
254 
+	opacity: 0.6;
255 
+	filter: alpha(opacity=60);
256 
+}
257 
+
258 
+#media-upload th.order-head {
259 
+	width: 20%;
260 
+	text-align: center;
261 
+}
262 
+
263 
+#media-upload th.actions-head {
264 
+	width: 25%;
265 
+	text-align: center;
266 
+}
267 
+
268 
+#media-upload a.wp-post-thumbnail {
269 
+	margin: 0 20px;
270 
+}
271 
+
272 
+#media-upload .widefat {
273 
+	border-style: solid solid none;
274 
+}
275 
+
276 
+.sorthelper {
277 
+	height: 37px;
278 
+	width: 623px;
279 
+	display: block;
280 
+}
281 
+
282 
+#gallery-settings th.label {
283 
+	width: 160px;
284 
+}
285 
+
286 
+#gallery-settings #basic th.label {
287 
+	padding: 5px 5px 5px 0;
288 
+}
289 
+
290 
+#gallery-settings .title {
291 
+	clear: both;
292 
+	padding: 0 0 3px;
293 
+	font-size: 1.6em;
294 
+	border-bottom: 1px solid #dcdcde;
295 
+}
296 
+
297 
+h3.media-title {
298 
+	font-size: 1.6em;
299 
+}
300 
+
301 
+h4.media-sub-title {
302 
+	border-bottom: 1px solid #dcdcde;
303 
+	font-size: 1.3em;
304 
+	margin: 12px;
305 
+	padding: 0 0 3px;
306 
+}
307 
+
308 
+#gallery-settings .title,
309 
+h3.media-title,
310 
+h4.media-sub-title {
311 
+	font-family: Georgia,"Times New Roman",Times,serif;
312 
+	font-weight: 400;
313 
+	color: #50575e;
314 
+}
315 
+
316 
+#gallery-settings .describe td {
317 
+	vertical-align: middle;
318 
+	height: 3em;
319 
+}
320 
+
321 
+#gallery-settings .describe th.label {
322 
+	padding-top: .5em;
323 
+	text-align: left;
324 
+}
325 
+
326 
+#gallery-settings .describe {
327 
+	padding: 5px;
328 
+	width: 100%;
329 
+	clear: both;
330 
+	cursor: default;
331 
+	background: #fff;
332 
+}
333 
+
334 
+#gallery-settings .describe select {
335 
+	width: 15em;
336 
+}
337 
+
338 
+#gallery-settings .describe select option,
339 
+#gallery-settings .describe td {
340 
+	padding: 0;
341 
+}
342 
+
343 
+#gallery-settings label,
344 
+#gallery-settings legend {
345 
+	font-size: 13px;
346 
+	color: #3c434a;
347 
+	margin-right: 15px;
348 
+}
349 
+
350 
+#gallery-settings .align .field label {
351 
+	margin: 0 1em 0 3px;
352 
+}
353 
+
354 
+#gallery-settings p.ml-submit {
355 
+	border-top: 1px solid #dcdcde;
356 
+}
357 
+
358 
+#gallery-settings select#columns {
359 
+	width: 6em;
360 
+}
361 
+
362 
+#sort-buttons {
363 
+	font-size: 0.8em;
364 
+	margin: 3px 25px -8px 0;
365 
+	text-align: right;
366 
+	max-width: 625px;
367 
+}
368 
+
369 
+#sort-buttons a {
370 
+	text-decoration: none;
371 
+}
372 
+
373 
+#sort-buttons #asc,
374 
+#sort-buttons #showall {
375 
+	padding-left: 5px;
376 
+}
377 
+
378 
+#sort-buttons span {
379 
+	margin-right: 25px;
380 
+}
381 
+
382 
+p.media-types {
383 
+	margin: 0;
384 
+	padding: 1em;
385 
+}
386 
+
387 
+p.media-types-required-info {
388 
+	padding-top: 0;
389 
+}
390 
+
391 
+tr.not-image {
392 
+	display: none;
393 
+}
394 
+
395 
+table.not-image tr.not-image {
396 
+	display: table-row;
397 
+}
398 
+
399 
+table.not-image tr.image-only {
400 
+	display: none;
401 
+}
402 
+
403 
+/**
404 
+ * HiDPI Displays
405 
+ */
406 
+@media print,
407 
+  (-webkit-min-device-pixel-ratio: 1.25),
408 
+  (min-resolution: 120dpi) {
409 
+
410 
+	.image-align-none-label {
411 
+		background-image: url(../images/align-none-2x.png?ver=20120916);
412 
+		background-size: 21px 15px;
413 
+	}
414 
+
415 
+	.image-align-left-label {
416 
+		background-image: url(../images/align-left-2x.png?ver=20120916);
417 
+		background-size: 22px 15px;
418 
+	}
419 
+
420 
+	.image-align-center-label {
421 
+		background-image: url(../images/align-center-2x.png?ver=20120916);
422 
+		background-size: 21px 15px;
423 
+	}
424 
+
425 
+	.image-align-right-label {
426 
+		background-image: url(../images/align-right-2x.png?ver=20120916);
427 
+		background-size: 22px 15px;
428 
+	}
429 
+}

File diff suppressed because it is too large
+ 2 - 0
app/wp-admin/css/deprecated-media.min.css


+ 0 - 0
app/wp-admin/css/edit-rtl.css
Bestand weergeven


Some files were not shown because too many files changed in this diff

Entrar - Gogs: Simplico Git Service
Página Inicial Explorar Ajuda
Entrar

Entrar

Esqueceu a senha?