189 .wp-editor-container, |
189 .wp-editor-container, |
190 .popular-tags, |
190 .popular-tags, |
191 .feature-filter, |
191 .feature-filter, |
192 .imgedit-group, |
192 .imgedit-group, |
193 .comment-ays { |
193 .comment-ays { |
194 border: 1px solid #ccd0d4; |
194 border: 1px solid #c3c4c7; |
195 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
195 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
196 } |
196 } |
197 |
197 |
198 table.widefat, |
198 table.widefat, |
199 .wp-editor-container, |
199 .wp-editor-container, |
251 line-height: inherit; |
251 line-height: inherit; |
252 } |
252 } |
253 |
253 |
254 /* Any change to the default link style must be applied to button-link too. */ |
254 /* Any change to the default link style must be applied to button-link too. */ |
255 a { |
255 a { |
256 color: #0073aa; |
256 color: #2271b1; |
257 transition-property: border, background, color; |
257 transition-property: border, background, color; |
258 transition-duration: .05s; |
258 transition-duration: .05s; |
259 transition-timing-function: ease-in-out; |
259 transition-timing-function: ease-in-out; |
260 } |
260 } |
261 |
261 |
264 outline: 0; |
264 outline: 0; |
265 } |
265 } |
266 |
266 |
267 a:hover, |
267 a:hover, |
268 a:active { |
268 a:active { |
269 color: #006799; |
269 color: #135e96; |
270 } |
270 } |
271 |
271 |
272 a:focus, |
272 a:focus, |
273 a:focus .media-icon img, |
273 a:focus .media-icon img, |
274 .wp-person a:focus .gravatar { |
274 .wp-person a:focus .gravatar { |
275 color: #124964; |
275 color: #043959; |
276 box-shadow: |
276 box-shadow: |
277 0 0 0 1px #5b9dd9, |
277 0 0 0 1px #4f94d4, |
278 0 0 2px 1px rgba(30, 140, 190, 0.8); |
278 0 0 2px 1px rgba(79, 148, 212, 0.8); |
279 /* Only visible in Windows High Contrast mode */ |
279 /* Only visible in Windows High Contrast mode */ |
280 outline: 1px solid transparent; |
280 outline: 1px solid transparent; |
281 } |
281 } |
282 |
282 |
283 #adminmenu a:focus { |
283 #adminmenu a:focus { |
418 |
418 |
419 kbd, |
419 kbd, |
420 code { |
420 code { |
421 padding: 3px 5px 2px 5px; |
421 padding: 3px 5px 2px 5px; |
422 margin: 0 1px; |
422 margin: 0 1px; |
423 background: #eaeaea; |
423 background: #f0f0f1; |
424 background: rgba(0, 0, 0, 0.07); |
424 background: rgba(0, 0, 0, 0.07); |
425 font-size: 13px; |
425 font-size: 13px; |
426 } |
426 } |
427 |
427 |
428 .subsubsub { |
428 .subsubsub { |
429 list-style: none; |
429 list-style: none; |
430 margin: 8px 0 0; |
430 margin: 8px 0 0; |
431 padding: 0; |
431 padding: 0; |
432 font-size: 13px; |
432 font-size: 13px; |
433 float: right; |
433 float: right; |
434 color: #666; |
434 color: #646970; |
435 } |
435 } |
436 |
436 |
437 .subsubsub a { |
437 .subsubsub a { |
438 line-height: 2; |
438 line-height: 2; |
439 padding: .2em; |
439 padding: .2em; |
440 text-decoration: none; |
440 text-decoration: none; |
441 } |
441 } |
442 |
442 |
443 .subsubsub a .count, |
443 .subsubsub a .count, |
444 .subsubsub a.current .count { |
444 .subsubsub a.current .count { |
445 color: #555d66; /* #f1f1f1 background */ |
445 color: #50575e; /* #f1f1f1 background */ |
446 font-weight: 400; |
446 font-weight: 400; |
447 } |
447 } |
448 |
448 |
449 .subsubsub a.current { |
449 .subsubsub a.current { |
450 font-weight: 600; |
450 font-weight: 600; |
613 margin-right: 4px; |
617 margin-right: 4px; |
614 padding: 4px 8px; |
618 padding: 4px 8px; |
615 position: relative; |
619 position: relative; |
616 top: -3px; |
620 top: -3px; |
617 text-decoration: none; |
621 text-decoration: none; |
618 border: 1px solid #0071a1; |
622 border: 1px solid #2271b1; |
619 border-radius: 2px; |
623 border-radius: 2px; |
620 text-shadow: none; |
624 text-shadow: none; |
621 font-weight: 600; |
625 font-weight: 600; |
622 font-size: 13px; |
626 font-size: 13px; |
623 line-height: normal; /* IE8-IE11 need this for buttons */ |
627 line-height: normal; /* IE8-IE11 need this for buttons */ |
624 color: #0071a1; /* use the standard color used for buttons */ |
628 color: #2271b1; /* use the standard color used for buttons */ |
625 background: #f3f5f6; |
629 background: #f6f7f7; |
626 cursor: pointer; |
630 cursor: pointer; |
627 } |
631 } |
628 |
632 |
629 .wrap .wp-heading-inline + .page-title-action { |
633 .wrap .wp-heading-inline + .page-title-action { |
630 margin-right: 0; |
634 margin-right: 0; |
631 } |
635 } |
632 |
636 |
633 .wrap .add-new-h2:hover, /* deprecated */ |
637 .wrap .add-new-h2:hover, /* deprecated */ |
634 .wrap .page-title-action:hover { |
638 .wrap .page-title-action:hover { |
635 background: #f1f1f1; |
639 background: #f0f0f1; |
636 border-color: #016087; |
640 border-color: #0a4b78; |
637 color: #016087; |
641 color: #0a4b78; |
638 } |
642 } |
639 |
643 |
640 /* lower specificity: color needs to be overridden by :hover and :active */ |
644 /* lower specificity: color needs to be overridden by :hover and :active */ |
641 .page-title-action:focus { |
645 .page-title-action:focus { |
642 color: #016087; |
646 color: #0a4b78; |
643 } |
647 } |
644 |
648 |
645 /* Dashicon for language options on General Settings and Profile screens */ |
649 /* Dashicon for language options on General Settings and Profile screens */ |
646 .form-table th label[for="locale"] .dashicons, |
650 .form-table th label[for="locale"] .dashicons, |
647 .form-table th label[for="WPLANG"] .dashicons { |
651 .form-table th label[for="WPLANG"] .dashicons { |
648 margin-right: 5px; |
652 margin-right: 5px; |
649 } |
653 } |
650 |
654 |
651 .wrap .page-title-action:focus { |
655 .wrap .page-title-action:focus { |
652 border-color: #007cba; |
656 border-color: #3582c4; |
653 box-shadow: 0 0 0 1px #007cba; |
657 box-shadow: 0 0 0 1px #3582c4; |
654 /* Only visible in Windows High Contrast mode */ |
658 /* Only visible in Windows High Contrast mode */ |
655 outline: 2px solid transparent; |
659 outline: 2px solid transparent; |
656 } |
660 } |
657 |
661 |
658 .wrap h1.long-header { |
662 .wrap h1.long-header { |
666 .widgets-chooser ul, |
670 .widgets-chooser ul, |
667 #widgets-left .widget-in-question .widget-top, |
671 #widgets-left .widget-in-question .widget-top, |
668 #available-widgets .widget-top:hover, |
672 #available-widgets .widget-top:hover, |
669 div#widgets-right .widget-top:hover, |
673 div#widgets-right .widget-top:hover, |
670 #widgets-left .widget-top:hover { |
674 #widgets-left .widget-top:hover { |
671 border-color: #999; |
675 border-color: #8c8f94; |
672 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
676 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
673 } |
677 } |
674 |
678 |
675 .sorthelper { |
679 .sorthelper { |
676 background-color: #ccf3fa; |
680 background-color: #c5d9ed; |
677 } |
681 } |
678 |
682 |
679 .ac_match, |
683 .ac_match, |
680 .subsubsub a.current { |
684 .subsubsub a.current { |
681 color: #000; |
685 color: #000; |
682 } |
686 } |
683 |
687 |
684 .striped > tbody > :nth-child(odd), |
688 .striped > tbody > :nth-child(odd), |
685 ul.striped > :nth-child(odd), |
689 ul.striped > :nth-child(odd), |
686 .alternate { |
690 .alternate { |
687 background-color: #f9f9f9; |
691 background-color: #f6f7f7; |
688 } |
692 } |
689 |
693 |
690 .bar { |
694 .bar { |
691 background-color: #e8e8e8; |
695 background-color: #f0f0f1; |
692 border-left-color: #99d; |
696 border-left-color: #4f94d4; |
693 } |
697 } |
694 |
698 |
695 /* Helper classes for plugins to leverage the active WordPress color scheme */ |
699 /* Helper classes for plugins to leverage the active WordPress color scheme */ |
696 |
700 |
697 .highlight { |
701 .highlight { |
698 background-color: #e4f2fd; |
702 background-color: #f0f6fc; |
699 color: #000; |
703 color: #3c434a; |
700 } |
704 } |
701 |
705 |
702 .wp-ui-primary { |
706 .wp-ui-primary { |
703 color: #fff; |
707 color: #fff; |
704 background-color: #32373c; |
708 background-color: #2c3338; |
705 } |
709 } |
706 .wp-ui-text-primary { |
710 .wp-ui-text-primary { |
707 color: #32373c; |
711 color: #2c3338; |
708 } |
712 } |
709 |
713 |
710 .wp-ui-highlight { |
714 .wp-ui-highlight { |
711 color: #fff; |
715 color: #fff; |
712 background-color: #1e8cbe; |
716 background-color: #2271b1; |
713 } |
717 } |
714 .wp-ui-text-highlight { |
718 .wp-ui-text-highlight { |
715 color: #1e8cbe; |
719 color: #2271b1; |
716 } |
720 } |
717 |
721 |
718 .wp-ui-notification { |
722 .wp-ui-notification { |
719 color: #fff; |
723 color: #fff; |
720 background-color: #d54e21; |
724 background-color: #d63638; |
721 } |
725 } |
722 .wp-ui-text-notification { |
726 .wp-ui-text-notification { |
723 color: #d54e21; |
727 color: #d63638; |
724 } |
728 } |
725 |
729 |
726 .wp-ui-text-icon { |
730 .wp-ui-text-icon { |
727 color: #82878c; /* same as new icons */ |
731 color: #8c8f94; /* same as new icons */ |
728 } |
732 } |
729 |
733 |
730 /* For emoji replacement images */ |
734 /* For emoji replacement images */ |
731 img.emoji { |
735 img.emoji { |
732 display: inline !important; |
736 display: inline !important; |
786 .welcome-panel .welcome-panel-close:before, |
790 .welcome-panel .welcome-panel-close:before, |
787 .tagchecklist .ntdelbutton .remove-tag-icon:before, |
791 .tagchecklist .ntdelbutton .remove-tag-icon:before, |
788 #bulk-titles div a:before, |
792 #bulk-titles div a:before, |
789 .notice-dismiss:before { |
793 .notice-dismiss:before { |
790 background: none; |
794 background: none; |
791 color: #72777c; |
795 color: #787c82; |
792 content: "\f153"; |
796 content: "\f153"; |
793 display: block; |
797 display: block; |
794 font: normal 16px/20px dashicons; |
798 font: normal 16px/20px dashicons; |
795 speak: none; |
799 speak: never; |
796 height: 20px; |
800 height: 20px; |
797 text-align: center; |
801 text-align: center; |
798 width: 20px; |
802 width: 20px; |
799 -webkit-font-smoothing: antialiased; |
803 -webkit-font-smoothing: antialiased; |
800 -moz-osx-font-smoothing: grayscale; |
804 -moz-osx-font-smoothing: grayscale; |
824 .welcome-panel .welcome-panel-close:focus:before, |
828 .welcome-panel .welcome-panel-close:focus:before, |
825 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before, |
829 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before, |
826 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before, |
830 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before, |
827 #bulk-titles div a:hover:before, |
831 #bulk-titles div a:hover:before, |
828 #bulk-titles div a:focus:before { |
832 #bulk-titles div a:focus:before { |
829 color: #c00; |
833 color: #d63638; |
830 } |
834 } |
831 |
835 |
832 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before { |
836 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before { |
833 box-shadow: |
837 box-shadow: |
834 0 0 0 1px #5b9dd9, |
838 0 0 0 1px #4f94d4, |
835 0 0 2px 1px rgba(30, 140, 190, 0.8); |
839 0 0 2px 1px rgba(79, 148, 212, 0.8); |
836 } |
840 } |
837 |
841 |
838 .key-labels label { |
842 .key-labels label { |
839 line-height: 24px; |
843 line-height: 24px; |
840 } |
844 } |
863 white-space: nowrap; |
867 white-space: nowrap; |
864 } |
868 } |
865 |
869 |
866 hr { |
870 hr { |
867 border: 0; |
871 border: 0; |
868 border-top: 1px solid #ddd; |
872 border-top: 1px solid #dcdcde; |
869 border-bottom: 1px solid #fafafa; |
873 border-bottom: 1px solid #f6f7f7; |
870 } |
874 } |
871 |
875 |
872 .row-actions span.delete a, |
876 .row-actions span.delete a, |
873 .row-actions span.trash a, |
877 .row-actions span.trash a, |
874 .row-actions span.spam a, |
878 .row-actions span.spam a, |
877 #search-plugins-table .plugins a.delete, |
881 #search-plugins-table .plugins a.delete, |
878 .submitbox .submitdelete, |
882 .submitbox .submitdelete, |
879 #media-items a.delete, |
883 #media-items a.delete, |
880 #media-items a.delete-permanently, |
884 #media-items a.delete-permanently, |
881 #nav-menu-footer .menu-delete, |
885 #nav-menu-footer .menu-delete, |
882 #delete-link a.delete { |
886 #delete-link a.delete, |
883 color: #a00; |
887 a#remove-post-thumbnail { |
|
888 color: #b32d2e; |
884 } |
889 } |
885 |
890 |
886 abbr.required, |
891 abbr.required, |
887 span.required, |
892 span.required, |
888 .file-error, |
893 .file-error, |
894 #search-plugins-table .plugins a.delete:hover, |
899 #search-plugins-table .plugins a.delete:hover, |
895 .submitbox .submitdelete:hover, |
900 .submitbox .submitdelete:hover, |
896 #media-items a.delete:hover, |
901 #media-items a.delete:hover, |
897 #media-items a.delete-permanently:hover, |
902 #media-items a.delete-permanently:hover, |
898 #nav-menu-footer .menu-delete:hover, |
903 #nav-menu-footer .menu-delete:hover, |
899 #delete-link a.delete:hover { |
904 #delete-link a.delete:hover, |
900 color: #dc3232; |
905 a#remove-post-thumbnail:hover { |
|
906 color: #b32d2e; |
901 border: none; |
907 border: none; |
902 } |
908 } |
903 |
909 |
904 /*------------------------------------------------------------------------------ |
910 /*------------------------------------------------------------------------------ |
905 3.0 - Actions |
911 3.0 - Actions |
906 ------------------------------------------------------------------------------*/ |
912 ------------------------------------------------------------------------------*/ |
907 |
913 |
908 #major-publishing-actions { |
914 #major-publishing-actions { |
909 padding: 10px; |
915 padding: 10px; |
910 clear: both; |
916 clear: both; |
911 border-top: 1px solid #ddd; |
917 border-top: 1px solid #dcdcde; |
912 background: #f5f5f5; |
918 background: #f6f7f7; |
913 } |
919 } |
914 |
920 |
915 #delete-action { |
921 #delete-action { |
916 float: right; |
922 float: right; |
917 line-height: 2.30769231; /* 30px */ |
923 line-height: 2.30769231; /* 30px */ |
996 box-sizing: border-box; |
1002 box-sizing: border-box; |
997 margin: 12px 0 25px; |
1003 margin: 12px 0 25px; |
998 padding: 0 10px; |
1004 padding: 0 10px; |
999 width: 100%; |
1005 width: 100%; |
1000 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
1006 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
1001 border: 1px solid #ccd0d4; |
1007 border: 1px solid #c3c4c7; |
1002 background: #fff; |
1008 background: #fff; |
1003 color: #555; |
1009 color: #50575e; |
1004 font-size: 13px; |
1010 font-size: 13px; |
1005 } |
1011 } |
1006 |
1012 |
1007 .wp-filter a { |
1013 .wp-filter a { |
1008 text-decoration: none; |
1014 text-decoration: none; |
1052 .filter-links li > a { |
1058 .filter-links li > a { |
1053 display: inline-block; |
1059 display: inline-block; |
1054 margin: 0 10px; |
1060 margin: 0 10px; |
1055 padding: 15px 0; |
1061 padding: 15px 0; |
1056 border-bottom: 4px solid #fff; |
1062 border-bottom: 4px solid #fff; |
1057 color: #666; |
1063 color: #646970; |
1058 cursor: pointer; |
1064 cursor: pointer; |
1059 } |
1065 } |
1060 |
1066 |
1061 .filter-links .current { |
1067 .filter-links .current { |
1062 box-shadow: none; |
1068 box-shadow: none; |
1063 border-bottom: 4px solid #666; |
1069 border-bottom: 4px solid #646970; |
1064 color: #23282d; |
1070 color: #1d2327; |
1065 } |
1071 } |
1066 |
1072 |
1067 .filter-links li > a:hover, |
1073 .filter-links li > a:hover, |
1068 .filter-links li > a:focus, |
1074 .filter-links li > a:focus, |
1069 .show-filters .filter-links a.current:hover, |
1075 .show-filters .filter-links a.current:hover, |
1070 .show-filters .filter-links a.current:focus { |
1076 .show-filters .filter-links a.current:focus { |
1071 color: #006799; |
1077 color: #135e96; |
1072 } |
1078 } |
1073 |
1079 |
1074 .wp-filter .search-form { |
1080 .wp-filter .search-form { |
1075 float: left; |
1081 float: left; |
1076 margin: 10px 0; |
1082 margin: 10px 0; |
1109 .wp-filter .button.drawer-toggle { |
1115 .wp-filter .button.drawer-toggle { |
1110 margin: 10px 9px 0; |
1116 margin: 10px 9px 0; |
1111 padding: 0 6px 0 10px; |
1117 padding: 0 6px 0 10px; |
1112 border-color: transparent; |
1118 border-color: transparent; |
1113 background-color: transparent; |
1119 background-color: transparent; |
1114 color: #666; |
1120 color: #646970; |
1115 vertical-align: baseline; |
1121 vertical-align: baseline; |
1116 box-shadow: none; |
1122 box-shadow: none; |
1117 } |
1123 } |
1118 |
1124 |
1119 .wp-filter .drawer-toggle:before { |
1125 .wp-filter .drawer-toggle:before { |
1120 content: "\f111"; |
1126 content: "\f111"; |
1121 margin: 0 0 0 5px; |
1127 margin: 0 0 0 5px; |
1122 color: #72777c; |
1128 color: #646970; |
1123 font: normal 16px/1 dashicons; |
1129 font: normal 16px/1 dashicons; |
1124 vertical-align: text-bottom; |
1130 vertical-align: text-bottom; |
1125 -webkit-font-smoothing: antialiased; |
1131 -webkit-font-smoothing: antialiased; |
1126 -moz-osx-font-smoothing: grayscale; |
1132 -moz-osx-font-smoothing: grayscale; |
1127 } |
1133 } |
1129 .wp-filter .button.drawer-toggle:hover, |
1135 .wp-filter .button.drawer-toggle:hover, |
1130 .wp-filter .drawer-toggle:hover:before, |
1136 .wp-filter .drawer-toggle:hover:before, |
1131 .wp-filter .button.drawer-toggle:focus, |
1137 .wp-filter .button.drawer-toggle:focus, |
1132 .wp-filter .drawer-toggle:focus:before { |
1138 .wp-filter .drawer-toggle:focus:before { |
1133 background-color: transparent; |
1139 background-color: transparent; |
1134 color: #006799; |
1140 color: #135e96; |
1135 } |
1141 } |
1136 |
1142 |
1137 .wp-filter .button.drawer-toggle:hover, |
1143 .wp-filter .button.drawer-toggle:hover, |
1138 .wp-filter .button.drawer-toggle:focus:active { |
1144 .wp-filter .button.drawer-toggle:focus:active { |
1139 border-color: transparent; |
1145 border-color: transparent; |
1140 } |
1146 } |
1141 |
1147 |
1142 .wp-filter .button.drawer-toggle:focus { |
1148 .wp-filter .button.drawer-toggle:focus { |
1143 border-color: #5b9dd9; |
1149 border-color: #4f94d4; |
1144 } |
1150 } |
1145 |
1151 |
1146 .wp-filter .button.drawer-toggle:active { |
1152 .wp-filter .button.drawer-toggle:active { |
1147 background: transparent; |
1153 background: transparent; |
1148 box-shadow: none; |
1154 box-shadow: none; |
1156 .filter-drawer, |
1162 .filter-drawer, |
1157 .wp-filter .favorites-form { |
1163 .wp-filter .favorites-form { |
1158 display: none; |
1164 display: none; |
1159 margin: 0 -20px 0 -10px; |
1165 margin: 0 -20px 0 -10px; |
1160 padding: 20px; |
1166 padding: 20px; |
1161 border-top: 1px solid #eee; |
1167 border-top: 1px solid #f0f0f1; |
1162 background: #fafafa; |
1168 background: #f6f7f7; |
1163 overflow: hidden; |
1169 overflow: hidden; |
1164 } |
1170 } |
1165 |
1171 |
1166 .show-filters .filter-drawer, |
1172 .show-filters .filter-drawer, |
1167 .show-favorites-form .favorites-form { |
1173 .show-favorites-form .favorites-form { |
1172 border-bottom: none; |
1178 border-bottom: none; |
1173 } |
1179 } |
1174 |
1180 |
1175 .show-filters .wp-filter .button.drawer-toggle { |
1181 .show-filters .wp-filter .button.drawer-toggle { |
1176 border-radius: 2px; |
1182 border-radius: 2px; |
1177 background: #72777c; |
1183 background: #646970; |
1178 color: #fff; |
1184 color: #fff; |
1179 } |
1185 } |
1180 |
1186 |
1181 .show-filters .wp-filter .drawer-toggle:hover, |
1187 .show-filters .wp-filter .drawer-toggle:hover, |
1182 .show-filters .wp-filter .drawer-toggle:focus { |
1188 .show-filters .wp-filter .drawer-toggle:focus { |
1183 background: rgb(46, 162, 204); |
1189 background: #2271b1; |
1184 } |
1190 } |
1185 |
1191 |
1186 .show-filters .wp-filter .drawer-toggle:before { |
1192 .show-filters .wp-filter .drawer-toggle:before { |
1187 color: #fff; |
1193 color: #fff; |
1188 } |
1194 } |
1373 |
1379 |
1374 .notice, |
1380 .notice, |
1375 div.updated, |
1381 div.updated, |
1376 div.error { |
1382 div.error { |
1377 background: #fff; |
1383 background: #fff; |
1378 border: 1px solid #ccd0d4; |
1384 border: 1px solid #c3c4c7; |
1379 border-right-width: 4px; |
1385 border-right-width: 4px; |
1380 box-shadow: 0 1px 1px rgba(0,0,0,.04); |
1386 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
1381 margin: 5px 15px 2px; |
1387 margin: 5px 15px 2px; |
1382 padding: 1px 12px; |
1388 padding: 1px 12px; |
1383 } |
1389 } |
1384 |
1390 |
1385 div[class="update-message"] { /* back-compat for pre-4.6 */ |
1391 div[class="update-message"] { /* back-compat for pre-4.6 */ |
1428 left: 1px; |
1434 left: 1px; |
1429 border: none; |
1435 border: none; |
1430 margin: 0; |
1436 margin: 0; |
1431 padding: 9px; |
1437 padding: 9px; |
1432 background: none; |
1438 background: none; |
1433 color: #72777c; |
1439 color: #787c82; |
1434 cursor: pointer; |
1440 cursor: pointer; |
1435 } |
1441 } |
1436 |
1442 |
1437 .notice-dismiss:hover:before, |
1443 .notice-dismiss:hover:before, |
1438 .notice-dismiss:active:before, |
1444 .notice-dismiss:active:before, |
1439 .notice-dismiss:focus:before { |
1445 .notice-dismiss:focus:before { |
1440 color: #c00; |
1446 color: #d63638; |
1441 } |
1447 } |
1442 |
1448 |
1443 .notice-dismiss:focus { |
1449 .notice-dismiss:focus { |
1444 outline: none; |
1450 outline: none; |
1445 box-shadow: |
1451 box-shadow: |
1446 0 0 0 1px #5b9dd9, |
1452 0 0 0 1px #4f94d4, |
1447 0 0 2px 1px rgba(30, 140, 190, 0.8); |
1453 0 0 2px 1px rgba(79, 148, 212, 0.8); |
1448 } |
1454 } |
1449 |
1455 |
1450 .notice-success, |
1456 .notice-success, |
1451 div.updated { |
1457 div.updated { |
1452 border-right-color: #46b450; |
1458 border-right-color: #00a32a; |
1453 } |
1459 } |
1454 |
1460 |
1455 .notice-success.notice-alt { |
1461 .notice-success.notice-alt { |
1456 background-color: #ecf7ed; |
1462 background-color: #edfaef; |
1457 } |
1463 } |
1458 |
1464 |
1459 .notice-warning { |
1465 .notice-warning { |
1460 border-right-color: #ffb900; |
1466 border-right-color: #dba617; |
1461 } |
1467 } |
1462 |
1468 |
1463 .notice-warning.notice-alt { |
1469 .notice-warning.notice-alt { |
1464 background-color: #fff8e5; |
1470 background-color: #fcf9e8; |
1465 } |
1471 } |
1466 |
1472 |
1467 .notice-error, |
1473 .notice-error, |
1468 div.error { |
1474 div.error { |
1469 border-right-color: #dc3232; |
1475 border-right-color: #d63638; |
1470 } |
1476 } |
1471 |
1477 |
1472 .notice-error.notice-alt { |
1478 .notice-error.notice-alt { |
1473 background-color: #fbeaea; |
1479 background-color: #fcf0f1; |
1474 } |
1480 } |
1475 |
1481 |
1476 .notice-info { |
1482 .notice-info { |
1477 border-right-color: #00a0d2; |
1483 border-right-color: #72aee6; |
1478 } |
1484 } |
1479 |
1485 |
1480 .notice-info.notice-alt { |
1486 .notice-info.notice-alt { |
1481 background-color: #e5f5fa; |
1487 background-color: #f0f6fc; |
1482 } |
1488 } |
1483 |
1489 |
1484 .update-message p:before, |
1490 .update-message p:before, |
1485 .updating-message p:before, |
1491 .updating-message p:before, |
1486 .updated-message p:before, |
1492 .updated-message p:before, |
1524 .update-message p:before, |
1530 .update-message p:before, |
1525 .updating-message p:before, |
1531 .updating-message p:before, |
1526 .import-php .updating-message:before, |
1532 .import-php .updating-message:before, |
1527 .button.updating-message:before, |
1533 .button.updating-message:before, |
1528 .button.installing:before { |
1534 .button.installing:before { |
1529 color: #f56e28; |
1535 color: #d63638; |
1530 content: "\f463"; |
1536 content: "\f463"; |
1531 } |
1537 } |
1532 |
1538 |
1533 /* Spins the update icon. */ |
1539 /* Spins the update icon. */ |
1534 .updating-message p:before, |
1540 .updating-message p:before, |
1538 .plugins .column-auto-updates .dashicons-update.spin, |
1544 .plugins .column-auto-updates .dashicons-update.spin, |
1539 .theme-overlay .theme-autoupdate .dashicons-update.spin { |
1545 .theme-overlay .theme-autoupdate .dashicons-update.spin { |
1540 animation: rotation 2s infinite linear; |
1546 animation: rotation 2s infinite linear; |
1541 } |
1547 } |
1542 |
1548 |
|
1549 @media (prefers-reduced-motion: reduce) { |
|
1550 .updating-message p:before, |
|
1551 .import-php .updating-message:before, |
|
1552 .button.updating-message:before, |
|
1553 .button.installing:before, |
|
1554 .plugins .column-auto-updates .dashicons-update.spin, |
|
1555 .theme-overlay .theme-autoupdate .dashicons-update.spin { |
|
1556 animation: none; |
|
1557 } |
|
1558 } |
|
1559 |
1543 .theme-overlay .theme-autoupdate .dashicons-update.spin { |
1560 .theme-overlay .theme-autoupdate .dashicons-update.spin { |
1544 margin-left: 3px; |
1561 margin-left: 3px; |
1545 } |
1562 } |
1546 |
1563 |
1547 /* Updated icon (check mark). */ |
1564 /* Updated icon (check mark). */ |
1548 .updated-message p:before, |
1565 .updated-message p:before, |
1549 .installed p:before, |
1566 .installed p:before, |
1550 .button.updated-message:before { |
1567 .button.updated-message:before { |
1551 color: #79ba49; |
1568 color: #68de7c; |
1552 content: "\f147"; |
1569 content: "\f147"; |
1553 } |
1570 } |
1554 |
1571 |
1555 /* Error icon. */ |
1572 /* Error icon. */ |
1556 .update-message.notice-error p:before { |
1573 .update-message.notice-error p:before { |
1557 color: #dc3232; |
1574 color: #d63638; |
1558 content: "\f534"; |
1575 content: "\f534"; |
1559 } |
1576 } |
1560 |
1577 |
1561 .wrap .notice p:before, |
1578 .wrap .notice p:before, |
1562 .import-php .updating-message:before { |
1579 .import-php .updating-message:before { |
1623 .button-primary.updating-message:before { |
1653 .button-primary.updating-message:before { |
1624 color: #fff; |
1654 color: #fff; |
1625 } |
1655 } |
1626 |
1656 |
1627 .button-primary.updated-message:before { |
1657 .button-primary.updated-message:before { |
1628 color: #66c6e4; |
1658 color: #9ec2e6; |
1629 } |
1659 } |
1630 |
1660 |
1631 .button.updated-message { |
1661 .button.updated-message { |
1632 transition-property: border, background, color; |
1662 transition-property: border, background, color; |
1633 transition-duration: .05s; |
1663 transition-duration: .05s; |
1637 @media aural { |
1667 @media aural { |
1638 .wrap .notice p:before, |
1668 .wrap .notice p:before, |
1639 .button.installing:before, |
1669 .button.installing:before, |
1640 .button.installed:before, |
1670 .button.installed:before, |
1641 .update-message p:before { |
1671 .update-message p:before { |
1642 speak: none; |
1672 speak: never; |
1643 } |
1673 } |
1644 } |
1674 } |
1645 |
1675 |
1646 |
1676 |
1647 /* @todo: this does not need its own section anymore */ |
1677 /* @todo: this does not need its own section anymore */ |
1696 position: relative; |
1726 position: relative; |
1697 top: 0; |
1727 top: 0; |
1698 } |
1728 } |
1699 |
1729 |
1700 #screen-meta-links .show-settings { |
1730 #screen-meta-links .show-settings { |
1701 border: 1px solid #ccd0d4; |
1731 border: 1px solid #c3c4c7; |
1702 border-top: none; |
1732 border-top: none; |
1703 height: auto; |
1733 height: auto; |
1704 margin-bottom: 0; |
1734 margin-bottom: 0; |
1705 padding: 3px 16px 3px 6px; |
1735 padding: 3px 16px 3px 6px; |
1706 background: #fff; |
1736 background: #fff; |
1707 border-radius: 0 0 4px 4px; |
1737 border-radius: 0 0 4px 4px; |
1708 color: #72777c; |
1738 color: #646970; |
1709 line-height: 1.7; |
1739 line-height: 1.7; |
1710 box-shadow: 0 0 0 transparent; |
1740 box-shadow: 0 0 0 transparent; |
1711 transition: box-shadow 0.1s linear; |
1741 transition: box-shadow 0.1s linear; |
1712 } |
1742 } |
1713 |
1743 |
1714 #screen-meta-links .show-settings:hover, |
1744 #screen-meta-links .show-settings:hover, |
1715 #screen-meta-links .show-settings:active, |
1745 #screen-meta-links .show-settings:active, |
1716 #screen-meta-links .show-settings:focus { |
1746 #screen-meta-links .show-settings:focus { |
1717 color: #32373c; |
1747 color: #2c3338; |
1718 } |
1748 } |
1719 |
1749 |
1720 #screen-meta-links .show-settings:focus { |
1750 #screen-meta-links .show-settings:focus { |
1721 border-color: #5b9dd9; |
1751 border-color: #4f94d4; |
1722 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
1752 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); |
1723 } |
1753 } |
1724 |
1754 |
1725 #screen-meta-links .show-settings:active { |
1755 #screen-meta-links .show-settings:active { |
1726 transform: none; |
1756 transform: none; |
1727 } |
1757 } |
1728 |
1758 |
1729 #screen-meta-links .show-settings:after { |
1759 #screen-meta-links .show-settings:after { |
1730 left: 0; |
1760 left: 0; |
1731 content: "\f140"; |
1761 content: "\f140"; |
1732 font: normal 20px/1 dashicons; |
1762 font: normal 20px/1 dashicons; |
1733 speak: none; |
1763 speak: never; |
1734 display: inline-block; |
1764 display: inline-block; |
1735 padding: 0 0 0 5px; |
1765 padding: 0 0 0 5px; |
1736 bottom: 2px; |
1766 bottom: 2px; |
1737 position: relative; |
1767 position: relative; |
1738 vertical-align: bottom; |
1768 vertical-align: bottom; |
1739 -webkit-font-smoothing: antialiased; |
1769 -webkit-font-smoothing: antialiased; |
1740 -moz-osx-font-smoothing: grayscale; |
1770 -moz-osx-font-smoothing: grayscale; |
1741 text-decoration: none; |
1771 text-decoration: none; |
1742 color: #72777c; |
|
1743 } |
1772 } |
1744 |
1773 |
1745 #screen-meta-links .screen-meta-active:after { |
1774 #screen-meta-links .screen-meta-active:after { |
1746 content: "\f142"; |
1775 content: "\f142"; |
1747 } |
1776 } |
1882 border-left: none; |
1911 border-left: none; |
1883 border-right: none; |
1912 border-right: none; |
1884 } |
1913 } |
1885 |
1914 |
1886 .contextual-help-tabs a:hover { |
1915 .contextual-help-tabs a:hover { |
1887 color: #32373c; |
1916 color: #2c3338; |
1888 } |
1917 } |
1889 |
1918 |
1890 .contextual-help-tabs .active { |
1919 .contextual-help-tabs .active { |
1891 padding: 0; |
1920 padding: 0; |
1892 margin: 0 0 0 -1px; |
1921 margin: 0 0 0 -1px; |
1893 border-right: 2px solid #00a0d2; |
1922 border-right: 2px solid #72aee6; |
1894 background: #f6fbfd; |
1923 background: #f0f6fc; |
1895 box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); |
1924 box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); |
1896 } |
1925 } |
1897 |
1926 |
1898 .contextual-help-tabs .active a { |
1927 .contextual-help-tabs .active a { |
1899 border-color: #ccd0d4; |
1928 border-color: #c3c4c7; |
1900 color: #32373c; |
1929 color: #2c3338; |
1901 } |
1930 } |
1902 |
1931 |
1903 .contextual-help-tabs-wrap { |
1932 .contextual-help-tabs-wrap { |
1904 padding: 0 20px; |
1933 padding: 0 20px; |
1905 overflow: auto; |
1934 overflow: auto; |
1949 |
1979 |
1950 .widefat thead tr th, |
1980 .widefat thead tr th, |
1951 .widefat thead tr td, |
1981 .widefat thead tr td, |
1952 .widefat tfoot tr th, |
1982 .widefat tfoot tr th, |
1953 .widefat tfoot tr td { |
1983 .widefat tfoot tr td { |
1954 color: #32373c; |
1984 color: #2c3338; |
1955 } |
1985 } |
1956 |
1986 |
1957 .widefat td p { |
1987 .widefat td p { |
1958 margin: 2px 0 0.8em; |
1988 margin: 2px 0 0.8em; |
1959 } |
1989 } |
1960 |
1990 |
1961 .widefat p, |
1991 .widefat p, |
1962 .widefat ol, |
1992 .widefat ol, |
1963 .widefat ul { |
1993 .widefat ul { |
1964 color: #32373c; |
1994 color: #2c3338; |
1965 } |
1995 } |
1966 |
1996 |
1967 .widefat .column-comment p { |
1997 .widefat .column-comment p { |
1968 margin: 0.6em 0; |
1998 margin: 0.6em 0; |
1969 } |
1999 } |
2065 cursor: pointer; |
2095 cursor: pointer; |
2066 } |
2096 } |
2067 |
2097 |
2068 .postbox .handle-order-higher, |
2098 .postbox .handle-order-higher, |
2069 .postbox .handle-order-lower { |
2099 .postbox .handle-order-lower { |
2070 color: #72777c; |
2100 color: #787c82; |
2071 width: 1.62rem; |
2101 width: 1.62rem; |
2072 } |
2102 } |
2073 |
2103 |
2074 /* Post box order buttons in the block editor meta boxes area. */ |
2104 /* Post box order buttons in the block editor meta boxes area. */ |
2075 .edit-post-meta-boxes-area .postbox .handle-order-higher, |
2105 .edit-post-meta-boxes-area .postbox .handle-order-higher, |
2076 .edit-post-meta-boxes-area .postbox .handle-order-lower { |
2106 .edit-post-meta-boxes-area .postbox .handle-order-lower { |
2077 width: 44px; |
2107 width: 44px; |
2078 height: 44px; |
2108 height: 44px; |
2079 color: #191e23 |
2109 color: #1d2327 |
2080 } |
2110 } |
2081 |
2111 |
2082 .postbox .handle-order-higher[aria-disabled="true"], |
2112 .postbox .handle-order-higher[aria-disabled="true"], |
2083 .postbox .handle-order-lower[aria-disabled="true"] { |
2113 .postbox .handle-order-lower[aria-disabled="true"] { |
2084 cursor: default; |
2114 cursor: default; |
2085 color: #a0a5aa; |
2115 color: #a7aaad; |
2086 } |
2116 } |
2087 |
2117 |
2088 .sortable-placeholder { |
2118 .sortable-placeholder { |
2089 border: 1px dashed #b4b9be; |
2119 border: 1px dashed #c3c4c7; |
2090 margin-bottom: 20px; |
2120 margin-bottom: 20px; |
2091 } |
2121 } |
2092 |
2122 |
2093 .postbox, |
2123 .postbox, |
2094 .stuffbox { |
2124 .stuffbox { |
2199 25.0 - Tabbed Admin Screen Interface (Experimental) |
2227 25.0 - Tabbed Admin Screen Interface (Experimental) |
2200 ------------------------------------------------------------------------------*/ |
2228 ------------------------------------------------------------------------------*/ |
2201 |
2229 |
2202 .nav-tab { |
2230 .nav-tab { |
2203 float: right; |
2231 float: right; |
2204 border: 1px solid #ccc; |
2232 border: 1px solid #c3c4c7; |
2205 border-bottom: none; |
2233 border-bottom: none; |
2206 margin-right: 0.5em; /* half the font size so set the font size properly */ |
2234 margin-right: 0.5em; /* half the font size so set the font size properly */ |
2207 padding: 5px 10px; |
2235 padding: 5px 10px; |
2208 font-size: 14px; |
2236 font-size: 14px; |
2209 line-height: 1.71428571; |
2237 line-height: 1.71428571; |
2210 font-weight: 600; |
2238 font-weight: 600; |
2211 background: #e5e5e5; |
2239 background: #dcdcde; |
2212 color: #555; |
2240 color: #50575e; |
2213 text-decoration: none; |
2241 text-decoration: none; |
2214 white-space: nowrap; |
2242 white-space: nowrap; |
2215 } |
2243 } |
2216 |
2244 |
2217 h3 .nav-tab, /* Back-compat for pre-4.4 */ |
2245 h3 .nav-tab, /* Back-compat for pre-4.4 */ |
2222 } |
2250 } |
2223 |
2251 |
2224 .nav-tab:hover, |
2252 .nav-tab:hover, |
2225 .nav-tab:focus { |
2253 .nav-tab:focus { |
2226 background-color: #fff; |
2254 background-color: #fff; |
2227 color: #444; |
2255 color: #3c434a; |
2228 } |
2256 } |
2229 |
2257 |
2230 .nav-tab-active, |
2258 .nav-tab-active, |
2231 .nav-tab:focus:active { |
2259 .nav-tab:focus:active { |
2232 box-shadow: none; |
2260 box-shadow: none; |
2233 } |
2261 } |
2234 |
2262 |
2235 .nav-tab-active { |
2263 .nav-tab-active { |
2236 margin-bottom: -1px; |
2264 margin-bottom: -1px; |
2237 color: #444; |
2265 color: #3c434a; |
2238 } |
2266 } |
2239 |
2267 |
2240 .nav-tab-active, |
2268 .nav-tab-active, |
2241 .nav-tab-active:hover, |
2269 .nav-tab-active:hover, |
2242 .nav-tab-active:focus, |
2270 .nav-tab-active:focus, |
2243 .nav-tab-active:focus:active { |
2271 .nav-tab-active:focus:active { |
2244 border-bottom: 1px solid #f1f1f1; |
2272 border-bottom: 1px solid #f0f0f1; |
2245 background: #f1f1f1; |
2273 background: #f0f0f1; |
2246 color: #000; |
2274 color: #000; |
2247 } |
2275 } |
2248 |
2276 |
2249 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */ |
2277 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */ |
2250 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */ |
2278 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */ |
2251 .nav-tab-wrapper { |
2279 .nav-tab-wrapper { |
2252 border-bottom: 1px solid #ccc; |
2280 border-bottom: 1px solid #c3c4c7; |
2253 margin: 0; |
2281 margin: 0; |
2254 padding-top: 9px; |
2282 padding-top: 9px; |
2255 padding-bottom: 0; |
2283 padding-bottom: 0; |
2256 line-height: inherit; |
2284 line-height: inherit; |
2257 } |
2285 } |
2400 margin-bottom: .2em; |
2428 margin-bottom: .2em; |
2401 } |
2429 } |
2402 |
2430 |
2403 .importer-action { |
2431 .importer-action { |
2404 line-height: 1.55; /* Same as with .updating-message */ |
2432 line-height: 1.55; /* Same as with .updating-message */ |
2405 color: #555; |
2433 color: #50575e; |
2406 margin-bottom: 1em; |
2434 margin-bottom: 1em; |
2407 } |
2435 } |
2408 |
2436 |
2409 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */ |
2437 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */ |
2410 #post-body #post-body-content #namediv h2 { |
2438 #post-body #post-body-content #namediv h2 { |
2411 margin-top: 0; |
2439 margin-top: 0; |
2412 } |
2440 } |
2413 |
2441 |
2414 .edit-comment-author { |
2442 .edit-comment-author { |
2415 color: #222; |
2443 color: #1d2327; |
2416 border-bottom: 1px solid #eee; |
2444 border-bottom: 1px solid #f0f0f1; |
2417 } |
2445 } |
2418 |
2446 |
2419 #namediv h3 label, /* Back-compat for pre-4.4 */ |
2447 #namediv h3 label, /* Back-compat for pre-4.4 */ |
2420 #namediv h2 label { |
2448 #namediv h2 label { |
2421 vertical-align: baseline; |
2449 vertical-align: baseline; |
2586 box-sizing: border-box; |
2614 box-sizing: border-box; |
2587 max-width: 100%; |
2615 max-width: 100%; |
2588 padding: 0 15px; |
2616 padding: 0 15px; |
2589 margin-top: 174px; |
2617 margin-top: 174px; |
2590 color: #fff; |
2618 color: #fff; |
2591 background: rgba(30, 30, 30, 0.9); |
2619 background: rgba(29, 35, 39, 0.9); |
2592 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
2620 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
2593 box-shadow: 0 0 30px rgba(255, 255, 255, 0.1); |
2621 box-shadow: 0 0 30px rgba(255, 255, 255, 0.1); |
2594 border-radius: 8px; |
2622 border-radius: 8px; |
2595 } |
2623 } |
2596 |
2624 |
2693 #plugin-information .fyi { |
2720 #plugin-information .fyi { |
2694 float: left; |
2721 float: left; |
2695 position: relative; |
2722 position: relative; |
2696 top: 0; |
2723 top: 0; |
2697 left: 0; |
2724 left: 0; |
2698 padding: 16px; |
2725 padding: 16px 16px 99999px; /* equal height column trick */ |
2699 margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ |
2726 margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ |
2700 padding-bottom: 99999px; /* equal height column trick */ |
|
2701 width: 217px; |
2727 width: 217px; |
2702 border-right: 1px solid #ddd; |
2728 border-right: 1px solid #dcdcde; |
2703 background: #f3f3f3; |
2729 background: #f6f7f7; |
2704 color: #666; |
2730 color: #646970; |
2705 } |
2731 } |
2706 |
2732 |
2707 #plugin-information .fyi strong { |
2733 #plugin-information .fyi strong { |
2708 color: #444; |
2734 color: #3c434a; |
2709 } |
2735 } |
2710 |
2736 |
2711 #plugin-information .fyi h3 { |
2737 #plugin-information .fyi h3 { |
2712 font-weight: 600; |
2738 font-weight: 600; |
2713 text-transform: uppercase; |
2739 text-transform: uppercase; |
2714 font-size: 12px; |
2740 font-size: 12px; |
2715 color: #666; |
2741 color: #646970; |
2716 margin: 24px 0 8px; |
2742 margin: 24px 0 8px; |
2717 } |
2743 } |
2718 |
2744 |
2719 #plugin-information .fyi h2 { |
2745 #plugin-information .fyi h2 { |
2720 font-size: 0.9em; |
2746 font-size: 0.9em; |
2834 } |
2860 } |
2835 |
2861 |
2836 #plugin-information pre { |
2862 #plugin-information pre { |
2837 padding: 7px; |
2863 padding: 7px; |
2838 overflow: auto; |
2864 overflow: auto; |
2839 border: 1px solid #ccc; |
2865 border: 1px solid #c3c4c7; |
2840 } |
2866 } |
2841 |
2867 |
2842 #plugin-information blockquote { |
2868 #plugin-information blockquote { |
2843 border-right: 2px solid #ddd; |
2869 border-right: 2px solid #dcdcde; |
2844 color: #666; |
2870 color: #646970; |
2845 font-style: italic; |
2871 font-style: italic; |
2846 margin: 1em 0; |
2872 margin: 1em 0; |
2847 padding: 0 1em 0 0; |
2873 padding: 0 1em 0 0; |
2848 } |
2874 } |
2849 |
2875 |
2850 /* rtl:ignore */ |
2876 /* rtl:ignore */ |
2851 #plugin-information .review { |
2877 #plugin-information .review { |
2852 overflow: hidden; /* clearfix */ |
2878 overflow: hidden; /* clearfix */ |
2853 width: 100%; |
2879 width: 100%; |
2854 margin-bottom: 20px; |
2880 margin-bottom: 20px; |
2855 border-bottom: 1px solid #e5e5e5; |
2881 border-bottom: 1px solid #dcdcde; |
2856 } |
2882 } |
2857 |
2883 |
2858 #plugin-information .review-title-section { |
2884 #plugin-information .review-title-section { |
2859 overflow: hidden; /* clearfix */ |
2885 overflow: hidden; /* clearfix */ |
2860 } |
2886 } |
3041 .bulk-action-notice .toggle-indicator::before, |
3067 .bulk-action-notice .toggle-indicator::before, |
3042 .privacy-text-box .toggle-indicator::before { |
3068 .privacy-text-box .toggle-indicator::before { |
3043 content: "\f142"; |
3069 content: "\f142"; |
3044 display: inline-block; |
3070 display: inline-block; |
3045 font: normal 20px/1 dashicons; |
3071 font: normal 20px/1 dashicons; |
3046 speak: none; |
3072 speak: never; |
3047 -webkit-font-smoothing: antialiased; |
3073 -webkit-font-smoothing: antialiased; |
3048 -moz-osx-font-smoothing: grayscale; |
3074 -moz-osx-font-smoothing: grayscale; |
3049 text-decoration: none; |
3075 text-decoration: none; |
3050 } |
3076 } |
3051 |
3077 |
3090 } |
3116 } |
3091 |
3117 |
3092 .bulk-action-notice .toggle-indicator::before { |
3118 .bulk-action-notice .toggle-indicator::before { |
3093 line-height: 16px; |
3119 line-height: 16px; |
3094 vertical-align: top; |
3120 vertical-align: top; |
3095 color: #72777c; |
3121 color: #787c82; |
3096 } |
3122 } |
3097 |
3123 |
3098 .postbox .handle-order-higher:focus, |
3124 .postbox .handle-order-higher:focus, |
3099 .postbox .handle-order-lower:focus, |
3125 .postbox .handle-order-lower:focus, |
3100 .postbox .handlediv:focus { |
3126 .postbox .handlediv:focus { |
3101 box-shadow: |
3127 box-shadow: |
3102 0 0 0 1px #5b9dd9, |
3128 0 0 0 1px #4f94d4, |
3103 0 0 2px 1px rgba(30, 140, 190, 0.8); |
3129 0 0 2px 1px rgba(79, 148, 212, 0.8); |
3104 /* Only visible in Windows High Contrast mode */ |
3130 /* Only visible in Windows High Contrast mode */ |
3105 outline: 1px solid transparent; |
3131 outline: 1px solid transparent; |
3106 } |
3132 } |
3107 |
3133 |
3108 .postbox .handle-order-higher:focus .order-higher-indicator::before, |
3134 .postbox .handle-order-higher:focus .order-higher-indicator::before, |
3124 } |
3150 } |
3125 |
3151 |
3126 #template textarea { |
3152 #template textarea { |
3127 font-family: Consolas, Monaco, monospace; |
3153 font-family: Consolas, Monaco, monospace; |
3128 font-size: 13px; |
3154 font-size: 13px; |
3129 background: #f9f9f9; |
3155 background: #f6f7f7; |
3130 -moz-tab-size: 4; |
3156 -moz-tab-size: 4; |
3131 -o-tab-size: 4; |
3157 -o-tab-size: 4; |
3132 tab-size: 4; |
3158 tab-size: 4; |
3133 } |
3159 } |
3134 |
3160 |
3135 #template textarea, |
3161 #template textarea, |
3136 #template .CodeMirror { |
3162 #template .CodeMirror { |
3137 width: 100%; |
3163 width: 100%; |
3138 min-height: 60vh; |
3164 min-height: 60vh; |
3139 height: calc( 100vh - 295px ); |
3165 height: calc( 100vh - 295px ); |
3140 border: 1px solid #ddd; |
3166 border: 1px solid #dcdcde; |
3141 box-sizing: border-box; |
3167 box-sizing: border-box; |
3142 } |
3168 } |
3143 |
3169 |
3144 #templateside > h2 { |
3170 #templateside > h2 { |
3145 padding-top: 6px; |
3171 padding-top: 6px; |
3202 /* Remove outline, and create our own focus and hover styles */ |
3228 /* Remove outline, and create our own focus and hover styles */ |
3203 [role="treeitem"] { |
3229 [role="treeitem"] { |
3204 outline: 0; |
3230 outline: 0; |
3205 } |
3231 } |
3206 [role="treeitem"] .folder-label.focus { |
3232 [role="treeitem"] .folder-label.focus { |
3207 color: #124964; |
3233 color: #043959; |
3208 box-shadow: |
3234 box-shadow: |
3209 0 0 0 1px #5b9dd9, |
3235 0 0 0 1px #4f94d4, |
3210 0 0 2px 1px rgba(30, 140, 190, 0.8); |
3236 0 0 2px 1px rgba(79, 148, 212, 0.8); |
3211 } |
3237 } |
3212 [role="treeitem"].hover, |
3238 [role="treeitem"].hover, |
3213 [role="treeitem"] .folder-label.hover { |
3239 [role="treeitem"] .folder-label.hover { |
3214 background-color: #eaeaea; |
3240 background-color: #f0f0f1; |
3215 } |
3241 } |
3216 |
3242 |
3217 .tree-folder { |
3243 .tree-folder { |
3218 margin: 0; |
3244 margin: 0; |
3219 position: relative; |
3245 position: relative; |
3226 .tree-folder .tree-folder::after { |
3252 .tree-folder .tree-folder::after { |
3227 content: ""; |
3253 content: ""; |
3228 display: block; |
3254 display: block; |
3229 position: absolute; |
3255 position: absolute; |
3230 right: 2px; |
3256 right: 2px; |
3231 border-right: 1px solid #ccc; |
3257 border-right: 1px solid #c3c4c7; |
3232 top: -13px; |
3258 top: -13px; |
3233 bottom: 10px; |
3259 bottom: 10px; |
3234 } |
3260 } |
3235 .tree-folder > li::before { |
3261 .tree-folder > li::before { |
3236 content: ""; |
3262 content: ""; |
3237 position: absolute; |
3263 position: absolute; |
3238 display: block; |
3264 display: block; |
3239 border-right: 1px solid #ccc; |
3265 border-right: 1px solid #c3c4c7; |
3240 right: 2px; |
3266 right: 2px; |
3241 top: -5px; |
3267 top: -5px; |
3242 height: 18px; |
3268 height: 18px; |
3243 width: 7px; |
3269 width: 7px; |
3244 border-bottom: 1px solid #ccc; |
3270 border-bottom: 1px solid #c3c4c7; |
3245 } |
3271 } |
3246 .tree-folder > li::after { |
3272 .tree-folder > li::after { |
3247 content: ""; |
3273 content: ""; |
3248 position: absolute; |
3274 position: absolute; |
3249 display: block; |
3275 display: block; |
3250 border-right: 1px solid #ccc; |
3276 border-right: 1px solid #c3c4c7; |
3251 right: 2px; |
3277 right: 2px; |
3252 bottom: -7px; |
3278 bottom: -7px; |
3253 top: 0; |
3279 top: 0; |
3254 } |
3280 } |
3255 |
3281 |
3275 .tree-folder > li:last-child::after, |
3301 .tree-folder > li:last-child::after, |
3276 .tree-folder li:last-child > .tree-folder::after { |
3302 .tree-folder li:last-child > .tree-folder::after { |
3277 display: none; |
3303 display: none; |
3278 } |
3304 } |
3279 |
3305 |
|
3306 #theme-plugin-editor-selector, |
|
3307 #theme-plugin-editor-label, |
|
3308 #documentation label { |
|
3309 font-weight: 600; |
|
3310 } |
3280 |
3311 |
3281 #theme-plugin-editor-label { |
3312 #theme-plugin-editor-label { |
3282 display: inline-block; |
3313 display: inline-block; |
3283 margin-bottom: 1em; |
3314 margin-bottom: 1em; |
3284 font-weight: 600; |
|
3285 } |
3315 } |
3286 |
3316 |
3287 /* rtl:ignore */ |
3317 /* rtl:ignore */ |
3288 #template textarea, |
3318 #template textarea, |
3289 #docs-list { |
3319 #docs-list { |
3394 .widget-top .widget-action .toggle-indicator:before, |
3423 .widget-top .widget-action .toggle-indicator:before, |
3395 .control-section .accordion-section-title:after, |
3424 .control-section .accordion-section-title:after, |
3396 .accordion-section-title:after { |
3425 .accordion-section-title:after { |
3397 content: "\f140"; |
3426 content: "\f140"; |
3398 font: normal 20px/1 dashicons; |
3427 font: normal 20px/1 dashicons; |
3399 speak: none; |
3428 speak: never; |
3400 display: block; |
3429 display: block; |
3401 -webkit-font-smoothing: antialiased; |
3430 -webkit-font-smoothing: antialiased; |
3402 -moz-osx-font-smoothing: grayscale; |
3431 -moz-osx-font-smoothing: grayscale; |
3403 text-decoration: none; |
3432 text-decoration: none; |
3404 } |
3433 } |
3411 .handlediv, |
3440 .handlediv, |
3412 .postbox .handlediv.button-link, |
3441 .postbox .handlediv.button-link, |
3413 .item-edit, |
3442 .item-edit, |
3414 .toggle-indicator, |
3443 .toggle-indicator, |
3415 .accordion-section-title:after { |
3444 .accordion-section-title:after { |
3416 color: #72777c; |
3445 color: #787c82; |
3417 } |
3446 } |
3418 |
3447 |
3419 .widget-action { |
3448 .widget-action { |
3420 color: #555d66; /* #fafafa background in the Widgets screen */ |
3449 color: #50575e; /* #fafafa background in the Widgets screen */ |
3421 } |
3450 } |
3422 |
3451 |
3423 .widget-top:hover .widget-action, |
3452 .widget-top:hover .widget-action, |
3424 .widget-action:focus, |
3453 .widget-action:focus, |
3425 .handlediv:hover, |
3454 .handlediv:hover, |
3428 .postbox .handlediv.button-link:focus, |
3457 .postbox .handlediv.button-link:focus, |
3429 .item-edit:hover, |
3458 .item-edit:hover, |
3430 .item-edit:focus, |
3459 .item-edit:focus, |
3431 .sidebar-name:hover .toggle-indicator, |
3460 .sidebar-name:hover .toggle-indicator, |
3432 .accordion-section-title:hover:after { |
3461 .accordion-section-title:hover:after { |
3433 color: #23282d; |
3462 color: #1d2327; |
3434 /* Only visible in Windows High Contrast mode */ |
3463 /* Only visible in Windows High Contrast mode */ |
3435 outline: 1px solid transparent; |
3464 outline: 1px solid transparent; |
3436 } |
3465 } |
3437 |
3466 |
3438 .widget-top .widget-action:focus .toggle-indicator:before { |
3467 .widget-top .widget-action:focus .toggle-indicator:before { |
3439 box-shadow: |
3468 box-shadow: |
3440 0 0 0 1px #5b9dd9, |
3469 0 0 0 1px #4f94d4, |
3441 0 0 2px 1px rgba(30, 140, 190, 0.8); |
3470 0 0 2px 1px rgba(79, 148, 212, 0.8); |
3442 } |
3471 } |
3443 |
3472 |
3444 .control-section .accordion-section-title:after, |
3473 .control-section .accordion-section-title:after, |
3445 .accordion-section-title:after { |
3474 .accordion-section-title:after { |
3446 float: left; |
3475 float: left; |
3469 touch-action: none; |
3498 touch-action: none; |
3470 } |
3499 } |
3471 |
3500 |
3472 /* Accordion */ |
3501 /* Accordion */ |
3473 .accordion-section { |
3502 .accordion-section { |
3474 border-bottom: 1px solid #ddd; |
3503 border-bottom: 1px solid #dcdcde; |
3475 margin: 0; |
3504 margin: 0; |
3476 } |
3505 } |
3477 |
3506 |
3478 .accordion-section.open .accordion-section-content, |
3507 .accordion-section.open .accordion-section-content, |
3479 .no-js .accordion-section .accordion-section-content { |
3508 .no-js .accordion-section .accordion-section-content { |
3480 display: block; |
3509 display: block; |
3481 } |
3510 } |
3482 |
3511 |
3483 .accordion-section.open:hover { |
3512 .accordion-section.open:hover { |
3484 border-bottom-color: #ddd; |
3513 border-bottom-color: #dcdcde; |
3485 } |
3514 } |
3486 |
3515 |
3487 .accordion-section-content { |
3516 .accordion-section-content { |
3488 display: none; |
3517 display: none; |
3489 padding: 10px 20px 15px; |
3518 padding: 10px 20px 15px; |
3493 |
3522 |
3494 .accordion-section-title { |
3523 .accordion-section-title { |
3495 margin: 0; |
3524 margin: 0; |
3496 padding: 12px 15px 15px; |
3525 padding: 12px 15px 15px; |
3497 position: relative; |
3526 position: relative; |
3498 border-right: 1px solid #ddd; |
3527 border-right: 1px solid #dcdcde; |
3499 border-left: 1px solid #ddd; |
3528 border-left: 1px solid #dcdcde; |
3500 -webkit-user-select: none; |
3529 -webkit-user-select: none; |
3501 -moz-user-select: none; |
|
3502 -ms-user-select: none; |
|
3503 user-select: none; |
3530 user-select: none; |
3504 } |
3531 } |
3505 |
3532 |
3506 .js .accordion-section-title { |
3533 .js .accordion-section-title { |
3507 cursor: pointer; |
3534 cursor: pointer; |
3519 outline: 1px solid transparent; |
3546 outline: 1px solid transparent; |
3520 } |
3547 } |
3521 |
3548 |
3522 .accordion-section-title:hover:after, |
3549 .accordion-section-title:hover:after, |
3523 .accordion-section-title:focus:after { |
3550 .accordion-section-title:focus:after { |
3524 border-color: #a0a5aa transparent; |
3551 border-color: #a7aaad transparent; |
3525 /* Only visible in Windows High Contrast mode */ |
3552 /* Only visible in Windows High Contrast mode */ |
3526 outline: 1px solid transparent; |
3553 outline: 1px solid transparent; |
3527 } |
3554 } |
3528 |
3555 |
3529 .cannot-expand .accordion-section-title { |
3556 .cannot-expand .accordion-section-title { |
3550 |
3577 |
3551 .js .control-section:hover .accordion-section-title, |
3578 .js .control-section:hover .accordion-section-title, |
3552 .js .control-section .accordion-section-title:hover, |
3579 .js .control-section .accordion-section-title:hover, |
3553 .js .control-section.open .accordion-section-title, |
3580 .js .control-section.open .accordion-section-title, |
3554 .js .control-section .accordion-section-title:focus { |
3581 .js .control-section .accordion-section-title:focus { |
3555 color: #23282d; |
3582 color: #1d2327; |
3556 background: #f5f5f5; |
3583 background: #f6f7f7; |
3557 } |
3584 } |
3558 |
3585 |
3559 .control-section.open .accordion-section-title { |
3586 .control-section.open .accordion-section-title { |
3560 /* When expanded */ |
3587 /* When expanded */ |
3561 border-bottom: 1px solid #ddd; |
3588 border-bottom: 1px solid #dcdcde; |
3562 } |
3589 } |
3563 |
3590 |
3564 /* Edit Site */ |
3591 /* Edit Site */ |
3565 .network-admin .edit-site-actions { |
3592 .network-admin .edit-site-actions { |
3566 margin-top: 0; |
3593 margin-top: 0; |
3616 .my-sites.striped li:nth-of-type(2n+2):after { |
3643 .my-sites.striped li:nth-of-type(2n+2):after { |
3617 content: none; |
3644 content: none; |
3618 } |
3645 } |
3619 .my-sites li:nth-of-type(4n+1), |
3646 .my-sites li:nth-of-type(4n+1), |
3620 .my-sites li:nth-of-type(4n+2) { |
3647 .my-sites li:nth-of-type(4n+2) { |
3621 background-color: #f9f9f9; |
3648 background-color: #f6f7f7; |
3622 } |
3649 } |
3623 |
3650 |
3624 } |
3651 } |
3625 |
3652 |
3626 @media only screen and (min-width: 700px) and (max-width: 1199px) { |
3653 @media only screen and (min-width: 700px) and (max-width: 1199px) { |
3633 content: none; |
3660 content: none; |
3634 } |
3661 } |
3635 .my-sites li:nth-of-type(6n+1), |
3662 .my-sites li:nth-of-type(6n+1), |
3636 .my-sites li:nth-of-type(6n+2), |
3663 .my-sites li:nth-of-type(6n+2), |
3637 .my-sites li:nth-of-type(6n+3) { |
3664 .my-sites li:nth-of-type(6n+3) { |
3638 background-color: #f9f9f9; |
3665 background-color: #f6f7f7; |
3639 } |
3666 } |
3640 } |
3667 } |
3641 |
3668 |
3642 @media only screen and (min-width: 1200px) and (max-width: 1399px) { |
3669 @media only screen and (min-width: 1200px) and (max-width: 1399px) { |
3643 .my-sites li { |
3670 .my-sites li { |
3654 } |
3681 } |
3655 .my-sites li:nth-of-type(8n+1), |
3682 .my-sites li:nth-of-type(8n+1), |
3656 .my-sites li:nth-of-type(8n+2), |
3683 .my-sites li:nth-of-type(8n+2), |
3657 .my-sites li:nth-of-type(8n+3), |
3684 .my-sites li:nth-of-type(8n+3), |
3658 .my-sites li:nth-of-type(8n+4) { |
3685 .my-sites li:nth-of-type(8n+4) { |
3659 background-color: #f9f9f9; |
3686 background-color: #f6f7f7; |
3660 } |
3687 } |
3661 } |
3688 } |
3662 |
3689 |
3663 @media only screen and (min-width: 1400px) and (max-width: 1599px) { |
3690 @media only screen and (min-width: 1400px) and (max-width: 1599px) { |
3664 .my-sites li { |
3691 .my-sites li { |
3676 .my-sites li:nth-of-type(10n+1), |
3703 .my-sites li:nth-of-type(10n+1), |
3677 .my-sites li:nth-of-type(10n+2), |
3704 .my-sites li:nth-of-type(10n+2), |
3678 .my-sites li:nth-of-type(10n+3), |
3705 .my-sites li:nth-of-type(10n+3), |
3679 .my-sites li:nth-of-type(10n+4), |
3706 .my-sites li:nth-of-type(10n+4), |
3680 .my-sites li:nth-of-type(10n+5) { |
3707 .my-sites li:nth-of-type(10n+5) { |
3681 background-color: #f9f9f9; |
3708 background-color: #f6f7f7; |
3682 } |
3709 } |
3683 } |
3710 } |
3684 |
3711 |
3685 @media only screen and (min-width: 1600px) { |
3712 @media only screen and (min-width: 1600px) { |
3686 .my-sites li { |
3713 .my-sites li { |
3699 .my-sites li:nth-of-type(12n+2), |
3726 .my-sites li:nth-of-type(12n+2), |
3700 .my-sites li:nth-of-type(12n+3), |
3727 .my-sites li:nth-of-type(12n+3), |
3701 .my-sites li:nth-of-type(12n+4), |
3728 .my-sites li:nth-of-type(12n+4), |
3702 .my-sites li:nth-of-type(12n+5), |
3729 .my-sites li:nth-of-type(12n+5), |
3703 .my-sites li:nth-of-type(12n+6) { |
3730 .my-sites li:nth-of-type(12n+6) { |
3704 background-color: #f9f9f9; |
3731 background-color: #f6f7f7; |
3705 } |
3732 } |
3706 } |
3733 } |
3707 |
3734 |
3708 .my-sites li a { |
3735 .my-sites li a { |
3709 text-decoration: none; |
3736 text-decoration: none; |
4077 h1 .nav-tab, |
4100 h1 .nav-tab, |
4078 h2 .nav-tab, |
4101 h2 .nav-tab, |
4079 h3 .nav-tab, |
4102 h3 .nav-tab, |
4080 nav .nav-tab { |
4103 nav .nav-tab { |
4081 margin: 10px 0 0 10px; |
4104 margin: 10px 0 0 10px; |
4082 border-bottom: 1px solid #ccc; |
4105 border-bottom: 1px solid #c3c4c7; |
4083 } |
4106 } |
4084 |
4107 |
4085 .nav-tab-active:hover, |
4108 .nav-tab-active:hover, |
4086 .nav-tab-active:focus, |
4109 .nav-tab-active:focus, |
4087 .nav-tab-active:focus:active { |
4110 .nav-tab-active:focus:active { |
4088 border-bottom: 1px solid #ccc; |
4111 border-bottom: 1px solid #c3c4c7; |
4089 } |
4112 } |
4090 |
4113 |
4091 .wp-filter .search-form input[type="search"] { |
4114 .wp-filter .search-form input[type="search"] { |
4092 width: 100%; |
4115 width: 100%; |
4093 } |
4116 } |