1 /* List table styles */
2 .post-com-count-wrapper {
11 text-decoration: none;
14 background-position: center -80px;
15 background-repeat: no-repeat;
19 .post-com-count:after { /* draw bubble connector using CSS! */
25 border-top: 5px solid #bbb;
26 border-left: 5px solid transparent;
29 .post-com-count span {
36 display: inline-block;
37 -webkit-border-radius: 5px;
39 background-color: #bbb;
43 .post-com-count:hover {
44 background-position: center -3px;
47 .post-com-count:hover span {
48 background-color: #2ea2cc;
51 .post-com-count:hover:after {
52 border-top: 5px solid #2ea2cc;
55 strong .post-com-count {
56 background-position: center -55px;
59 strong .post-com-count span {
60 background-color: #0074a2;
63 strong .post-com-count:after {
64 border-top: 5px solid #0074a2;
67 .column-response .post-com-count {
80 padding: 1em 1em .2em;
82 border-bottom: 1px solid #ccc;
100 /* reply to comments */
111 #replysubmit .spinner {
117 #replysubmit .button {
121 #replysubmit .error {
136 padding: 3px 5px 2px 0;
141 #edithead .inside input {
155 -webkit-box-shadow: none;
161 background-color: #f9f9f9;
164 /* @todo: is this used? */
165 .commentlist .avatar {
166 vertical-align: text-top;
169 #the-comment-list .attachment-80x60 {
173 #the-comment-list tr.undo,
174 #the-comment-list div.undo {
175 background-color: #f4f4f4;
178 #the-comment-list .unapproved th,
179 #the-comment-list .unapproved td {
180 background-color: #fef7f1;
183 #the-comment-list .unapproved th.check-column {
184 border-right: 4px solid #d54e21;
187 #the-comment-list .unapproved th.check-column input {
191 #the-comment-list .approve a {
195 #the-comment-list .unapprove a {
199 #the-comment-list th,
200 #the-comment-list td {
201 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
202 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
205 #the-comment-list tr:last-child th,
206 #the-comment-list tr:last-child td {
207 -webkit-box-shadow: none;
211 #the-comment-list tr.unapproved + tr.approved th,
212 #the-comment-list tr.unapproved + tr.approved td {
213 border-top: 1px solid rgba(0, 0, 0, 0.03);
216 /* table vim shortcuts */
220 background-color: #e4f2fd !important;
223 th .comment-grey-bubble {
228 th .comment-grey-bubble:before {
230 font: normal 20px/.5 'dashicons';
232 display: inline-block;
238 -webkit-font-smoothing: antialiased;
239 -moz-osx-font-smoothing: grayscale;
240 text-decoration: none !important;
244 /*------------------------------------------------------------------------------
245 10.0 - List Posts (/Pages/etc)
246 ------------------------------------------------------------------------------*/
252 .fixed .column-rating,
253 .fixed .column-visible {
257 .fixed .column-posts,
259 .fixed .column-parent,
260 .fixed .column-links,
261 .fixed .column-author,
262 .fixed .column-format {
266 .fixed .column-comment .comment-author {
270 .fixed .column-response,
271 .fixed .column-categories,
274 .fixed .column-role {
278 .fixed .column-slug {
282 .fixed .column-locations {
286 .fixed .column-comments {
292 .fixed .column-comments .vers {
296 .fixed .column-comments a {
300 .fixed .column-icon {
304 /* @todo: pick a consistent list table selector */
306 -webkit-transition: none;
310 #the-list tr:last-child td,
311 #the-list tr:last-child th {
312 border-bottom: none !important;
313 -webkit-box-shadow: none;
317 #comments-form .fixed .column-author {
321 #commentsdiv.postbox .inside {
326 #commentsdiv .inside .row-actions {
330 #commentsdiv .inside .column-author {
334 #commentsdiv .column-comment p {
339 #commentsdiv #replyrow td {
348 #commentsdiv .comments-box {
352 #commentsdiv .comments-box thead th {
353 background: transparent;
358 #commentsdiv .comments-box tr:last-child td {
359 border-bottom: 0 none;
362 #commentsdiv .spinner {
374 .sorting-indicator:before {
377 font: normal 20px/1 'dashicons';
379 display: inline-block;
387 -webkit-font-smoothing: antialiased;
388 -moz-osx-font-smoothing: grayscale;
389 text-decoration: none !important;
393 .column-comments .sorting-indicator:before {
398 th.sorted.asc .sorting-indicator:before,
399 th.desc:hover span.sorting-indicator:before {
403 th.sorted.desc .sorting-indicator:before,
404 th.asc:hover span.sorting-indicator:before {
408 tr.wp-locked .locked-indicator {
414 tr.wp-locked .locked-indicator:before {
417 display: inline-block;
419 font: normal 20px/1 'dashicons';
421 vertical-align: middle;
423 -webkit-font-smoothing: antialiased;
424 -moz-osx-font-smoothing: grayscale;
427 tr.wp-locked .check-column label,
428 tr.wp-locked .check-column input[type="checkbox"],
429 tr.wp-locked .row-actions .inline,
430 tr.wp-locked .row-actions .trash {
439 tr.wp-locked .locked-info {
449 tr.locked-info, tr.wp-locked .locked-info {
450 -webkit-transition: height 1s, opacity 0.5s;
451 transition: height 1s, opacity 0.5s;
454 .fixed .column-comments .sorting-indicator {
458 #menu-locations-wrap .widefat {
462 .widefat th.sortable,
471 padding: 7px 10px 8px 7px;
476 th.sortable a:active,
477 th.sortable a:focus {
481 th.sortable a:focus {
485 .fixed .column-comments.sortable a,
486 .fixed .column-comments.sorted a {
496 th.sorted.asc .sorting-indicator,
497 th.desc:hover span.sorting-indicator {
499 background-position: 0 0;
502 th.sorted.desc .sorting-indicator,
503 th.asc:hover span.sorting-indicator {
505 background-position: -7px 0;
514 .tablenav-pages .current-page {
518 .tablenav-pages .next-page {
522 .tablenav a.button-secondary {
531 vertical-align: middle;
538 .tablenav .tablenav-pages {
549 .tablenav .one-page .pagination-links {
553 .tablenav .tablenav-pages a,
554 .tablenav-pages span.current {
555 text-decoration: none;
559 .tablenav .tablenav-pages a {
562 background: rgba( 0, 0, 0, 0.05 );
567 .tablenav .tablenav-pages a:hover,
568 .tablenav .tablenav-pages a:focus {
573 .tablenav .tablenav-pages a.disabled,
574 .tablenav .tablenav-pages a.disabled:hover,
575 .tablenav .tablenav-pages a.disabled:focus,
576 .tablenav .tablenav-pages a.disabled:active {
579 background: rgba( 0, 0, 0, 0.05 );
582 .tablenav .displaying-num {
591 padding: 2px 0 0 8px;
598 /* @todo: unclear if the following tablenav rules are actually used.
599 classes exist in paginate_links() but not seen in list table output. */
601 border-color: transparent;
606 border-color: transparent;
610 .tablenav .next:hover,
611 .tablenav .prev:hover {
612 border-color: transparent;
618 margin: 5px 8px 0 16px;
626 text-decoration: none;
630 display: inline-block;
635 .view-switch > a:before {
638 display: inline-block;
640 font: normal 20px/1 'dashicons';
642 vertical-align: middle;
644 -webkit-font-smoothing: antialiased;
645 -moz-osx-font-smoothing: grayscale;
648 .view-switch a:hover:before {
652 .view-switch a.current:before {
656 .view-switch > a + a:before {
663 margin: -5px 10px 0 0;
674 #posts-filter fieldset {
676 margin: 0 0 1em 1.5ex;
680 #posts-filter fieldset legend {
681 padding: 0 1px .2em 0;
695 font-size: 14px !important;
699 .column-comment .comment-author {
700 margin-bottom: 0.6em;
704 .column-username img,
705 .column-comment .comment-author img {
718 tr:hover .row-actions,
719 .mobile .row-actions,
720 .row-actions.visible,
721 div.comment-item:hover .row-actions {
726 .row-actions-visible {
731 /*------------------------------------------------------------------------------
732 10.1 - Inline Editing
733 ------------------------------------------------------------------------------*/
736 .quick-edit* is for Quick Edit
737 .bulk-edit* is for Bulk Edit
738 .inline-edit* is for everything
743 #wpbody-content .inline-edit-row fieldset {
751 tr.inline-edit-row td,
752 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
756 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
757 border-width: 0 1px 0 0;
758 border-style: none none none solid;
761 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
765 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
769 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
773 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
777 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
778 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
782 #wpbody-content .bulk-edit-row .inline-edit-col-left {
786 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
790 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
795 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
799 .inline-edit-row fieldset .inline-edit-group {
803 .inline-edit-row fieldset .inline-edit-group:after {
811 .inline-edit-row p.submit {
817 .inline-edit-row span.error {
824 .inline-edit-row h4 {
829 .inline-edit-row fieldset span.title,
830 .inline-edit-row fieldset span.checkbox-title {
836 .inline-edit-row fieldset label,
837 .inline-edit-row fieldset span.inline-edit-categories-label {
842 .inline-edit-row fieldset label.inline-edit-tags {
846 .inline-edit-row fieldset label.inline-edit-tags span.title {
851 .inline-edit-row fieldset label span.title {
857 .inline-edit-row fieldset label span.input-text-wrap {
862 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
867 .inline-edit-row .input-text-wrap input[type=text] {
871 .inline-edit-row fieldset label input[type=checkbox] {
872 vertical-align: text-bottom;
875 .inline-edit-row fieldset label textarea {
880 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
884 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
888 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
892 .inline-edit-save .spinner {
899 .inline-edit-row h4 {
900 text-transform: uppercase;
903 .inline-edit-row fieldset span.title,
904 .inline-edit-row fieldset span.checkbox-title {
909 /* Specific Elements */
910 .inline-edit-row fieldset .inline-edit-date {
914 .inline-edit-row fieldset input[name=jj],
915 .inline-edit-row fieldset input[name=hh],
916 .inline-edit-row fieldset input[name=mn] {
921 .inline-edit-row fieldset input[name=aa] {
926 .inline-edit-row fieldset label input.inline-edit-password-input {
932 border: solid 1px #ddd;
936 background-color: #fff;
942 border: 1px solid #ddd;
948 .inline-edit-row fieldset ul.cat-checklist li,
949 .inline-edit-row fieldset ul.cat-checklist input {
951 position: relative; /* RTL fix, #WP27629 */
954 .inline-edit-row fieldset ul.cat-checklist label,
955 .inline-edit-row #bulk-titles div {
960 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
964 .inline-edit-row fieldset label input.inline-edit-slug-input {
968 .inline-edit-row #post_parent,
969 .inline-edit-row select[name="page_template"] {
973 .ie8 .inline-edit-row #post_parent,
974 .ie8 .inline-edit-row select[name="page_template"] {
978 .quick-edit-row-post fieldset label.inline-edit-status {
994 margin: 0 -2px 0 3px;
1000 #bulk-titles div a:before {
1005 /*------------------------------------------------------------------------------
1007 ------------------------------------------------------------------------------*/
1009 .plugins tbody th.check-column,
1011 padding: 8px 2px 0 0;
1014 .plugins tbody th.check-column input[type=checkbox] {
1018 #update-plugins-table tbody td p {
1022 #update-plugins-table tbody td p strong {
1026 .plugins thead th.check-column,
1027 .plugins tfoot th.check-column,
1028 .plugins .inactive th.check-column {
1032 #update-plugins-table thead th.check-column,
1033 #update-plugins-table tfoot th.check-column {
1066 list-style-type: disc;
1069 .plugins .row-actions {
1074 .plugins .inactive td,
1075 .plugins .inactive th,
1076 .plugins .active td,
1077 .plugins .active th {
1081 .plugins .active td,
1082 .plugins .active th {
1083 background-color: #f7fcfe;
1086 .plugins .update th,
1087 .plugins .update td {
1091 .plugin-update-tr td {
1095 .plugins .inactive td,
1096 .plugins .inactive th,
1097 .plugins .active td,
1098 .plugins .active th,
1099 .plugin-install #the-list td,
1100 .upgrade .plugins td,
1101 .upgrade .plugins th {
1102 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1103 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1106 .plugins tr.active.plugin-update-tr + tr.inactive th,
1107 .plugins tr.active.plugin-update-tr + tr.inactive td,
1108 .plugins tr.active + tr.inactive th,
1109 .plugins tr.active + tr.inactive td {
1110 border-top: 1px solid rgba(0,0,0,0.03);
1111 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1112 box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1115 .plugins .update td,
1116 .plugins .update th,
1117 .upgrade .plugins tr:last-of-type td,
1118 .upgrade .plugins tr:last-of-type th,
1119 .plugins tr.active + tr.inactive.update th,
1120 .plugins tr.active + tr.inactive.update td {
1121 -webkit-box-shadow: none;
1125 .plugins .active.update td,
1126 .plugins .active.update th,
1127 tr.active.update + tr.plugin-update-tr .plugin-update {
1128 background-color: #fef7f1;
1131 .plugins .active th.check-column {
1132 border-right: 4px solid #2ea2cc;
1135 .plugins .active.update th.check-column,
1136 .plugins .active.update + .plugin-update-tr .plugin-update {
1137 border-right: 4px solid #d54e21;
1140 #wpbody-content .plugins .plugin-title,
1141 #wpbody-content .plugins .theme-title {
1146 .plugins .inactive .plugin-title strong {
1151 .plugins .row-actions {
1155 .plugins .update .second,
1156 .plugins .update .row-actions {
1160 .plugins-php .widefat tfoot th,
1161 .plugins-php .widefat tfoot td {
1162 border-top-style: solid;
1163 border-top-width: 1px;
1166 .plugin-update-tr .update-message {
1168 font-weight: normal;
1169 margin: 6px 12px 12px;
1171 margin: 0 31px 8px 10px;
1172 background-color: #f7f7f7;
1173 background-color: rgba(0,0,0,0.03);
1176 .plugin-update-tr .update-message:before {
1179 display: inline-block;
1180 font: normal 20px/1 'dashicons';
1182 margin: 0 -2px 0 8px;
1183 -webkit-font-smoothing: antialiased;
1184 -moz-osx-font-smoothing: grayscale;
1185 vertical-align: top;
1188 .plugins .plugin-update {
1191 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1192 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1195 /* update notices for active plugins */
1196 tr.active + tr.plugin-update-tr .plugin-update {
1197 background-color: #f7fcfe;
1200 tr.active + tr.plugin-update-tr .plugin-update .update-message {
1201 background-color: #fcf3ef;
1204 .plugin-install-php h4 {
1205 margin: 2.5em 0 8px;
1209 /* Background Color for Site Status */
1210 .wp-list-table .site-deleted {
1211 background: #ff8573;
1213 .wp-list-table .site-spammed {
1214 background: #faafaa;
1216 .wp-list-table .site-archived {
1217 background: #ffebe8;
1219 .wp-list-table .site-mature {
1220 background: #fecac2;
1224 -------------------------------------------------------------- */
1229 @media screen and ( max-width: 782px ) {
1230 /* WP List Table Options & Filters */
1248 .tablenav br.clear {
1252 .tablenav.top .actions, .view-switch {
1257 .tablenav.top .displaying-num {
1261 .tablenav.bottom .displaying-num {
1274 .tablenav.bottom .tablenav-pages {
1278 .tablenav.top .tablenav-pages.one-page {
1282 .tablenav.bottom .tablenav-pages.one-page {
1287 .tablenav-pages .pagination-links .paging-input {
1291 .tablenav-pages .pagination-links a {
1292 padding: 8px 20px 11px;
1294 background: rgba(0, 0, 0, 0.05);
1297 .tablenav-pages .pagination-links .current-page {
1302 /* WP List Table Adjustments: General */
1311 /* Columns to hide */
1312 .fixed .column-date,
1313 .fixed .column-author,
1316 .tags .column-description,
1317 .media .column-parent,
1318 .users .column-email,
1319 .users .column-name,
1320 .sites .column-registered,
1321 .sites .column-users {
1325 .fixed .column-comment .comment-author {
1334 .fixed .column-comments, .widefat .check-column {
1338 .widefat thead .check-column, .widefat tfoot .check-column {
1339 padding: 10px 0 10px;
1346 /* Quick Edit and Bulk Edit */
1347 #wpbody-content .quick-edit-row-post .inline-edit-col-left,
1348 #wpbody-content .quick-edit-row-post .inline-edit-col-right,
1349 #wpbody-content .inline-edit-row-post .inline-edit-col-center,
1350 #wpbody-content .quick-edit-row-page .inline-edit-col-left,
1351 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
1352 #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
1353 #wpbody-content .bulk-edit-row .inline-edit-col-left,
1354 #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
1355 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
1360 #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
1361 #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
1362 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
1363 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1369 #wpbody .bulk-edit-row fieldset select {
1373 -webkit-box-sizing: border-box;
1374 -moz-box-sizing: border-box;
1375 box-sizing: border-box;
1378 .inline-edit-row fieldset ul.cat-checklist label,
1379 .inline-edit-row #bulk-titles div {
1383 .inline-edit-row fieldset label span.title {
1387 .inline-edit-row fieldset label.inline-edit-tags {
1391 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
1395 .inline-edit-row fieldset label span.input-text-wrap {
1399 .inline-edit-row fieldset input[name=jj],
1400 .inline-edit-row fieldset input[name=hh],
1401 .inline-edit-row fieldset input[name=mn] {
1405 .inline-edit-row fieldset input[name=aa] {
1410 margin: 0.8em 0.3em;
1413 #bulk-titles div a {
1418 .tags .column-posts {
1422 .tags .column-slug {
1427 .comments .column-response {
1432 .users .column-role {
1436 /* Network admin sites */
1437 .sites .column-blogname {
1442 #wpbody-content #update-themes-table .plugin-title {
1447 .link-manager-php #posts-filter {
1451 .link-manager-php .tablenav.bottom {
1455 /* Plugin/Theme Management Page */
1456 .wp-list-table.plugins {
1459 margin-bottom: 50px;
1462 .wp-list-table.plugins thead .column-description,
1463 #wpbody-content .wp-list-table.plugins tfoot .column-description,
1464 .wp-list-table.plugins th#description {
1468 #wpbody-content .wp-list-table.plugins,
1469 #wpbody-content .wp-list-table.plugins thead,
1470 #wpbody-content .wp-list-table.plugins tbody,
1471 #wpbody-content .wp-list-table.plugins tr,
1472 #wpbody-content .wp-list-table.plugins .column-description,
1473 #wpbody-content .wp-list-table.plugins .plugin-title,
1474 #wpbody-content .wp-list-table.plugins .theme-title,
1475 #wpbody-content .wp-list-table.plugins .plugin-update,
1476 #wpbody-content .wp-list-table.plugins .manage-column.column-name {
1481 .wp-list-table.plugins thead,
1482 .wp-list-table.plugins tfoot {
1491 .wp-list-table.plugins tfoot {
1496 .active, .inactive {
1500 .wp-list-table.plugins .plugin-title,
1501 .wp-list-table.plugins .theme-title {
1503 padding-bottom: 4px;
1506 .plugins tr.active + tr.inactive th.check-column,
1507 .plugins tr.active + tr.inactive td,
1508 .wp-list-table.plugins .plugin-title,
1509 .wp-list-table.plugins .theme-title,
1510 .wp-list-table.plugins tbody th {
1511 -webkit-box-shadow: none;
1519 .plugins tr.active + tr.inactive td.column-description {
1520 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1521 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1524 .plugins tr.active + tr.inactive th.check-column,
1525 .plugins tr.active + tr.inactive td {
1529 .wp-list-table.plugins .column-description {
1533 .wp-list-table.plugins .manage-column.column-name,
1534 .wp-list-table.plugins .column-description,
1535 .wp-list-table.plugins .plugin-title,
1536 .wp-list-table.plugins .theme-title {
1538 padding-right: 46px;
1541 .wp-list-table.plugins tr {
1545 .wp-list-table.plugins th.check-column,
1546 .wp-list-table.plugins tr.update th.check-column {
1556 .wp-list-table.plugins thead th.check-column,
1557 .wp-list-table.plugins tfoot th.check-column {
1563 .widefat tbody th.check-column input[type="checkbox"] {
1568 .wp-list-table.plugins .active .check-column input,
1569 .wp-list-table.plugins .update .check-column input {
1573 .wp-list-table.plugins thead .check-column input,
1574 .wp-list-table.plugins tfoot .check-column input {
1578 .wp-list-table.plugins .active th.check-column {
1582 .wp-list-table.plugins .plugin-title strong,
1583 .wp-list-table.plugins .theme-title strong {
1588 /* Add New plugins page */
1589 table.plugin-install .column-name,
1590 table.plugin-install .column-version,
1591 table.plugin-install .column-rating,
1592 table.plugin-install .column-description {
1597 table.plugin-install th.column-name,
1598 table.plugin-install th.column-version,
1599 table.plugin-install th.column-rating,
1600 table.plugin-install th.column-description {
1604 table.plugin-install td.column-name strong {
1609 table.plugin-install #the-list td {
1610 -webkit-box-shadow: none;
1614 table.plugin-install #the-list tr {
1616 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1617 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);