wp/wp-admin/css/common-rtl.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
   151 	width: auto;
   151 	width: auto;
   152 	display: block;
   152 	display: block;
   153 	font-size: 14px;
   153 	font-size: 14px;
   154 	font-weight: 600;
   154 	font-weight: 600;
   155 	padding: 15px 23px 14px;
   155 	padding: 15px 23px 14px;
   156 	background: #f1f1f1;
   156 	background: #f0f0f1;
   157 	color: #0073aa;
   157 	color: #2271b1;
   158 	z-index: 100000;
   158 	z-index: 100000;
   159 	line-height: normal;
   159 	line-height: normal;
   160 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   160 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   161 	text-decoration: none;
   161 	text-decoration: none;
   162 	/* Only visible in Windows High Contrast mode */
   162 	/* Only visible in Windows High Contrast mode */
   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,
   214 	margin: 0;
   214 	margin: 0;
   215 	padding: 0;
   215 	padding: 0;
   216 }
   216 }
   217 
   217 
   218 body {
   218 body {
   219 	background: #f1f1f1;
   219 	background: #f0f0f1;
   220 	color: #444;
   220 	color: #3c434a;
   221 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   221 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   222 	font-size: 13px;
   222 	font-size: 13px;
   223 	line-height: 1.4em;
   223 	line-height: 1.4em;
   224 	min-width: 600px;
   224 	min-width: 600px;
   225 }
   225 }
   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 {
   330 	display: block;
   330 	display: block;
   331 	font-weight: 600;
   331 	font-weight: 600;
   332 }
   332 }
   333 
   333 
   334 h1 {
   334 h1 {
   335 	color: #23282d;
   335 	color: #1d2327;
   336 	font-size: 2em;
   336 	font-size: 2em;
   337 	margin: .67em 0;
   337 	margin: .67em 0;
   338 }
   338 }
   339 
   339 
   340 h2,
   340 h2,
   341 h3 {
   341 h3 {
   342 	color: #23282d;
   342 	color: #1d2327;
   343 	font-size: 1.3em;
   343 	font-size: 1.3em;
   344 	margin: 1em 0;
   344 	margin: 1em 0;
   345 }
   345 }
   346 
   346 
   347 .update-core-php h2 {
   347 .update-core-php h2 {
   348 	margin-top: 2em;
   348 	margin-top: 4em;
   349 }
   349 }
   350 
   350 
   351 .update-php h2,
   351 .update-php h2,
   352 .update-messages h2,
   352 .update-messages h2,
   353 h4 {
   353 h4 {
   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;
   480 	padding: 8px 10px;
   480 	padding: 8px 10px;
   481 }
   481 }
   482 
   482 
   483 .widefat thead th,
   483 .widefat thead th,
   484 .widefat thead td {
   484 .widefat thead td {
   485 	border-bottom: 1px solid #ccd0d4;
   485 	border-bottom: 1px solid #c3c4c7;
   486 }
   486 }
   487 
   487 
   488 .widefat tfoot th,
   488 .widefat tfoot th,
   489 .widefat tfoot td {
   489 .widefat tfoot td {
   490 	border-top: 1px solid #ccd0d4;
   490 	border-top: 1px solid #c3c4c7;
   491 	border-bottom: none;
   491 	border-bottom: none;
   492 }
   492 }
   493 
   493 
   494 .widefat .no-items td {
   494 .widefat .no-items td {
   495 	border-bottom-width: 0;
   495 	border-bottom-width: 0;
   598 }
   598 }
   599 
   599 
   600 .subtitle {
   600 .subtitle {
   601 	margin: 0;
   601 	margin: 0;
   602 	padding-right: 25px;
   602 	padding-right: 25px;
   603 	color: #555d66;
   603 	color: #50575e;
   604 	font-size: 14px;
   604 	font-size: 14px;
   605 	font-weight: 400;
   605 	font-weight: 400;
   606 	line-height: 1;
   606 	line-height: 1;
       
   607 }
       
   608 
       
   609 .subtitle strong {
       
   610 	word-break: break-all;
   607 }
   611 }
   608 
   612 
   609 .wrap .add-new-h2, /* deprecated */
   613 .wrap .add-new-h2, /* deprecated */
   610 .wrap .add-new-h2:active, /* deprecated */
   614 .wrap .add-new-h2:active, /* deprecated */
   611 .wrap .page-title-action,
   615 .wrap .page-title-action,
   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;
   762 	line-height: 1.4em;
   766 	line-height: 1.4em;
   763 }
   767 }
   764 
   768 
   765 .widget .widget-top,
   769 .widget .widget-top,
   766 .menu-item-handle {
   770 .menu-item-handle {
   767 	background: #fafafa;
   771 	background: #f6f7f7;
   768 	color: #23282d;
   772 	color: #1d2327;
   769 }
   773 }
   770 
   774 
   771 .stuffbox .hndle {
   775 .stuffbox .hndle {
   772 	border-bottom: 1px solid #ccd0d4;
   776 	border-bottom: 1px solid #c3c4c7;
   773 }
   777 }
   774 
   778 
   775 .quicktags {
   779 .quicktags {
   776 	background-color: #ccc;
   780 	background-color: #c3c4c7;
   777 	color: #000;
   781 	color: #000;
   778 	font-size: 12px;
   782 	font-size: 12px;
   779 }
   783 }
   780 
   784 
   781 .icon32 {
   785 .icon32 {
   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;
   809 }
   813 }
   810 
   814 
   811 .tagchecklist .ntdelbutton .remove-tag-icon:before {
   815 .tagchecklist .ntdelbutton .remove-tag-icon:before {
   812 	margin-right: 2px;
   816 	margin-right: 2px;
   813 	border-radius: 50%;
   817 	border-radius: 50%;
   814 	color: #0073aa;
   818 	color: #2271b1;
   815 	/* vertically center the icon cross browsers */
   819 	/* vertically center the icon cross browsers */
   816 	line-height: 1.28;
   820 	line-height: 1.28;
   817 }
   821 }
   818 
   822 
   819 .tagchecklist .ntdelbutton:focus {
   823 .tagchecklist .ntdelbutton:focus {
   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 }
   848 	white-space: pre-wrap; /* css-3 */
   852 	white-space: pre-wrap; /* css-3 */
   849 	word-wrap: break-word; /* IE 5.5 - 7 */
   853 	word-wrap: break-word; /* IE 5.5 - 7 */
   850 }
   854 }
   851 
   855 
   852 .howto {
   856 .howto {
   853 	color: #666;
   857 	color: #646970;
   854 	display: block;
   858 	display: block;
   855 }
   859 }
   856 
   860 
   857 p.install-help {
   861 p.install-help {
   858 	margin: 8px 0;
   862 	margin: 8px 0;
   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;
  1019 	display: inline-block;
  1025 	display: inline-block;
  1020 	position: relative;
  1026 	position: relative;
  1021 	top: -1px;
  1027 	top: -1px;
  1022 	padding: 4px 10px;
  1028 	padding: 4px 10px;
  1023 	border-radius: 30px;
  1029 	border-radius: 30px;
  1024 	background: #72777c;
  1030 	background: #646970;
  1025 	color: #fff;
  1031 	color: #fff;
  1026 	font-size: 14px;
  1032 	font-size: 14px;
  1027 	font-weight: 600;
  1033 	font-weight: 600;
  1028 }
  1034 }
  1029 
  1035 
  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 }
  1193 	float: right;
  1199 	float: right;
  1194 	margin: 0 0 0 1%;
  1200 	margin: 0 0 0 1%;
  1195 	padding: 20px 10px 10px;
  1201 	padding: 20px 10px 10px;
  1196 	width: 24%;
  1202 	width: 24%;
  1197 	background: #fff;
  1203 	background: #fff;
  1198 	border: 1px solid #e5e5e5;
  1204 	border: 1px solid #dcdcde;
  1199 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1205 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1200 }
  1206 }
  1201 
  1207 
  1202 .filter-group legend {
  1208 .filter-group legend {
  1203 	position: absolute;
  1209 	position: absolute;
  1275 }
  1281 }
  1276 
  1282 
  1277 .filtered-by .tag {
  1283 .filtered-by .tag {
  1278 	margin: 0 5px;
  1284 	margin: 0 5px;
  1279 	padding: 4px 8px;
  1285 	padding: 4px 8px;
  1280 	border: 1px solid #e5e5e5;
  1286 	border: 1px solid #dcdcde;
  1281 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1287 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1282 	background: #fff;
  1288 	background: #fff;
  1283 	font-size: 11px;
  1289 	font-size: 11px;
  1284 }
  1290 }
  1285 
  1291 
  1315 	float: none;
  1321 	float: none;
  1316 }
  1322 }
  1317 
  1323 
  1318 @media only screen and (max-width: 1120px) {
  1324 @media only screen and (max-width: 1120px) {
  1319 	.filter-drawer {
  1325 	.filter-drawer {
  1320 		border-bottom: 1px solid #eee;
  1326 		border-bottom: 1px solid #f0f0f1;
  1321 	}
  1327 	}
  1322 
  1328 
  1323 	.filter-group {
  1329 	.filter-group {
  1324 		margin-bottom: 0;
  1330 		margin-bottom: 0;
  1325 		margin-top: 5px;
  1331 		margin-top: 5px;
  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 */
  1411 	padding: 10px 20px;
  1417 	padding: 10px 20px;
  1412 }
  1418 }
  1413 
  1419 
  1414 .notice-title {
  1420 .notice-title {
  1415 	display: inline-block;
  1421 	display: inline-block;
  1416 	color: #23282d;
  1422 	color: #1d2327;
  1417 	font-size: 18px;
  1423 	font-size: 18px;
  1418 }
  1424 }
  1419 
  1425 
  1420 .wp-core-ui .notice.is-dismissible {
  1426 .wp-core-ui .notice.is-dismissible {
  1421 	padding-left: 38px;
  1427 	padding-left: 38px;
  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 {
  1599 .update-php .spinner {
  1616 .update-php .spinner {
  1600 	float: none;
  1617 	float: none;
  1601 	margin: -4px 0;
  1618 	margin: -4px 0;
  1602 }
  1619 }
  1603 
  1620 
       
  1621 h2.wp-current-version {
       
  1622 	margin-bottom: .3em;
       
  1623 }
       
  1624 
       
  1625 p.update-last-checked {
       
  1626 	margin-top: 0;
       
  1627 }
       
  1628 
       
  1629 p.auto-update-status {
       
  1630 	margin-top: 2em;
       
  1631 	line-height: 1.8;
       
  1632 }
       
  1633 
  1604 #ajax-loading,
  1634 #ajax-loading,
  1605 .ajax-loading,
  1635 .ajax-loading,
  1606 .ajax-feedback,
  1636 .ajax-feedback,
  1607 .imgedit-wait-spin,
  1637 .imgedit-wait-spin,
  1608 .list-ajax-loading { /* deprecated */
  1638 .list-ajax-loading { /* deprecated */
  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 */
  1679 #screen-meta {
  1709 #screen-meta {
  1680 	display: none;
  1710 	display: none;
  1681 	margin: 0 0px -1px 20px;
  1711 	margin: 0 0px -1px 20px;
  1682 	position: relative;
  1712 	position: relative;
  1683 	background-color: #fff;
  1713 	background-color: #fff;
  1684 	border: 1px solid #ccd0d4;
  1714 	border: 1px solid #c3c4c7;
  1685 	border-top: none;
  1715 	border-top: none;
  1686 	box-shadow: 0 0 0 transparent;
  1716 	box-shadow: 0 0 0 transparent;
  1687 }
  1717 }
  1688 
  1718 
  1689 #screen-options-link-wrap,
  1719 #screen-options-link-wrap,
  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 }
  1841 	position: absolute;
  1870 	position: absolute;
  1842 	top: 0;
  1871 	top: 0;
  1843 	bottom: 0;
  1872 	bottom: 0;
  1844 	right: 150px;
  1873 	right: 150px;
  1845 	left: 170px;
  1874 	left: 170px;
  1846 	border: 1px solid #ccd0d4;
  1875 	border: 1px solid #c3c4c7;
  1847 	border-top: none;
  1876 	border-top: none;
  1848 	border-bottom: none;
  1877 	border-bottom: none;
  1849 	background: #f6fbfd;
  1878 	background: #f0f6fc;
  1850 }
  1879 }
  1851 
  1880 
  1852 #contextual-help-wrap.no-sidebar #contextual-help-back {
  1881 #contextual-help-wrap.no-sidebar #contextual-help-back {
  1853 	left: 0;
  1882 	left: 0;
  1854 	border-left-width: 0;
  1883 	border-left-width: 0;
  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;
  1932 ------------------------------------------------------------------------------*/
  1961 ------------------------------------------------------------------------------*/
  1933 
  1962 
  1934 html.wp-toolbar {
  1963 html.wp-toolbar {
  1935 	padding-top: 32px;
  1964 	padding-top: 32px;
  1936 	box-sizing: border-box;
  1965 	box-sizing: border-box;
       
  1966 	-ms-overflow-style: scrollbar; /* See ticket #48545 */
  1937 }
  1967 }
  1938 
  1968 
  1939 .widefat th,
  1969 .widefat th,
  1940 .widefat td {
  1970 .widefat td {
  1941 	color: #555;
  1971 	color: #50575e;
  1942 }
  1972 }
  1943 
  1973 
  1944 .widefat th,
  1974 .widefat th,
  1945 .widefat thead td,
  1975 .widefat thead td,
  1946 .widefat tfoot td {
  1976 .widefat tfoot td {
  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 }
  2035 
  2065 
  2036 .postbox-header {
  2066 .postbox-header {
  2037 	display: flex;
  2067 	display: flex;
  2038 	align-items: center;
  2068 	align-items: center;
  2039 	justify-content: space-between;
  2069 	justify-content: space-between;
  2040 	border-bottom: 1px solid #ccd0d4;
  2070 	border-bottom: 1px solid #c3c4c7;
  2041 }
  2071 }
  2042 
  2072 
  2043 .postbox-header .hndle {
  2073 .postbox-header .hndle {
  2044 	flex-grow: 1;
  2074 	flex-grow: 1;
  2045 	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
  2075 	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
  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 {
  2103 
  2133 
  2104 /* user-select is not a part of the CSS standard - may change behavior in the future */
  2134 /* user-select is not a part of the CSS standard - may change behavior in the future */
  2105 .postbox .hndle,
  2135 .postbox .hndle,
  2106 .stuffbox .hndle {
  2136 .stuffbox .hndle {
  2107 	-webkit-user-select: none;
  2137 	-webkit-user-select: none;
  2108 	-moz-user-select: none;
       
  2109 	-ms-user-select: none;
       
  2110 	user-select: none;
  2138 	user-select: none;
  2111 }
  2139 }
  2112 
  2140 
  2113 .postbox .inside {
  2141 .postbox .inside {
  2114 	padding: 0 12px 12px;
  2142 	padding: 0 12px 12px;
  2145 .postbox table.widefat {
  2173 .postbox table.widefat {
  2146 	box-shadow: none;
  2174 	box-shadow: none;
  2147 }
  2175 }
  2148 
  2176 
  2149 .temp-border {
  2177 .temp-border {
  2150 	border: 1px dotted #ccc;
  2178 	border: 1px dotted #c3c4c7;
  2151 }
  2179 }
  2152 
  2180 
  2153 .columns-prefs label {
  2181 .columns-prefs label {
  2154 	padding: 0 0 0 10px;
  2182 	padding: 0 0 0 10px;
  2155 }
  2183 }
  2180 	position: absolute;
  2208 	position: absolute;
  2181 	bottom: 0;
  2209 	bottom: 0;
  2182 	right: 0;
  2210 	right: 0;
  2183 	left: 0;
  2211 	left: 0;
  2184 	padding: 10px 20px;
  2212 	padding: 10px 20px;
  2185 	color: #555d66;
  2213 	color: #50575e;
  2186 }
  2214 }
  2187 
  2215 
  2188 #wpfooter p {
  2216 #wpfooter p {
  2189 	font-size: 13px;
  2217 	font-size: 13px;
  2190 	margin: 0;
  2218 	margin: 0;
  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 }
  2331 	text-align: right;
  2359 	text-align: right;
  2332 }
  2360 }
  2333 
  2361 
  2334 .attention,
  2362 .attention,
  2335 .error-message {
  2363 .error-message {
  2336 	color: #dc3232;
  2364 	color: #d63638;
  2337 	font-weight: 600;
  2365 	font-weight: 600;
  2338 }
  2366 }
  2339 
  2367 
  2340 /* Scrollbar fix for bulk upgrade iframe */
  2368 /* Scrollbar fix for bulk upgrade iframe */
  2341 body.iframe {
  2369 body.iframe {
  2357 	width: 62px; /* icon + border */
  2385 	width: 62px; /* icon + border */
  2358 	text-align: center;
  2386 	text-align: center;
  2359 }
  2387 }
  2360 
  2388 
  2361 .media-icon img {
  2389 .media-icon img {
  2362 	border: 1px solid #e5e5e5;
  2390 	border: 1px solid #dcdcde;
  2363 	border: 1px solid rgba(0, 0, 0, 0.07);
  2391 	border: 1px solid rgba(0, 0, 0, 0.07);
  2364 }
  2392 }
  2365 
  2393 
  2366 #howto {
  2394 #howto {
  2367 	font-size: 11px;
  2395 	font-size: 11px;
  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;
  2429 	width: 10px;
  2457 	width: 10px;
  2430 	white-space: nowrap;
  2458 	white-space: nowrap;
  2431 }
  2459 }
  2432 
  2460 
  2433 #namediv input {
  2461 #namediv input {
  2434 	width: 98%;
  2462 	width: 100%;
  2435 }
  2463 }
  2436 
  2464 
  2437 #namediv p {
  2465 #namediv p {
  2438 	margin: 10px 0;
  2466 	margin: 10px 0;
  2439 }
  2467 }
  2507 	font-weight: 400;
  2535 	font-weight: 400;
  2508 	font-style: normal;
  2536 	font-style: normal;
  2509 	vertical-align: top;
  2537 	vertical-align: top;
  2510 	transition: color .1s ease-in;
  2538 	transition: color .1s ease-in;
  2511 	text-align: center;
  2539 	text-align: center;
  2512 	color: #ffb900;
  2540 	color: #dba617;
  2513 }
  2541 }
  2514 
  2542 
  2515 .star-rating .star-full:before {
  2543 .star-rating .star-full:before {
  2516 	content: "\f155";
  2544 	content: "\f155";
  2517 }
  2545 }
  2519 .star-rating .star-half:before {
  2547 .star-rating .star-half:before {
  2520 	content: "\f459";
  2548 	content: "\f459";
  2521 }
  2549 }
  2522 
  2550 
  2523 .rtl .star-rating .star-half {
  2551 .rtl .star-rating .star-half {
  2524 	transform: rotateY(180deg);
  2552 	transform: rotateY(-180deg);
  2525 }
  2553 }
  2526 
  2554 
  2527 .star-rating .star-empty:before {
  2555 .star-rating .star-empty:before {
  2528 	content: "\f154";
  2556 	content: "\f154";
  2529 }
  2557 }
  2551 	height: 100%;
  2579 	height: 100%;
  2552 }
  2580 }
  2553 
  2581 
  2554 #plugin-information-title {
  2582 #plugin-information-title {
  2555 	padding: 0 26px;
  2583 	padding: 0 26px;
  2556 	background: #f5f5f5;
  2584 	background: #f6f7f7;
  2557 	font-size: 22px;
  2585 	font-size: 22px;
  2558 	font-weight: 600;
  2586 	font-weight: 600;
  2559 	line-height: 2.4;
  2587 	line-height: 2.4;
  2560 	position: relative;
  2588 	position: relative;
  2561 	height: 56px;
  2589 	height: 56px;
  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 
  2615 	left: 0;
  2643 	left: 0;
  2616 	right: 0;
  2644 	right: 0;
  2617 	min-height: 36px;
  2645 	min-height: 36px;
  2618 	font-size: 0;
  2646 	font-size: 0;
  2619 	z-index: 1;
  2647 	z-index: 1;
  2620 	border-bottom: 1px solid #ddd;
  2648 	border-bottom: 1px solid #dcdcde;
  2621 	background: #f3f3f3;
  2649 	background: #f6f7f7;
  2622 }
  2650 }
  2623 
  2651 
  2624 #plugin-information-tabs a {
  2652 #plugin-information-tabs a {
  2625 	position: relative;
  2653 	position: relative;
  2626 	display: inline-block;
  2654 	display: inline-block;
  2634 }
  2662 }
  2635 
  2663 
  2636 #plugin-information-tabs a.current {
  2664 #plugin-information-tabs a.current {
  2637 	margin: 0 -1px -1px;
  2665 	margin: 0 -1px -1px;
  2638 	background: #fff;
  2666 	background: #fff;
  2639 	border: 1px solid #ddd;
  2667 	border: 1px solid #dcdcde;
  2640 	border-bottom-color: #fff;
  2668 	border-bottom-color: #fff;
  2641 	padding-top: 8px;
  2669 	padding-top: 8px;
  2642 	color: #32373c;
  2670 	color: #2c3338;
  2643 }
  2671 }
  2644 
  2672 
  2645 #plugin-information-tabs.with-banner a.current {
  2673 #plugin-information-tabs.with-banner a.current {
  2646 	border-top: none;
  2674 	border-top: none;
  2647 	padding-top: 9px;
  2675 	padding-top: 9px;
  2675 	left: 250px;
  2703 	left: 250px;
  2676 	bottom: 0;
  2704 	bottom: 0;
  2677 	right: 0;
  2705 	right: 0;
  2678 	margin-top: 10px;
  2706 	margin-top: 10px;
  2679 	margin-left: 250px; /* FYI box */
  2707 	margin-left: 250px; /* FYI box */
  2680 	padding: 10px 26px;
  2708 	padding: 10px 26px 99999px; /* equal height column trick */
  2681 	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
  2709 	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
  2682 	padding-bottom: 99999px; /* equal height column trick */
       
  2683 }
  2710 }
  2684 
  2711 
  2685 #section-holder .notice {
  2712 #section-holder .notice {
  2686 	margin: 5px 0 15px;
  2713 	margin: 5px 0 15px;
  2687 }
  2714 }
  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;
  2747 }
  2773 }
  2748 
  2774 
  2749 #plugin-information .counter-back {
  2775 #plugin-information .counter-back {
  2750 	height: 17px;
  2776 	height: 17px;
  2751 	width: 92px;
  2777 	width: 92px;
  2752 	background-color: #e5e5e5;
  2778 	background-color: #dcdcde;
  2753 	float: right;
  2779 	float: right;
  2754 }
  2780 }
  2755 
  2781 
  2756 #plugin-information .counter-bar {
  2782 #plugin-information .counter-bar {
  2757 	height: 17px;
  2783 	height: 17px;
  2758 	background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
  2784 	background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
  2759 	float: right;
  2785 	float: right;
  2760 }
  2786 }
  2761 
  2787 
  2762 #plugin-information .counter-count {
  2788 #plugin-information .counter-count {
  2763 	margin-right: 5px;
  2789 	margin-right: 5px;
  2789 	position: absolute;
  2815 	position: absolute;
  2790 	left: 0;
  2816 	left: 0;
  2791 	bottom: 0;
  2817 	bottom: 0;
  2792 	right: 0;
  2818 	right: 0;
  2793 	height: 40px; /* actual height: 40+13+13+1=67 */
  2819 	height: 40px; /* actual height: 40+13+13+1=67 */
  2794 	border-top: 1px solid #ddd;
  2820 	border-top: 1px solid #dcdcde;
  2795 	background: #f3f3f3;
  2821 	background: #f6f7f7;
  2796 }
  2822 }
  2797 
  2823 
  2798 /* rtl:ignore */
  2824 /* rtl:ignore */
  2799 #plugin-information .section {
  2825 #plugin-information .section {
  2800 	direction: ltr;
  2826 	direction: ltr;
  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 }
  2931 		border-bottom: none;
  2957 		border-bottom: none;
  2932 	}
  2958 	}
  2933 
  2959 
  2934 	#plugin-information .fyi {
  2960 	#plugin-information .fyi {
  2935 		float: none;
  2961 		float: none;
  2936 		border: 1px solid #ddd;
  2962 		border: 1px solid #dcdcde;
  2937 		position: static;
  2963 		position: static;
  2938 		width: auto;
  2964 		width: auto;
  2939 		margin: 26px 26px 0;
  2965 		margin: 26px 26px 0;
  2940 		padding-bottom: 0; /* reset from the two column height fix */
  2966 		padding-bottom: 0; /* reset from the two column height fix */
  2941 	}
  2967 	}
  2957 	}
  2983 	}
  2958 }
  2984 }
  2959 
  2985 
  2960 /* Thickbox for the Plugin details modal. */
  2986 /* Thickbox for the Plugin details modal. */
  2961 #TB_window.plugin-details-modal {
  2987 #TB_window.plugin-details-modal {
  2962 	background: #fcfcfc;
  2988 	background: #fff;
  2963 }
  2989 }
  2964 
  2990 
  2965 #TB_window.plugin-details-modal.thickbox-loading:before {
  2991 #TB_window.plugin-details-modal.thickbox-loading:before {
  2966 	content: "";
  2992 	content: "";
  2967 	display: block;
  2993 	display: block;
  2970 	position: absolute;
  2996 	position: absolute;
  2971 	right: 50%;
  2997 	right: 50%;
  2972 	top: 50%;
  2998 	top: 50%;
  2973 	z-index: -1;
  2999 	z-index: -1;
  2974 	margin: -10px -10px 0 0;
  3000 	margin: -10px -10px 0 0;
  2975 	background: #fcfcfc url(../images/spinner.gif) no-repeat center;
  3001 	background: #fff url(../images/spinner.gif) no-repeat center;
  2976 	background-size: 20px 20px;
  3002 	background-size: 20px 20px;
  2977 	transform: translateZ(0);
  3003 	transform: translateZ(0);
  2978 }
  3004 }
  2979 
  3005 
  2980 @media print,
  3006 @media print,
  2996 }
  3022 }
  2997 
  3023 
  2998 .plugin-details-modal #TB_closeWindowButton {
  3024 .plugin-details-modal #TB_closeWindowButton {
  2999 	right: auto;
  3025 	right: auto;
  3000 	left: -30px;
  3026 	left: -30px;
  3001 	color: #eee;
  3027 	color: #f0f0f1;
  3002 }
  3028 }
  3003 
  3029 
  3004 .plugin-details-modal #TB_closeWindowButton:hover,
  3030 .plugin-details-modal #TB_closeWindowButton:hover,
  3005 .plugin-details-modal #TB_closeWindowButton:focus {
  3031 .plugin-details-modal #TB_closeWindowButton:focus {
  3006 	color: #006799;
  3032 	color: #135e96;
  3007 	outline: none;
  3033 	outline: none;
  3008 	box-shadow: none;
  3034 	box-shadow: none;
  3009 }
  3035 }
  3010 
  3036 
  3011 .plugin-details-modal .tb-close-icon {
  3037 .plugin-details-modal .tb-close-icon {
  3013 }
  3039 }
  3014 
  3040 
  3015 .plugin-details-modal #TB_closeWindowButton:after {
  3041 .plugin-details-modal #TB_closeWindowButton:after {
  3016 	content: "\f335";
  3042 	content: "\f335";
  3017 	font: normal 32px/29px 'dashicons';
  3043 	font: normal 32px/29px 'dashicons';
  3018 	speak: none;
  3044 	speak: never;
  3019 	-webkit-font-smoothing: antialiased;
  3045 	-webkit-font-smoothing: antialiased;
  3020 	-moz-osx-font-smoothing: grayscale;
  3046 	-moz-osx-font-smoothing: grayscale;
  3021 }
  3047 }
  3022 
  3048 
  3023 /* move plugin install close icon to top on narrow screens */
  3049 /* move plugin install close icon to top on narrow screens */
  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;
  3157 	margin-top: 0;
  3183 	margin-top: 0;
  3158 	overflow: auto;
  3184 	overflow: auto;
  3159 	padding: 0;
  3185 	padding: 0;
  3160 	min-height: 60vh;
  3186 	min-height: 60vh;
  3161 	height: calc(100vh - 295px);
  3187 	height: calc(100vh - 295px);
  3162 	background-color: #f7f7f7;
  3188 	background-color: #f6f7f7;
  3163 	border: 1px solid #ddd;
  3189 	border: 1px solid #dcdcde;
  3164 	border-right: none;
  3190 	border-right: none;
  3165 }
  3191 }
  3166 #templateside ul ul {
  3192 #templateside ul ul {
  3167 	padding-right: 12px;
  3193 	padding-right: 12px;
  3168 }
  3194 }
  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 {
  3362 	border: none;
  3392 	border: none;
  3363 	font-weight: 600;
  3393 	font-weight: 600;
  3364 }
  3394 }
  3365 
  3395 
  3366 .nonessential {
  3396 .nonessential {
  3367 	color: #666;
  3397 	color: #646970;
  3368 	font-size: 11px;
  3398 	font-size: 11px;
  3369 	font-style: italic;
  3399 	font-style: italic;
  3370 	padding-right: 12px;
  3400 	padding-right: 12px;
  3371 }
  3401 }
  3372 
  3402 
  3375 }
  3405 }
  3376 
  3406 
  3377 #documentation label {
  3407 #documentation label {
  3378 	line-height: 1.8;
  3408 	line-height: 1.8;
  3379 	vertical-align: baseline;
  3409 	vertical-align: baseline;
  3380 	font-weight: 600;
       
  3381 }
  3410 }
  3382 
  3411 
  3383 .fileedit-sub {
  3412 .fileedit-sub {
  3384 	padding: 10px 0 8px;
  3413 	padding: 10px 0 8px;
  3385 	line-height: 180%;
  3414 	line-height: 180%;
  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;
  3596 		width: 1px;
  3623 		width: 1px;
  3597 		height: 100%;
  3624 		height: 100%;
  3598 		position: absolute;
  3625 		position: absolute;
  3599 		top: 0;
  3626 		top: 0;
  3600 		left: 0;
  3627 		left: 0;
  3601 		background: #ccc;
  3628 		background: #c3c4c7;
  3602 	}
  3629 	}
  3603 
  3630 
  3604 }
  3631 }
  3605 @media only screen and (min-width: 600px) and (max-width: 699px) {
  3632 @media only screen and (min-width: 600px) and (max-width: 699px) {
  3606 	.my-sites li{
  3633 	.my-sites li{
  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;
  3729 		background-image: url(../images/spinner-2x.gif);
  3756 		background-image: url(../images/spinner-2x.gif);
  3730 	}
  3757 	}
  3731 
  3758 
  3732 }
  3759 }
  3733 
  3760 
  3734 @-ms-viewport {
       
  3735 	width: device-width;
       
  3736 }
       
  3737 
       
  3738 @media screen and (max-width: 782px) {
  3761 @media screen and (max-width: 782px) {
  3739 	html.wp-toolbar {
  3762 	html.wp-toolbar {
  3740 		padding-top: 46px;
  3763 		padding-top: 46px;
  3741 	}
  3764 	}
  3742 
  3765 
  3867 		float: none;
  3890 		float: none;
  3868 		width: auto;
  3891 		width: auto;
  3869 	}
  3892 	}
  3870 
  3893 
  3871 	#templateside > ul {
  3894 	#templateside > ul {
  3872 		border-right: 1px solid #ddd;
  3895 		border-right: 1px solid #dcdcde;
  3873 	}
  3896 	}
  3874 
  3897 
  3875 	#templateside li {
  3898 	#templateside li {
  3876 		margin: 0;
  3899 		margin: 0;
  3877 	}
  3900 	}
  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 	}