241 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
250 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
242 } |
251 } |
243 |
252 |
244 #the-comment-list tr:last-child th, |
253 #the-comment-list tr:last-child th, |
245 #the-comment-list tr:last-child td { |
254 #the-comment-list tr:last-child td { |
246 box-shadow: none; |
255 box-shadow: none; |
247 } |
256 } |
248 |
257 |
249 #the-comment-list tr.unapproved + tr.approved th, |
258 #the-comment-list tr.unapproved + tr.approved th, |
250 #the-comment-list tr.unapproved + tr.approved td { |
259 #the-comment-list tr.unapproved + tr.approved td { |
251 border-top: 1px solid rgba(0, 0, 0, 0.03); |
260 border-top: 1px solid rgba(0, 0, 0, 0.03); |
252 } |
261 } |
253 |
262 |
254 /* table vim shortcuts */ |
263 /* table vim shortcuts */ |
255 .vim-current, |
264 .vim-current, |
256 .vim-current th, |
265 .vim-current th, |
493 .wp-list-table .toggle-row:hover { |
502 .wp-list-table .toggle-row:hover { |
494 cursor: pointer; |
503 cursor: pointer; |
495 } |
504 } |
496 |
505 |
497 .wp-list-table .toggle-row:focus:before { |
506 .wp-list-table .toggle-row:focus:before { |
498 box-shadow: |
507 box-shadow: |
499 0 0 0 1px #5b9dd9, |
508 0 0 0 1px #5b9dd9, |
500 0 0 2px 1px rgba(30, 140, 190, .8); |
509 0 0 2px 1px rgba(30, 140, 190, 0.8); |
501 } |
510 } |
502 |
511 |
503 .ie8 .wp-list-table .toggle-row:focus:before { |
512 .ie8 .wp-list-table .toggle-row:focus:before { |
504 outline: #5b9dd9 solid 1px; |
513 outline: #5b9dd9 solid 1px; |
505 } |
514 } |
649 max-width: 98%; |
646 max-width: 98%; |
650 } |
647 } |
651 |
648 |
652 .tablenav .tablenav-pages { |
649 .tablenav .tablenav-pages { |
653 float: left; |
650 float: left; |
654 height: 28px; |
651 margin: 3px 0 9px; |
655 margin-top: 3px; |
|
656 cursor: default; |
|
657 color: #555; |
|
658 } |
652 } |
659 |
653 |
660 .tablenav .no-pages, |
654 .tablenav .no-pages, |
661 .tablenav .one-page .pagination-links { |
655 .tablenav .one-page .pagination-links { |
662 display: none; |
656 display: none; |
663 } |
657 } |
664 |
658 |
665 .tablenav .tablenav-pages a, |
659 .tablenav .tablenav-pages .button, |
666 .tablenav-pages span.current { |
660 .tablenav .tablenav-pages .tablenav-pages-navspan { |
667 text-decoration: none; |
|
668 padding: 3px 6px; |
|
669 } |
|
670 |
|
671 .tablenav .tablenav-pages a, |
|
672 .tablenav-pages-navspan { |
|
673 display: inline-block; |
661 display: inline-block; |
674 min-width: 17px; |
662 vertical-align: baseline; |
675 border: 1px solid #ccc; /* same color as buttons border */ |
663 min-width: 28px; |
676 padding: 3px 5px 7px; |
664 min-height: 28px; |
677 background: #e5e5e5; |
665 margin: 0; |
|
666 padding: 0 4px; |
678 font-size: 16px; |
667 font-size: 16px; |
679 line-height: 1; |
668 line-height: 1.5; |
680 font-weight: 400; |
|
681 text-align: center; |
669 text-align: center; |
682 } |
|
683 |
|
684 .tablenav-pages-navspan { |
|
685 height: 16px; |
|
686 border-color: #ddd; /* same as disabled buttons */ |
|
687 background: #f7f7f7; /* same as disabled buttons */ |
|
688 color: #a0a5aa; /* same as disabled buttons */ |
|
689 } |
|
690 |
|
691 .tablenav .tablenav-pages a:hover, |
|
692 .tablenav .tablenav-pages a:focus { |
|
693 border-color: #5b9dd9; |
|
694 color: #fff; |
|
695 background: #00a0d2; |
|
696 box-shadow: none; |
|
697 outline: none; /* IE8 */ |
|
698 } |
670 } |
699 |
671 |
700 .tablenav .displaying-num { |
672 .tablenav .displaying-num { |
701 margin-left: 7px; |
673 margin-left: 7px; |
702 } |
674 } |
703 |
675 |
704 .tablenav .one-page .displaying-num { |
676 .tablenav .one-page .displaying-num { |
705 display: inline-block; |
677 display: inline-block; |
706 margin-top: 5px; |
678 margin: 5px 0; |
707 margin-left: 0; |
|
708 } |
679 } |
709 |
680 |
710 .tablenav .actions { |
681 .tablenav .actions { |
711 overflow: hidden; |
682 overflow: hidden; |
712 padding: 2px 0 0 8px; |
683 padding: 2px 0 0 8px; |
719 |
690 |
720 .tablenav .delete { |
691 .tablenav .delete { |
721 margin-left: 20px; |
692 margin-left: 20px; |
722 } |
693 } |
723 |
694 |
724 /* @todo: unclear if the following tablenav rules are actually used. |
695 /* This view-switcher is still used on multisite. */ |
725 classes exist in paginate_links() but not seen in list table output. */ |
|
726 .tablenav .dots { |
|
727 border-color: transparent; |
|
728 } |
|
729 |
|
730 .tablenav .next, |
|
731 .tablenav .prev { |
|
732 border-color: transparent; |
|
733 color: #0073aa; |
|
734 } |
|
735 |
|
736 .tablenav .next:hover, |
|
737 .tablenav .prev:hover { |
|
738 border-color: transparent; |
|
739 color: #00a0d2; |
|
740 } |
|
741 |
|
742 .tablenav .view-switch { |
696 .tablenav .view-switch { |
743 float: left; |
697 float: left; |
744 margin: 0 5px; |
698 margin: 0 5px; |
745 padding-top: 3px; |
699 padding-top: 3px; |
746 } |
700 } |
1255 .plugins .active td, |
1209 .plugins .active td, |
1256 .plugins .active th, |
1210 .plugins .active th, |
1257 .plugin-install #the-list td, |
1211 .plugin-install #the-list td, |
1258 .upgrade .plugins td, |
1212 .upgrade .plugins td, |
1259 .upgrade .plugins th { |
1213 .upgrade .plugins th { |
1260 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
1214 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
1261 } |
1215 } |
1262 |
1216 |
1263 .plugins tr.active.plugin-update-tr + tr.inactive th, |
1217 .plugins tr.active.plugin-update-tr + tr.inactive th, |
1264 .plugins tr.active.plugin-update-tr + tr.inactive td, |
1218 .plugins tr.active.plugin-update-tr + tr.inactive td, |
1265 .plugins tr.active + tr.inactive th, |
1219 .plugins tr.active + tr.inactive th, |
1266 .plugins tr.active + tr.inactive td { |
1220 .plugins tr.active + tr.inactive td { |
1267 border-top: 1px solid rgba(0,0,0,0.03); |
1221 border-top: 1px solid rgba(0, 0, 0, 0.03); |
1268 box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1; |
1222 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1; |
1269 } |
1223 } |
1270 |
1224 |
1271 .plugins .update td, |
1225 .plugins .update td, |
1272 .plugins .update th, |
1226 .plugins .update th, |
1273 .upgrade .plugins tr:last-of-type td, |
1227 .upgrade .plugins tr:last-of-type td, |
1301 } |
1255 } |
1302 |
1256 |
1303 .plugins .plugin-title .dashicons:before { |
1257 .plugins .plugin-title .dashicons:before { |
1304 padding: 2px; |
1258 padding: 2px; |
1305 background-color: #eee; |
1259 background-color: #eee; |
1306 box-shadow: inset 0 0 10px rgba(160,165,170,.15); |
1260 box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15); |
1307 font-size: 60px; |
1261 font-size: 60px; |
1308 color: #B4B9BE; |
1262 color: #B4B9BE; |
1309 } |
1263 } |
1310 |
1264 |
1311 #update-themes-table .plugin-title img, |
1265 #update-themes-table .plugin-title img, |
1334 border-top-style: solid; |
1288 border-top-style: solid; |
1335 border-top-width: 1px; |
1289 border-top-width: 1px; |
1336 } |
1290 } |
1337 |
1291 |
1338 .plugins .plugin-update-tr .plugin-update { |
1292 .plugins .plugin-update-tr .plugin-update { |
1339 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
1293 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
1340 overflow: hidden; /* clearfix */ |
1294 overflow: hidden; /* clearfix */ |
1341 padding: 0; |
1295 padding: 0; |
1342 } |
1296 } |
1343 |
1297 |
1344 .plugins .plugin-update-tr .notice, |
1298 .plugins .plugin-update-tr .notice, |
1346 margin: 5px 40px 15px 20px; |
1300 margin: 5px 40px 15px 20px; |
1347 } |
1301 } |
1348 |
1302 |
1349 .plugins .notice p { |
1303 .plugins .notice p { |
1350 margin: 0.5em 0; |
1304 margin: 0.5em 0; |
|
1305 } |
|
1306 |
|
1307 .plugins .plugin-description a, |
|
1308 .plugins .plugin-update a, |
|
1309 .updates-table .plugin-title a { |
|
1310 text-decoration: underline; |
|
1311 } |
|
1312 |
|
1313 .plugins tr.paused th.check-column { |
|
1314 border-right: 4px solid #d54e21; |
|
1315 } |
|
1316 |
|
1317 .plugins tr.paused th, |
|
1318 .plugins tr.paused td { |
|
1319 background-color: #fef7f1; |
|
1320 } |
|
1321 |
|
1322 .plugins tr.paused .plugin-title, |
|
1323 .plugins .paused .dashicons-warning { |
|
1324 color: #dc3232; |
|
1325 } |
|
1326 |
|
1327 .plugins .paused .error-display p, |
|
1328 .plugins .paused .error-display code { |
|
1329 font-size: 90%; |
|
1330 font-style: italic; |
|
1331 color: rgb( 0, 0, 0, 0.7 ); |
|
1332 } |
|
1333 |
|
1334 .plugins .resume-link { |
|
1335 color: #dc3232; |
1351 } |
1336 } |
1352 |
1337 |
1353 .plugin-card .update-now:before { |
1338 .plugin-card .update-now:before { |
1354 color: #f56e28; |
1339 color: #f56e28; |
1355 content: "\f463"; |
1340 content: "\f463"; |
1362 vertical-align: top; |
1347 vertical-align: top; |
1363 } |
1348 } |
1364 |
1349 |
1365 .plugin-card .updating-message:before { |
1350 .plugin-card .updating-message:before { |
1366 content: "\f463"; |
1351 content: "\f463"; |
1367 -webkit-animation: rotation 2s infinite linear; |
|
1368 animation: rotation 2s infinite linear; |
1352 animation: rotation 2s infinite linear; |
1369 } |
|
1370 |
|
1371 @-webkit-keyframes rotation { |
|
1372 0% { |
|
1373 -webkit-transform: rotate(0deg); |
|
1374 transform: rotate(0deg); |
|
1375 } |
|
1376 100% { |
|
1377 -webkit-transform: rotate(-359deg); |
|
1378 transform: rotate(-359deg); |
|
1379 } |
|
1380 } |
1353 } |
1381 |
1354 |
1382 @keyframes rotation { |
1355 @keyframes rotation { |
1383 0% { |
1356 0% { |
1384 -webkit-transform: rotate(0deg); |
|
1385 transform: rotate(0deg); |
1357 transform: rotate(0deg); |
1386 } |
1358 } |
1387 100% { |
1359 100% { |
1388 -webkit-transform: rotate(-359deg); |
|
1389 transform: rotate(-359deg); |
1360 transform: rotate(-359deg); |
1390 } |
1361 } |
1391 } |
1362 } |
1392 |
1363 |
1393 .plugin-card .updated-message:before { |
1364 .plugin-card .updated-message:before { |
1567 -moz-osx-font-smoothing: grayscale; |
1563 -moz-osx-font-smoothing: grayscale; |
1568 text-decoration: none !important; |
1564 text-decoration: none !important; |
1569 color: #444; |
1565 color: #444; |
1570 } |
1566 } |
1571 |
1567 |
1572 .plugin-card .compatibility-incompatible:before { |
1568 .plugin-card .column-compatibility .compatibility-incompatible:before { |
1573 content: "\f158"; |
1569 content: "\f158"; |
1574 } |
1570 color: #c62d2d; |
1575 |
1571 } |
1576 .plugin-card .compatibility-compatible:before { |
1572 |
|
1573 .plugin-card .column-compatibility .compatibility-compatible:before { |
1577 content: "\f147"; |
1574 content: "\f147"; |
|
1575 color: #31843f; |
|
1576 } |
|
1577 |
|
1578 .plugin-card .notice { |
|
1579 margin: 20px 20px 0 20px; |
1578 } |
1580 } |
1579 |
1581 |
1580 .plugin-icon { |
1582 .plugin-icon { |
1581 position: absolute; |
1583 position: absolute; |
1582 top: 20px; |
1584 top: 20px; |
1731 |
1732 |
1732 .tablenav-pages .pagination-links { |
1733 .tablenav-pages .pagination-links { |
1733 font-size: 16px; |
1734 font-size: 16px; |
1734 } |
1735 } |
1735 |
1736 |
1736 .tablenav-pages .pagination-links a, |
1737 .tablenav .tablenav-pages .button, |
1737 .tablenav-pages-navspan { |
1738 .tablenav .tablenav-pages .tablenav-pages-navspan { |
1738 padding: 9px 11px 12px; |
1739 min-width: 44px; |
|
1740 padding: 12px 8px; |
1739 font-size: 18px; |
1741 font-size: 18px; |
1740 } |
1742 line-height: 1; |
1741 |
|
1742 .tablenav-pages-navspan { |
|
1743 height: 18px; |
|
1744 } |
1743 } |
1745 |
1744 |
1746 .tablenav-pages .pagination-links .current-page { |
1745 .tablenav-pages .pagination-links .current-page { |
1747 padding: 8px 9px 9px; |
1746 min-width: 44px; |
|
1747 padding: 12px 6px; |
1748 font-size: 16px; |
1748 font-size: 16px; |
|
1749 line-height: 18px; |
1749 } |
1750 } |
1750 |
1751 |
1751 /* WP List Table Adjustments: General */ |
1752 /* WP List Table Adjustments: General */ |
1752 .form-wrap > p { |
1753 .form-wrap > p { |
1753 display: none; |
1754 display: none; |
1897 |
1903 |
1898 .widefat * { |
1904 .widefat * { |
1899 word-wrap: normal; |
1905 word-wrap: normal; |
1900 } |
1906 } |
1901 |
1907 |
|
1908 /* Make row actions more easy to select on mobile */ |
|
1909 body:not(.plugins-php) .row-actions { |
|
1910 display: -ms-grid; |
|
1911 display: grid; |
|
1912 -ms-grid-columns: auto auto auto; |
|
1913 grid-template-columns: auto auto auto; |
|
1914 color: transparent; |
|
1915 } |
|
1916 |
|
1917 .row-actions span { |
|
1918 padding: 4px 0; |
|
1919 } |
|
1920 |
|
1921 .row-actions span a, |
|
1922 .row-actions span .button-link { |
|
1923 display: inline-block; |
|
1924 padding: 4px 0; |
|
1925 } |
|
1926 |
|
1927 .row-actions span.approve:before, |
|
1928 .row-actions span.unapprove:before { |
|
1929 content: "| "; |
|
1930 } |
|
1931 |
1902 /* Quick Edit and Bulk Edit */ |
1932 /* Quick Edit and Bulk Edit */ |
1903 #wpbody-content .quick-edit-row-post .inline-edit-col-left, |
1933 #wpbody-content .quick-edit-row-post .inline-edit-col-left, |
1904 #wpbody-content .quick-edit-row-post .inline-edit-col-right, |
1934 #wpbody-content .quick-edit-row-post .inline-edit-col-right, |
1905 #wpbody-content .inline-edit-row-post .inline-edit-col-center, |
1935 #wpbody-content .inline-edit-row-post .inline-edit-col-center, |
1906 #wpbody-content .quick-edit-row-page .inline-edit-col-left, |
1936 #wpbody-content .quick-edit-row-page .inline-edit-col-left, |
2016 display: block; |
2046 display: block; |
2017 width: auto; |
2047 width: auto; |
2018 padding: 10px 9px; /* reset from other list tables that have a label at this width */ |
2048 padding: 10px 9px; /* reset from other list tables that have a label at this width */ |
2019 } |
2049 } |
2020 |
2050 |
|
2051 /* Plugin description hidden via Screen Options */ |
|
2052 #wpbody-content .wp-list-table.plugins .desc.hidden { |
|
2053 display: none; |
|
2054 } |
|
2055 |
2021 #wpbody-content .wp-list-table.plugins .column-description { |
2056 #wpbody-content .wp-list-table.plugins .column-description { |
2022 padding-top: 2px; |
2057 padding-top: 2px; |
2023 } |
2058 } |
2024 |
2059 |
2025 #wpbody-content .wp-list-table.plugins .plugin-title, |
2060 #wpbody-content .wp-list-table.plugins .plugin-title, |
2120 box-shadow: none; |
2155 box-shadow: none; |
2121 } |
2156 } |
2122 |
2157 |
2123 table.plugin-install #the-list tr { |
2158 table.plugin-install #the-list tr { |
2124 display: block; |
2159 display: block; |
2125 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); |
2160 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
2126 } |
2161 } |
2127 |
2162 |
2128 .plugin-card { |
2163 .plugin-card { |
2129 margin-right: 0; |
2164 margin-right: 0; |
2130 margin-left: 0; |
2165 margin-left: 0; |
2131 width: 100%; |
2166 width: 100%; |
2132 } |
2167 } |
2133 } |
2168 } |
2134 |
2169 |
2135 @media screen and ( max-width: 480px ) { |
2170 @media screen and (max-width: 480px) { |
2136 .tablenav-pages .current-page { |
2171 .tablenav-pages .current-page { |
2137 margin: 0; |
2172 margin: 0; |
|
2173 } |
|
2174 |
|
2175 /* Drop row actions to two columns on a small screen */ |
|
2176 .row-actions:not(.plugins-php) { |
|
2177 -ms-grid-columns: auto auto; |
|
2178 grid-template-columns: auto auto; |
2138 } |
2179 } |
2139 |
2180 |
2140 .tablenav-pages .tablenav-paging-text { |
2181 .tablenav-pages .tablenav-paging-text { |
2141 float: right; |
2182 float: right; |
2142 width: 100%; |
2183 width: 100%; |