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