wp/wp-admin/css/common.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
    24 
    24 
    25 #wpbody-content {
    25 #wpbody-content {
    26 	padding-bottom: 65px;
    26 	padding-bottom: 65px;
    27 	float: left;
    27 	float: left;
    28 	width: 100%;
    28 	width: 100%;
    29 	overflow: visible !important;
    29 	overflow: visible;
    30 }
    30 }
    31 
    31 
    32 /* inner 2 column liquid layout */
    32 /* inner 2 column liquid layout */
    33 
    33 
    34 .inner-sidebar {
    34 .inner-sidebar {
   188 .wp-editor-container,
   188 .wp-editor-container,
   189 .popular-tags,
   189 .popular-tags,
   190 .feature-filter,
   190 .feature-filter,
   191 .imgedit-group,
   191 .imgedit-group,
   192 .comment-ays {
   192 .comment-ays {
   193 	border: 1px solid #e5e5e5;
   193 	border: 1px solid #ccd0d4;
   194 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   194 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   195 }
   195 }
   196 
   196 
   197 table.widefat,
   197 table.widefat,
   198 .wp-editor-container,
   198 .wp-editor-container,
   263 	outline: 0;
   263 	outline: 0;
   264 }
   264 }
   265 
   265 
   266 a:hover,
   266 a:hover,
   267 a:active {
   267 a:active {
   268 	color: #00a0d2;
   268 	color: #006799;
   269 }
   269 }
   270 
   270 
   271 a:focus,
   271 a:focus,
   272 a:focus .media-icon img,
   272 a:focus .media-icon img,
   273 .wp-person a:focus .gravatar {
   273 .wp-person a:focus .gravatar {
   274 	color: #124964;
   274 	color: #124964;
   275 	box-shadow:
   275 	box-shadow:
   276 		0 0 0 1px #5b9dd9,
   276 		0 0 0 1px #5b9dd9,
   277 		0 0 2px 1px rgba(30, 140, 190, 0.8);
   277 		0 0 2px 1px rgba(30, 140, 190, 0.8);
   278 	/* Only visible in Windows High Contrast mode */
   278 		/* Only visible in Windows High Contrast mode */
   279 	outline: 1px solid transparent;
   279 		outline: 1px solid transparent;
   280 }
       
   281 
       
   282 .ie8 a:focus {
       
   283 	outline: #5b9dd9 solid 1px;
       
   284 }
   280 }
   285 
   281 
   286 #adminmenu a:focus {
   282 #adminmenu a:focus {
   287 	box-shadow: none;
   283 	box-shadow: none;
   288 	/* Only visible in Windows High Contrast mode */
   284 	/* Only visible in Windows High Contrast mode */
   306 q:after {
   302 q:after {
   307 	content: "";
   303 	content: "";
   308 	content: none;
   304 	content: none;
   309 }
   305 }
   310 
   306 
   311 p {
   307 p,
       
   308 .wp-die-message {
   312 	font-size: 13px;
   309 	font-size: 13px;
   313 	line-height: 1.5;
   310 	line-height: 1.5;
   314 	margin: 1em 0;
   311 	margin: 1em 0;
   315 }
   312 }
   316 
   313 
   482 	padding: 8px 10px;
   479 	padding: 8px 10px;
   483 }
   480 }
   484 
   481 
   485 .widefat thead th,
   482 .widefat thead th,
   486 .widefat thead td {
   483 .widefat thead td {
   487 	border-bottom: 1px solid #e1e1e1;
   484 	border-bottom: 1px solid #ccd0d4;
   488 }
   485 }
   489 
   486 
   490 .widefat tfoot th,
   487 .widefat tfoot th,
   491 .widefat tfoot td {
   488 .widefat tfoot td {
   492 	border-top: 1px solid #e1e1e1;
   489 	border-top: 1px solid #ccd0d4;
   493 	border-bottom: none;
   490 	border-bottom: none;
   494 }
   491 }
   495 
   492 
   496 .widefat .no-items td {
   493 .widefat .no-items td {
   497 	border-bottom-width: 0;
   494 	border-bottom-width: 0;
   615 	margin-left: 4px;
   612 	margin-left: 4px;
   616 	padding: 4px 8px;
   613 	padding: 4px 8px;
   617 	position: relative;
   614 	position: relative;
   618 	top: -3px;
   615 	top: -3px;
   619 	text-decoration: none;
   616 	text-decoration: none;
   620 	border: none;
   617 	border: 1px solid #0071a1;
   621 	border: 1px solid #ccc;
       
   622 	border-radius: 2px;
   618 	border-radius: 2px;
   623 	background: #f7f7f7;
       
   624 	text-shadow: none;
   619 	text-shadow: none;
   625 	font-weight: 600;
   620 	font-weight: 600;
   626 	font-size: 13px;
   621 	font-size: 13px;
   627 	line-height: normal; /* IE8-IE11 need this for buttons */
   622 	line-height: normal; /* IE8-IE11 need this for buttons */
   628 	color: #0073aa; /* some of these controls are button elements and don't inherit from links */
   623 	color: #0071a1; /* use the standard color used for buttons */
       
   624 	background: #f3f5f6;
   629 	cursor: pointer;
   625 	cursor: pointer;
   630 }
   626 }
   631 
   627 
   632 .wrap .wp-heading-inline + .page-title-action {
   628 .wrap .wp-heading-inline + .page-title-action {
   633 	margin-left: 0;
   629 	margin-left: 0;
   634 }
   630 }
   635 
   631 
   636 .wrap .add-new-h2:hover, /* deprecated */
   632 .wrap .add-new-h2:hover, /* deprecated */
   637 .wrap .page-title-action:hover {
   633 .wrap .page-title-action:hover {
   638 	border-color: #008EC2;
   634 	background: #f1f1f1;
   639 	background: #00a0d2;
   635 	border-color: #016087;
   640 	color: #fff;
   636 	color: #016087;
   641 }
   637 }
   642 
   638 
   643 /* lower specificity: color needs to be overridden by :hover and :active */
   639 /* lower specificity: color needs to be overridden by :hover and :active */
   644 .page-title-action:focus {
   640 .page-title-action:focus {
   645 	color: #124964;
   641 	color: #016087;
       
   642 }
       
   643 
       
   644 /* Dashicon for language options on General Settings and Profile screens */
       
   645 .form-table th label[for="locale"] .dashicons,
       
   646 .form-table th label[for="WPLANG"] .dashicons {
       
   647 	margin-left: 5px;
   646 }
   648 }
   647 
   649 
   648 .wrap .page-title-action:focus {
   650 .wrap .page-title-action:focus {
   649 	border-color: #5b9dd9;
   651 	border-color: #007cba;
   650 	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
   652 	box-shadow: 0 0 0 1px #007cba;
   651 	/* Only visible in Windows High Contrast mode */
   653 	/* Only visible in Windows High Contrast mode */
   652 	outline: 2px solid transparent;
   654 	outline: 2px solid transparent;
   653 }
   655 }
   654 
   656 
   655 .wrap h1.long-header {
   657 .wrap h1.long-header {
   763 .menu-item-handle {
   765 .menu-item-handle {
   764 	background: #fafafa;
   766 	background: #fafafa;
   765 	color: #23282d;
   767 	color: #23282d;
   766 }
   768 }
   767 
   769 
   768 .postbox .hndle,
       
   769 .stuffbox .hndle {
   770 .stuffbox .hndle {
   770 	border-bottom: 1px solid #eee;
   771 	border-bottom: 1px solid #ccd0d4;
   771 }
   772 }
   772 
   773 
   773 .quicktags,
   774 .quicktags {
   774 .search {
       
   775 	background-color: #ccc;
   775 	background-color: #ccc;
   776 	color: #000;
   776 	color: #000;
   777 	font-size: 12px;
   777 	font-size: 12px;
   778 }
   778 }
   779 
   779 
   848 	word-wrap: break-word; /* IE 5.5 - 7 */
   848 	word-wrap: break-word; /* IE 5.5 - 7 */
   849 }
   849 }
   850 
   850 
   851 .howto {
   851 .howto {
   852 	color: #666;
   852 	color: #666;
   853 	font-style: italic;
       
   854 	display: block;
   853 	display: block;
   855 }
   854 }
   856 
   855 
   857 p.install-help {
   856 p.install-help {
   858 	margin: 8px 0;
   857 	margin: 8px 0;
   912 	background: #f5f5f5;
   911 	background: #f5f5f5;
   913 }
   912 }
   914 
   913 
   915 #delete-action {
   914 #delete-action {
   916 	float: left;
   915 	float: left;
   917 	line-height: 2.1;
   916 	line-height: 2.30769231; /* 30px */
   918 }
   917 }
   919 
   918 
   920 #delete-link {
   919 #delete-link {
   921 	line-height: 2.1;
   920 	line-height: 2.30769231; /* 30px */
   922 	vertical-align: middle;
   921 	vertical-align: middle;
   923 	text-align: left;
   922 	text-align: left;
   924 	margin-left: 8px;
   923 	margin-left: 8px;
   925 }
   924 }
   926 
   925 
   933 	float: right;
   932 	float: right;
   934 	line-height: 1.9;
   933 	line-height: 1.9;
   935 }
   934 }
   936 
   935 
   937 #publishing-action .spinner {
   936 #publishing-action .spinner {
   938 	float: left;
   937 	float: none;
       
   938 	margin-top: 5px;
   939 }
   939 }
   940 
   940 
   941 #misc-publishing-actions {
   941 #misc-publishing-actions {
   942 	padding: 6px 0 0;
   942 	padding: 6px 0 0;
   943 }
   943 }
   995 	box-sizing: border-box;
   995 	box-sizing: border-box;
   996 	margin: 12px 0 25px;
   996 	margin: 12px 0 25px;
   997 	padding: 0 10px;
   997 	padding: 0 10px;
   998 	width: 100%;
   998 	width: 100%;
   999 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   999 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1000 	border: 1px solid #e5e5e5;
  1000 	border: 1px solid #ccd0d4;
  1001 	background: #fff;
  1001 	background: #fff;
  1002 	color: #555;
  1002 	color: #555;
  1003 	font-size: 13px;
  1003 	font-size: 13px;
  1004 }
  1004 }
  1005 
  1005 
  1065 
  1065 
  1066 .filter-links li > a:hover,
  1066 .filter-links li > a:hover,
  1067 .filter-links li > a:focus,
  1067 .filter-links li > a:focus,
  1068 .show-filters .filter-links a.current:hover,
  1068 .show-filters .filter-links a.current:hover,
  1069 .show-filters .filter-links a.current:focus {
  1069 .show-filters .filter-links a.current:focus {
  1070 	color: #00a0d2;
  1070 	color: #006799;
  1071 }
  1071 }
  1072 
  1072 
  1073 .wp-filter .search-form {
  1073 .wp-filter .search-form {
  1074 	float: right;
  1074 	float: right;
  1075 	margin: 10px 0;
  1075 	margin: 10px 0;
  1076 }
  1076 }
  1077 
  1077 
  1078 .wp-filter .search-form input[type="search"] {
  1078 .wp-filter .search-form input[type="search"] {
  1079 	margin: 0;
  1079 	margin: 1px 0;
  1080 	padding: 3px 5px;
       
  1081 	width: 280px;
  1080 	width: 280px;
  1082 	max-width: 100%;
  1081 	max-width: 100%;
  1083 	font-size: 16px;
       
  1084 	font-weight: 300;
       
  1085 	line-height: 1.5;
       
  1086 }
  1082 }
  1087 
  1083 
  1088 .wp-filter .search-form select {
  1084 .wp-filter .search-form select {
  1089 	margin: 0;
  1085 	margin: 0;
  1090 	height: 32px;
  1086 }
       
  1087 
       
  1088 /* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
       
  1089 .plugin-install-php .wp-filter {
       
  1090 	display: flex;
       
  1091 	flex-wrap: wrap;
       
  1092 	justify-content: space-between;
       
  1093 	align-items: center;
       
  1094 }
       
  1095 
       
  1096 .wp-filter .search-form.search-plugins {
       
  1097 	/* This element is a flex item: the inherited float won't have any effect. */
       
  1098 	margin-top: 0;
       
  1099 }
       
  1100 
       
  1101 .wp-filter .search-form.search-plugins select,
       
  1102 .wp-filter .search-form.search-plugins .wp-filter-search {
       
  1103 	display: inline-block;
       
  1104 	margin-top: 10px;
  1091 	vertical-align: top;
  1105 	vertical-align: top;
  1092 }
       
  1093 
       
  1094 .wp-filter .search-form.search-plugins {
       
  1095 	display: inline-block;
       
  1096 }
  1106 }
  1097 
  1107 
  1098 .wp-filter .button.drawer-toggle {
  1108 .wp-filter .button.drawer-toggle {
  1099 	margin: 10px 9px 0;
  1109 	margin: 10px 9px 0;
  1100 	padding: 0 10px 0 6px;
  1110 	padding: 0 10px 0 6px;
  1118 .wp-filter .button.drawer-toggle:hover,
  1128 .wp-filter .button.drawer-toggle:hover,
  1119 .wp-filter .drawer-toggle:hover:before,
  1129 .wp-filter .drawer-toggle:hover:before,
  1120 .wp-filter .button.drawer-toggle:focus,
  1130 .wp-filter .button.drawer-toggle:focus,
  1121 .wp-filter .drawer-toggle:focus:before {
  1131 .wp-filter .drawer-toggle:focus:before {
  1122 	background-color: transparent;
  1132 	background-color: transparent;
  1123 	color: #00a0d2;
  1133 	color: #006799;
  1124 }
  1134 }
  1125 
  1135 
  1126 .wp-filter .button.drawer-toggle:hover,
  1136 .wp-filter .button.drawer-toggle:hover,
  1127 .wp-filter .button.drawer-toggle:focus:active {
  1137 .wp-filter .button.drawer-toggle:focus:active {
  1128 	border-color: transparent;
  1138 	border-color: transparent;
  1273 }
  1283 }
  1274 
  1284 
  1275 .filters-applied .filter-group,
  1285 .filters-applied .filter-group,
  1276 .filters-applied .filter-drawer .buttons,
  1286 .filters-applied .filter-drawer .buttons,
  1277 .filters-applied .filter-drawer br {
  1287 .filters-applied .filter-drawer br {
  1278 	display: none !important;
  1288 	display: none;
  1279 }
  1289 }
  1280 
  1290 
  1281 .filters-applied .filtered-by {
  1291 .filters-applied .filtered-by {
  1282 	display: block;
  1292 	display: block;
  1283 }
  1293 }
  1362 
  1372 
  1363 .notice,
  1373 .notice,
  1364 div.updated,
  1374 div.updated,
  1365 div.error {
  1375 div.error {
  1366 	background: #fff;
  1376 	background: #fff;
  1367 	border-left: 4px solid #fff;
  1377 	border: 1px solid #ccd0d4;
  1368 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  1378 	border-left-width: 4px;
       
  1379 	box-shadow: 0 1px 1px rgba(0,0,0,.04);
  1369 	margin: 5px 15px 2px;
  1380 	margin: 5px 15px 2px;
  1370 	padding: 1px 12px;
  1381 	padding: 1px 12px;
  1371 }
  1382 }
  1372 
  1383 
  1373 div[class="update-message"] { /* back-compat for pre-4.6 */
  1384 div[class="update-message"] { /* back-compat for pre-4.6 */
  1428 	color: #c00;
  1439 	color: #c00;
  1429 }
  1440 }
  1430 
  1441 
  1431 .notice-dismiss:focus {
  1442 .notice-dismiss:focus {
  1432 	outline: none;
  1443 	outline: none;
  1433 	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  1444 	box-shadow:
  1434 }
  1445 		0 0 0 1px #5b9dd9,
  1435 
  1446 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1436 .ie8 .notice-dismiss:focus {
       
  1437 	outline: 1px solid #5b9dd9;
       
  1438 }
  1447 }
  1439 
  1448 
  1440 .notice-success,
  1449 .notice-success,
  1441 div.updated {
  1450 div.updated {
  1442 	border-left-color: #46b450;
  1451 	border-left-color: #46b450;
  1522 
  1531 
  1523 /* Spins the update icon. */
  1532 /* Spins the update icon. */
  1524 .updating-message p:before,
  1533 .updating-message p:before,
  1525 .import-php .updating-message:before,
  1534 .import-php .updating-message:before,
  1526 .button.updating-message:before,
  1535 .button.updating-message:before,
  1527 .button.installing:before {
  1536 .button.installing:before,
       
  1537 .plugins .column-auto-updates .dashicons-update.spin,
       
  1538 .theme-overlay .theme-autoupdate .dashicons-update.spin {
  1528 	animation: rotation 2s infinite linear;
  1539 	animation: rotation 2s infinite linear;
       
  1540 }
       
  1541 
       
  1542 .theme-overlay .theme-autoupdate .dashicons-update.spin {
       
  1543 	margin-right: 3px;
  1529 }
  1544 }
  1530 
  1545 
  1531 /* Updated icon (check mark). */
  1546 /* Updated icon (check mark). */
  1532 .updated-message p:before,
  1547 .updated-message p:before,
  1533 .installed p:before,
  1548 .installed p:before,
  1552 .update-nag {
  1567 .update-nag {
  1553 	display: inline-block;
  1568 	display: inline-block;
  1554 	line-height: 1.4;
  1569 	line-height: 1.4;
  1555 	padding: 11px 15px;
  1570 	padding: 11px 15px;
  1556 	font-size: 14px;
  1571 	font-size: 14px;
  1557 	text-align: left;
       
  1558 	margin: 25px 20px 0 2px;
  1572 	margin: 25px 20px 0 2px;
  1559 	background-color: #fff;
       
  1560 	border-left: 4px solid #ffba00;
       
  1561 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
       
  1562 }
  1573 }
  1563 
  1574 
  1564 ul#dismissed-updates {
  1575 ul#dismissed-updates {
  1565 	display: none;
  1576 	display: none;
  1566 }
  1577 }
  1653 	position: relative;
  1664 	position: relative;
  1654 }
  1665 }
  1655 
  1666 
  1656 #contextual-help-wrap {
  1667 #contextual-help-wrap {
  1657 	overflow: auto;
  1668 	overflow: auto;
  1658 	margin-left: 0 !important;
  1669 	margin-left: 0;
  1659 }
  1670 }
  1660 
  1671 
  1661 #screen-meta-links {
  1672 #screen-meta-links {
  1662 	float: right;
  1673 	float: right;
  1663 	margin: 0 20px 0 0;
  1674 	margin: 0 20px 0 0;
  1667 #screen-meta {
  1678 #screen-meta {
  1668 	display: none;
  1679 	display: none;
  1669 	margin: 0 20px -1px 0px;
  1680 	margin: 0 20px -1px 0px;
  1670 	position: relative;
  1681 	position: relative;
  1671 	background-color: #fff;
  1682 	background-color: #fff;
  1672 	border: 1px solid #ddd;
  1683 	border: 1px solid #ccd0d4;
  1673 	border-top: none;
  1684 	border-top: none;
  1674 	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
  1685 	box-shadow: 0 0 0 transparent;
  1675 }
  1686 }
  1676 
  1687 
  1677 #screen-options-link-wrap,
  1688 #screen-options-link-wrap,
  1678 #contextual-help-link-wrap {
  1689 #contextual-help-link-wrap {
  1679 	float: left;
  1690 	float: left;
  1684 	position: relative;
  1695 	position: relative;
  1685 	top: 0;
  1696 	top: 0;
  1686 }
  1697 }
  1687 
  1698 
  1688 #screen-meta-links .show-settings {
  1699 #screen-meta-links .show-settings {
  1689 	border: 1px solid #ddd;
  1700 	border: 1px solid #ccd0d4;
  1690 	border-top: none;
  1701 	border-top: none;
  1691 	border-bottom-color: #ccc;
       
  1692 	height: auto;
  1702 	height: auto;
  1693 	margin-bottom: 0;
  1703 	margin-bottom: 0;
  1694 	padding: 3px 6px 3px 16px;
  1704 	padding: 3px 6px 3px 16px;
  1695 	background: #fff;
  1705 	background: #fff;
  1696 	border-radius: 0;
  1706 	border-radius: 0 0 4px 4px;
  1697 	color: #72777c;
  1707 	color: #72777c;
  1698 	line-height: 1.7;
  1708 	line-height: 1.7;
  1699 	box-shadow: none;
  1709 	box-shadow: 0 0 0 transparent;
       
  1710 	transition: box-shadow 0.1s linear;
  1700 }
  1711 }
  1701 
  1712 
  1702 #screen-meta-links .show-settings:hover,
  1713 #screen-meta-links .show-settings:hover,
  1703 #screen-meta-links .show-settings:active,
  1714 #screen-meta-links .show-settings:active,
  1704 #screen-meta-links .show-settings:focus {
  1715 #screen-meta-links .show-settings:focus {
  1724 	bottom: 2px;
  1735 	bottom: 2px;
  1725 	position: relative;
  1736 	position: relative;
  1726 	vertical-align: bottom;
  1737 	vertical-align: bottom;
  1727 	-webkit-font-smoothing: antialiased;
  1738 	-webkit-font-smoothing: antialiased;
  1728 	-moz-osx-font-smoothing: grayscale;
  1739 	-moz-osx-font-smoothing: grayscale;
  1729 	text-decoration: none !important;
  1740 	text-decoration: none;
  1730 	color: #72777c;
  1741 	color: #72777c;
  1731 }
  1742 }
  1732 
  1743 
  1733 #screen-meta-links .screen-meta-active:after {
  1744 #screen-meta-links .screen-meta-active:after {
  1734 	content: "\f142";
  1745 	content: "\f142";
  1756 	padding: 8px 0;
  1767 	padding: 8px 0;
  1757 	font-size: 13px;
  1768 	font-size: 13px;
  1758 	font-weight: 600;
  1769 	font-weight: 600;
  1759 }
  1770 }
  1760 
  1771 
  1761 .ie8 #screen-options-wrap legend {
       
  1762 	color: inherit;
       
  1763 }
       
  1764 
       
  1765 .metabox-prefs label {
  1772 .metabox-prefs label {
  1766 	display: inline-block;
  1773 	display: inline-block;
  1767 	padding-right: 15px;
  1774 	padding-right: 15px;
  1768 	line-height: 2.35;
  1775 	line-height: 2.35;
  1769 }
  1776 }
  1833 	position: absolute;
  1840 	position: absolute;
  1834 	top: 0;
  1841 	top: 0;
  1835 	bottom: 0;
  1842 	bottom: 0;
  1836 	left: 150px;
  1843 	left: 150px;
  1837 	right: 170px;
  1844 	right: 170px;
  1838 	border: 1px solid #e1e1e1;
  1845 	border: 1px solid #ccd0d4;
  1839 	border-top: none;
  1846 	border-top: none;
  1840 	border-bottom: none;
  1847 	border-bottom: none;
  1841 	background: #f6fbfd;
  1848 	background: #f6fbfd;
  1842 }
  1849 }
  1843 
  1850 
  1886 	background: #f6fbfd;
  1893 	background: #f6fbfd;
  1887 	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
  1894 	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
  1888 }
  1895 }
  1889 
  1896 
  1890 .contextual-help-tabs .active a {
  1897 .contextual-help-tabs .active a {
  1891 	border-color: #e1e1e1;
  1898 	border-color: #ccd0d4;
  1892 	color: #32373c;
  1899 	color: #32373c;
  1893 }
  1900 }
  1894 
  1901 
  1895 .contextual-help-tabs-wrap {
  1902 .contextual-help-tabs-wrap {
  1896 	padding: 0 20px;
  1903 	padding: 0 20px;
  1976 
  1983 
  1977 #wpbody-content .metabox-holder {
  1984 #wpbody-content .metabox-holder {
  1978 	padding-top: 10px;
  1985 	padding-top: 10px;
  1979 }
  1986 }
  1980 
  1987 
  1981 .metabox-holder .postbox-container .empty-container {
  1988 .metabox-holder .postbox-container .meta-box-sortables {
  1982 	border: 3px dashed #b4b9be;
  1989 	/* The jQuery UI Sortables need some initial height to work properly. */
  1983 	height: 250px;
  1990 	min-height: 1px;
  1984 	position: relative;
  1991 	position: relative;
  1985 }
       
  1986 
       
  1987 .metabox-holder .postbox-container .empty-container:after {
       
  1988 	content: attr(data-emptystring);
       
  1989 	margin: auto;
       
  1990 	position: absolute;
       
  1991 	top: 0;
       
  1992 	left: 0;
       
  1993 	bottom: 0;
       
  1994 	right: 0;
       
  1995 	height: 1em;
       
  1996 	width: 200px;
       
  1997 	text-align: center;
       
  1998 	color: #ccc;
       
  1999 	font-size: 18px;
       
  2000 	display: none;
       
  2001 }
       
  2002 
       
  2003 .metabox-holder.columns-1 .postbox-container .empty-container,
       
  2004 .columns-2 #postbox-container-3 .empty-container,
       
  2005 .columns-2 #postbox-container-4 .empty-container,
       
  2006 .columns-3 #postbox-container-4 .empty-container {
       
  2007 	border: 0 none;
       
  2008 	height: 0;
       
  2009 	min-height: 0;
       
  2010 }
  1992 }
  2011 
  1993 
  2012 #post-body-content {
  1994 #post-body-content {
  2013 	width: 100%;
  1995 	width: 100%;
  2014 	min-width: 463px;
  1996 	min-width: 463px;
  2026 }
  2008 }
  2027 
  2009 
  2028 /* one column on the dash */
  2010 /* one column on the dash */
  2029 @media only screen and (max-width: 799px) {
  2011 @media only screen and (max-width: 799px) {
  2030 	#wpbody-content .metabox-holder .postbox-container .empty-container {
  2012 	#wpbody-content .metabox-holder .postbox-container .empty-container {
  2031 		border: 0 none;
  2013 		outline: none;
  2032 		height: 0;
  2014 		height: 0;
  2033 		min-height: 0;
  2015 		min-height: 0;
  2034 	}
  2016 	}
  2035 }
  2017 }
  2036 
  2018 
  2037 .js .widget .widget-top,
  2019 .js .widget .widget-top,
  2038 .js .postbox .hndle {
  2020 .js .postbox .hndle {
  2039 	cursor: move;
  2021 	cursor: move;
  2040 }
  2022 }
  2041 
  2023 
       
  2024 .js .widget .widget-top.is-non-sortable,
       
  2025 .js .postbox .hndle.is-non-sortable {
       
  2026 	cursor: auto;
       
  2027 }
       
  2028 
       
  2029 /* Configurable dashboard widgets "Configure" edit-box link. */
  2042 .hndle a {
  2030 .hndle a {
  2043 	font-size: 11px;
  2031 	font-size: 12px;
  2044 	font-weight: 400;
  2032 	font-weight: 400;
  2045 }
  2033 }
  2046 
  2034 
       
  2035 .postbox-header {
       
  2036 	display: flex;
       
  2037 	align-items: center;
       
  2038 	justify-content: space-between;
       
  2039 	border-bottom: 1px solid #ccd0d4;
       
  2040 }
       
  2041 
       
  2042 .postbox-header .hndle {
       
  2043 	flex-grow: 1;
       
  2044 	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
       
  2045 	display: flex;
       
  2046 	justify-content: space-between;
       
  2047 	align-items: center;
       
  2048 }
       
  2049 
       
  2050 .postbox-header .handle-actions {
       
  2051 	flex-shrink: 0;
       
  2052 }
       
  2053 
       
  2054 /* Post box order and toggle buttons. */
       
  2055 .postbox .handle-order-higher,
       
  2056 .postbox .handle-order-lower,
  2047 .postbox .handlediv {
  2057 .postbox .handlediv {
  2048 	display: none;
       
  2049 	float: right;
       
  2050 	width: 36px;
  2058 	width: 36px;
  2051 	height: 36px;
  2059 	height: 36px;
  2052 	margin: 0;
  2060 	margin: 0;
  2053 	padding: 0;
  2061 	padding: 0;
  2054 	border: 0;
  2062 	border: 0;
  2055 	background: none;
  2063 	background: none;
  2056 	cursor: pointer;
  2064 	cursor: pointer;
  2057 }
  2065 }
  2058 
  2066 
  2059 .js .postbox .handlediv {
  2067 .postbox .handle-order-higher,
  2060 	display: block;
  2068 .postbox .handle-order-lower {
       
  2069 	color: #72777c;
       
  2070 	width: 1.62rem;
       
  2071 }
       
  2072 
       
  2073 /* Post box order buttons in the block editor meta boxes area. */
       
  2074 .edit-post-meta-boxes-area .postbox .handle-order-higher,
       
  2075 .edit-post-meta-boxes-area .postbox .handle-order-lower {
       
  2076 	width: 44px;
       
  2077 	height: 44px;
       
  2078 	color: #191e23
       
  2079 }
       
  2080 
       
  2081 .postbox .handle-order-higher[aria-disabled="true"],
       
  2082 .postbox .handle-order-lower[aria-disabled="true"] {
       
  2083 	cursor: default;
       
  2084 	color: #a0a5aa;
  2061 }
  2085 }
  2062 
  2086 
  2063 .sortable-placeholder {
  2087 .sortable-placeholder {
  2064 	border: 1px dashed #b4b9be;
  2088 	border: 1px dashed #b4b9be;
  2065 	margin-bottom: 20px;
  2089 	margin-bottom: 20px;
  2068 .postbox,
  2092 .postbox,
  2069 .stuffbox {
  2093 .stuffbox {
  2070 	margin-bottom: 20px;
  2094 	margin-bottom: 20px;
  2071 	padding: 0;
  2095 	padding: 0;
  2072 	line-height: 1;
  2096 	line-height: 1;
       
  2097 }
       
  2098 
       
  2099 .postbox.closed {
       
  2100 	border-bottom: 0;
  2073 }
  2101 }
  2074 
  2102 
  2075 /* user-select is not a part of the CSS standard - may change behavior in the future */
  2103 /* user-select is not a part of the CSS standard - may change behavior in the future */
  2076 .postbox .hndle,
  2104 .postbox .hndle,
  2077 .stuffbox .hndle {
  2105 .stuffbox .hndle {
  2136 .plugins .name,
  2164 .plugins .name,
  2137 #pass-strength-result.strong,
  2165 #pass-strength-result.strong,
  2138 #pass-strength-result.short,
  2166 #pass-strength-result.short,
  2139 #ed_reply_toolbar #ed_reply_strong,
  2167 #ed_reply_toolbar #ed_reply_strong,
  2140 .item-controls .item-order a,
  2168 .item-controls .item-order a,
  2141 .feature-filter .feature-name {
  2169 .feature-filter .feature-name,
       
  2170 #comment-status-display {
  2142 	font-weight: 600;
  2171 	font-weight: 600;
  2143 }
  2172 }
  2144 
  2173 
  2145 /*------------------------------------------------------------------------------
  2174 /*------------------------------------------------------------------------------
  2146   21.0 - Admin Footer
  2175   21.0 - Admin Footer
  2231 	content: "";
  2260 	content: "";
  2232 	display: table;
  2261 	display: table;
  2233 	clear: both;
  2262 	clear: both;
  2234 }
  2263 }
  2235 
  2264 
  2236 .ie8 .nav-tab-wrapper {
       
  2237 	/* contain floats establishing a new block formatting context */
       
  2238 	display: inline-block;
       
  2239 	width: 100%;
       
  2240 	vertical-align: top;
       
  2241 }
       
  2242 
       
  2243 /*------------------------------------------------------------------------------
  2265 /*------------------------------------------------------------------------------
  2244   26.0 - Misc
  2266   26.0 - Misc
  2245 ------------------------------------------------------------------------------*/
  2267 ------------------------------------------------------------------------------*/
  2246 
  2268 
  2247 .spinner {
  2269 .spinner {
  2411 	width: 98%;
  2433 	width: 98%;
  2412 }
  2434 }
  2413 
  2435 
  2414 #namediv p {
  2436 #namediv p {
  2415 	margin: 10px 0;
  2437 	margin: 10px 0;
  2416 }
       
  2417 
       
  2418 #submitdiv h3 {
       
  2419 	margin-bottom: 0 !important;
       
  2420 }
  2438 }
  2421 
  2439 
  2422 /* - Used - but could/should be deprecated with a CSS reset
  2440 /* - Used - but could/should be deprecated with a CSS reset
  2423 ------------------------------------------------------------------------------*/
  2441 ------------------------------------------------------------------------------*/
  2424 .zerosize {
  2442 .zerosize {
  2657 	bottom: 0;
  2675 	bottom: 0;
  2658 	left: 0;
  2676 	left: 0;
  2659 	margin-top: 10px;
  2677 	margin-top: 10px;
  2660 	margin-right: 250px; /* FYI box */
  2678 	margin-right: 250px; /* FYI box */
  2661 	padding: 10px 26px;
  2679 	padding: 10px 26px;
  2662 	margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
  2680 	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
  2663 	padding-bottom: 99999px; /* equal height column trick */
  2681 	padding-bottom: 99999px; /* equal height column trick */
  2664 }
  2682 }
  2665 
  2683 
  2666 #section-holder .notice {
  2684 #section-holder .notice {
  2667 	margin: 5px 0 15px;
  2685 	margin: 5px 0 15px;
  2675 	float: right;
  2693 	float: right;
  2676 	position: relative;
  2694 	position: relative;
  2677 	top: 0;
  2695 	top: 0;
  2678 	right: 0;
  2696 	right: 0;
  2679 	padding: 16px;
  2697 	padding: 16px;
  2680 	margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
  2698 	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
  2681 	padding-bottom: 99999px; /* equal height column trick */
  2699 	padding-bottom: 99999px; /* equal height column trick */
  2682 	width: 217px;
  2700 	width: 217px;
  2683 	border-left: 1px solid #ddd;
  2701 	border-left: 1px solid #ddd;
  2684 	background: #f3f3f3;
  2702 	background: #f3f3f3;
  2685 	color: #666;
  2703 	color: #666;
  2769 	padding: 13px 16px;
  2787 	padding: 13px 16px;
  2770 	position: absolute;
  2788 	position: absolute;
  2771 	right: 0;
  2789 	right: 0;
  2772 	bottom: 0;
  2790 	bottom: 0;
  2773 	left: 0;
  2791 	left: 0;
  2774 	height: 33px; /* 33+13+13+1=60 */
  2792 	height: 40px; /* actual height: 40+13+13+1=67 */
  2775 	border-top: 1px solid #ddd;
  2793 	border-top: 1px solid #ddd;
  2776 	background: #f3f3f3;
  2794 	background: #f3f3f3;
  2777 }
  2795 }
  2778 
  2796 
  2779 /* rtl:ignore */
  2797 /* rtl:ignore */
  2982 	color: #eee;
  3000 	color: #eee;
  2983 }
  3001 }
  2984 
  3002 
  2985 .plugin-details-modal #TB_closeWindowButton:hover,
  3003 .plugin-details-modal #TB_closeWindowButton:hover,
  2986 .plugin-details-modal #TB_closeWindowButton:focus {
  3004 .plugin-details-modal #TB_closeWindowButton:focus {
  2987 	color: #00a0d2;
  3005 	color: #006799;
  2988 	outline: none;
  3006 	outline: none;
  2989 	box-shadow: none;
  3007 	box-shadow: none;
  2990 }
  3008 }
  2991 
  3009 
  2992 .plugin-details-modal .tb-close-icon {
  3010 .plugin-details-modal .tb-close-icon {
  3013 img {
  3031 img {
  3014 	border: none;
  3032 	border: none;
  3015 }
  3033 }
  3016 
  3034 
  3017 /* Metabox collapse arrow indicators */
  3035 /* Metabox collapse arrow indicators */
  3018 .sidebar-name .toggle-indicator:before,
  3036 .sidebar-name .toggle-indicator::before,
  3019 .js .meta-box-sortables .postbox .toggle-indicator:before,
  3037 .meta-box-sortables .postbox .toggle-indicator::before,
  3020 .bulk-action-notice .toggle-indicator:before,
  3038 .meta-box-sortables .postbox .order-higher-indicator::before,
  3021 .privacy-text-box .toggle-indicator:before {
  3039 .meta-box-sortables .postbox .order-lower-indicator::before,
       
  3040 .bulk-action-notice .toggle-indicator::before,
       
  3041 .privacy-text-box .toggle-indicator::before {
  3022 	content: "\f142";
  3042 	content: "\f142";
  3023 	display: inline-block;
  3043 	display: inline-block;
  3024 	font: normal 20px/1 dashicons;
  3044 	font: normal 20px/1 dashicons;
  3025 	speak: none;
  3045 	speak: none;
  3026 	-webkit-font-smoothing: antialiased;
  3046 	-webkit-font-smoothing: antialiased;
  3027 	-moz-osx-font-smoothing: grayscale;
  3047 	-moz-osx-font-smoothing: grayscale;
  3028 	text-decoration: none !important;
  3048 	text-decoration: none;
  3029 }
  3049 }
  3030 
  3050 
  3031 .js .widgets-holder-wrap.closed .toggle-indicator:before,
  3051 .js .widgets-holder-wrap.closed .toggle-indicator::before,
  3032 .js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
  3052 .meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
  3033 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before,
  3053 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
  3034 .privacy-text-box.closed .toggle-indicator:before {
  3054 .privacy-text-box.closed .toggle-indicator::before {
  3035 	content: "\f140";
  3055 	content: "\f140";
  3036 }
  3056 }
  3037 
  3057 
  3038 .js .postbox .handlediv .toggle-indicator:before {
  3058 .postbox .handle-order-higher .order-higher-indicator::before {
  3039 	margin-top: 4px;
  3059 	content: "\f343";
       
  3060 	color: inherit;
       
  3061 }
       
  3062 
       
  3063 .postbox .handle-order-lower .order-lower-indicator::before {
       
  3064 	content: "\f347";
       
  3065 	color: inherit;
       
  3066 }
       
  3067 
       
  3068 .postbox .handle-order-higher .order-higher-indicator::before,
       
  3069 .postbox .handle-order-lower .order-lower-indicator::before {
       
  3070 	position: relative;
       
  3071     top: 0.11rem;
       
  3072 	width: 20px;
       
  3073 	height: 20px;
       
  3074 }
       
  3075 
       
  3076 .postbox .handlediv .toggle-indicator::before {
  3040 	width: 20px;
  3077 	width: 20px;
  3041 	border-radius: 50%;
  3078 	border-radius: 50%;
  3042 	text-indent: -1px; /* account for the dashicon alignment */
  3079 }
  3043 }
  3080 
  3044 
  3081 .postbox .handlediv .toggle-indicator::before {
  3045 .rtl.js .postbox .handlediv .toggle-indicator:before {
  3082 	position: relative;
  3046 	text-indent: 1px; /* account for the dashicon alignment */
  3083 	top: 0.05rem;
  3047 }
  3084 	text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
  3048 
  3085 }
  3049 .bulk-action-notice .toggle-indicator:before {
  3086 
       
  3087 .rtl .postbox .handlediv .toggle-indicator::before {
       
  3088 	text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
       
  3089 }
       
  3090 
       
  3091 .bulk-action-notice .toggle-indicator::before {
  3050 	line-height: 16px;
  3092 	line-height: 16px;
  3051 	vertical-align: top;
  3093 	vertical-align: top;
  3052 	color: #72777c;
  3094 	color: #72777c;
  3053 }
  3095 }
  3054 
  3096 
  3055 .js .postbox .handlediv:focus {
  3097 .postbox .handle-order-higher:focus,
  3056 	box-shadow: none;
  3098 .postbox .handle-order-lower:focus,
  3057 	outline: none;
  3099 .postbox .handlediv:focus {
  3058 }
       
  3059 
       
  3060 .js .postbox .handlediv:focus .toggle-indicator:before {
       
  3061 	box-shadow:
  3100 	box-shadow:
  3062 		0 0 0 1px #5b9dd9,
  3101 		0 0 0 1px #5b9dd9,
  3063 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  3102 		0 0 2px 1px rgba(30, 140, 190, 0.8);
       
  3103 	/* Only visible in Windows High Contrast mode */
       
  3104 	outline: 1px solid transparent;
       
  3105 }
       
  3106 
       
  3107 .postbox .handle-order-higher:focus .order-higher-indicator::before,
       
  3108 .postbox .handle-order-lower:focus .order-lower-indicator::before,
       
  3109 .postbox .handlediv:focus .toggle-indicator::before {
       
  3110 	box-shadow: none;
       
  3111 	/* Only visible in Windows High Contrast mode */
       
  3112 	outline: 1px solid transparent;
  3064 }
  3113 }
  3065 
  3114 
  3066 /* @todo: appears to be Press This only and overridden */
  3115 /* @todo: appears to be Press This only and overridden */
  3067 #photo-add-url-div input[type="text"] {
  3116 #photo-add-url-div input[type="text"] {
  3068 	width: 300px;
  3117 	width: 300px;
  3153 [role="treeitem"] {
  3202 [role="treeitem"] {
  3154 	outline: 0;
  3203 	outline: 0;
  3155 }
  3204 }
  3156 [role="treeitem"] .folder-label.focus {
  3205 [role="treeitem"] .folder-label.focus {
  3157 	color: #124964;
  3206 	color: #124964;
  3158 	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  3207 	box-shadow:
       
  3208 		0 0 0 1px #5b9dd9,
       
  3209 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  3159 }
  3210 }
  3160 [role="treeitem"].hover,
  3211 [role="treeitem"].hover,
  3161 [role="treeitem"] .folder-label.hover {
  3212 [role="treeitem"] .folder-label.hover {
  3162 	background-color: #eaeaea;
  3213 	background-color: #eaeaea;
  3163 }
  3214 }
  3346 	font: normal 20px/1 dashicons;
  3397 	font: normal 20px/1 dashicons;
  3347 	speak: none;
  3398 	speak: none;
  3348 	display: block;
  3399 	display: block;
  3349 	-webkit-font-smoothing: antialiased;
  3400 	-webkit-font-smoothing: antialiased;
  3350 	-moz-osx-font-smoothing: grayscale;
  3401 	-moz-osx-font-smoothing: grayscale;
  3351 	text-decoration: none !important;
  3402 	text-decoration: none;
  3352 }
  3403 }
  3353 
  3404 
  3354 .widget-top .widget-action .toggle-indicator:before {
  3405 .widget-top .widget-action .toggle-indicator:before {
  3355 	padding: 1px 2px 1px 0px;
  3406 	padding: 1px 2px 1px 0px;
  3356 	border-radius: 50%;
  3407 	border-radius: 50%;
  3377 .item-edit:hover,
  3428 .item-edit:hover,
  3378 .item-edit:focus,
  3429 .item-edit:focus,
  3379 .sidebar-name:hover .toggle-indicator,
  3430 .sidebar-name:hover .toggle-indicator,
  3380 .accordion-section-title:hover:after {
  3431 .accordion-section-title:hover:after {
  3381 	color: #23282d;
  3432 	color: #23282d;
       
  3433 	/* Only visible in Windows High Contrast mode */
       
  3434 	outline: 1px solid transparent;
  3382 }
  3435 }
  3383 
  3436 
  3384 .widget-top .widget-action:focus .toggle-indicator:before {
  3437 .widget-top .widget-action:focus .toggle-indicator:before {
  3385 	box-shadow:
  3438 	box-shadow:
  3386 		0 0 0 1px #5b9dd9,
  3439 		0 0 0 1px #5b9dd9,
  3459 	right: 10px;
  3512 	right: 10px;
  3460 	z-index: 1;
  3513 	z-index: 1;
  3461 }
  3514 }
  3462 
  3515 
  3463 .accordion-section-title:focus {
  3516 .accordion-section-title:focus {
  3464 	outline: none;
  3517 	/* Only visible in Windows High Contrast mode */
       
  3518 	outline: 1px solid transparent;
  3465 }
  3519 }
  3466 
  3520 
  3467 .accordion-section-title:hover:after,
  3521 .accordion-section-title:hover:after,
  3468 .accordion-section-title:focus:after {
  3522 .accordion-section-title:focus:after {
  3469 	border-color: #a0a5aa transparent;
  3523 	border-color: #a0a5aa transparent;
       
  3524 	/* Only visible in Windows High Contrast mode */
       
  3525 	outline: 1px solid transparent;
  3470 }
  3526 }
  3471 
  3527 
  3472 .cannot-expand .accordion-section-title {
  3528 .cannot-expand .accordion-section-title {
  3473 	cursor: auto;
  3529 	cursor: auto;
  3474 }
  3530 }
  3670 
  3726 
  3671 	.spinner {
  3727 	.spinner {
  3672 		background-image: url(../images/spinner-2x.gif);
  3728 		background-image: url(../images/spinner-2x.gif);
  3673 	}
  3729 	}
  3674 
  3730 
  3675 	/* @todo: evaluate - most of these were likely replaced by dashicons */
       
  3676 	.curtime #timestamp,
       
  3677 	#screen-meta-links a.show-settings,
       
  3678 	.widget-top .widget-action,
       
  3679 	.widget-top .widget-action:hover,
       
  3680 	.sidebar-name .toggle-indicator,
       
  3681 	.sidebar-name:hover .toggle-indicator,
       
  3682 	.meta-box-sortables .postbox:hover .handlediv,
       
  3683 	#bulk-titles div a,
       
  3684 	#bulk-titles div a:hover {
       
  3685 		background: none !important;
       
  3686 	}
       
  3687 
       
  3688 }
  3731 }
  3689 
  3732 
  3690 @-ms-viewport {
  3733 @-ms-viewport {
  3691 	width: device-width;
  3734 	width: device-width;
  3692 }
  3735 }
  3783 		right: -16em;
  3826 		right: -16em;
  3784 	}
  3827 	}
  3785 
  3828 
  3786 	code {
  3829 	code {
  3787 		word-wrap: break-word;
  3830 		word-wrap: break-word;
       
  3831 		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
       
  3832 		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
  3788 	}
  3833 	}
  3789 
  3834 
  3790 	/* General Metabox */
  3835 	/* General Metabox */
  3791 	.postbox {
  3836 	.postbox {
  3792 		font-size: 14px;
  3837 		font-size: 14px;
  3902 		margin-left: 0;
  3947 		margin-left: 0;
  3903 		max-width: 70%;
  3948 		max-width: 70%;
  3904 	}
  3949 	}
  3905 
  3950 
  3906 	.fileedit-sub input[type="submit"] {
  3951 	.fileedit-sub input[type="submit"] {
  3907 		margin-bottom: 0px;
  3952 		margin-bottom: 0;
  3908 		padding: 8px 18px;
       
  3909 	}
  3953 	}
  3910 
  3954 
  3911 	#documentation label[for="docs-list"] {
  3955 	#documentation label[for="docs-list"] {
  3912 		display: block;
  3956 		display: block;
  3913 	}
  3957 	}
  3917 		max-width: 60%;
  3961 		max-width: 60%;
  3918 	}
  3962 	}
  3919 
  3963 
  3920 	#documentation input[type="button"] {
  3964 	#documentation input[type="button"] {
  3921 		margin-bottom: 0;
  3965 		margin-bottom: 0;
  3922 		padding: 8px 18px;
       
  3923 	}
  3966 	}
  3924 
  3967 
  3925 	#wpfooter {
  3968 	#wpfooter {
  3926 		display: none;
  3969 		display: none;
  3927 	}
  3970 	}
  3978 		clear: both;
  4021 		clear: both;
  3979 		max-width: 100%;
  4022 		max-width: 100%;
  3980 		float: none;
  4023 		float: none;
  3981 	}
  4024 	}
  3982 
  4025 
       
  4026 	#screen-meta,
       
  4027 	#screen-meta-links {
       
  4028 		margin-right: 10px;
       
  4029 	}
       
  4030 
  3983 	#screen-meta-links {
  4031 	#screen-meta-links {
  3984 		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
  4032 		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
       
  4033 	}
       
  4034 
       
  4035 	.wp-filter .search-form input[type="search"] {
       
  4036 		font-size: 1rem;
       
  4037 	}
       
  4038 
       
  4039 	.wp-filter .search-form.search-plugins {
       
  4040 		/* This element is a flex item. */
       
  4041 		min-width: 100%;
  3985 	}
  4042 	}
  3986 }
  4043 }
  3987 
  4044 
  3988 /* Smartphone */
  4045 /* Smartphone */
  3989 @media screen and (max-width: 600px) {
  4046 @media screen and (max-width: 600px) {
  4027 	.nav-tab-active:hover,
  4084 	.nav-tab-active:hover,
  4028 	.nav-tab-active:focus,
  4085 	.nav-tab-active:focus,
  4029 	.nav-tab-active:focus:active {
  4086 	.nav-tab-active:focus:active {
  4030 		border-bottom: 1px solid #ccc;
  4087 		border-bottom: 1px solid #ccc;
  4031 	}
  4088 	}
       
  4089 
       
  4090 	.wp-filter .search-form input[type="search"] {
       
  4091 		width: 100%;
       
  4092 	}
  4032 }
  4093 }
  4033 
  4094 
  4034 @media screen and (max-width: 320px) {
  4095 @media screen and (max-width: 320px) {
  4035 	/* Prevent default center alignment and larger font for the Right Now widget when
  4096 	/* Prevent default center alignment and larger font for the Right Now widget when
  4036 	   the network dashboard is viewed on a small mobile device. */
  4097 	   the network dashboard is viewed on a small mobile device. */