wp/wp-admin/css/list-tables.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
    56 	height: 2em;
    56 	height: 2em;
    57 	border-radius: 5px;
    57 	border-radius: 5px;
    58 	background-color: #72777c;
    58 	background-color: #72777c;
    59 	color: #fff;
    59 	color: #fff;
    60 	font-size: 11px;
    60 	font-size: 11px;
    61 	line-height: 21px;
    61 	line-height: 1.90909090;
    62 	text-align: center;
    62 	text-align: center;
    63 }
       
    64 
       
    65 .ie8 .column-response .comment-count-no-comments,
       
    66 .ie8 .column-response .comment-count-approved,
       
    67 .ie8 .column-comments .comment-count-no-comments,
       
    68 .ie8 .column-comments .comment-count-approved {
       
    69 	min-width: 0;
       
    70 }
    63 }
    71 
    64 
    72 .column-response .post-com-count-no-comments:after,
    65 .column-response .post-com-count-no-comments:after,
    73 .column-response .post-com-count-approved:after,
    66 .column-response .post-com-count-approved:after,
    74 .column-comments .post-com-count-no-comments:after,
    67 .column-comments .post-com-count-no-comments:after,
    80 	height: 0;
    73 	height: 0;
    81 	border-top: 5px solid #72777c;
    74 	border-top: 5px solid #72777c;
    82 	border-right: 5px solid transparent;
    75 	border-right: 5px solid transparent;
    83 }
    76 }
    84 
    77 
    85 .column-response .post-com-count-approved:hover .comment-count-approved,
    78 .column-response a.post-com-count-approved:hover .comment-count-approved,
    86 .column-response .post-com-count-approved:focus .comment-count-approved,
    79 .column-response a.post-com-count-approved:focus .comment-count-approved,
    87 .column-comments .post-com-count-approved:hover .comment-count-approved,
    80 .column-comments a.post-com-count-approved:hover .comment-count-approved,
    88 .column-comments .post-com-count-approved:focus .comment-count-approved {
    81 .column-comments a.post-com-count-approved:focus .comment-count-approved {
    89 	background: #0073aa;
    82 	background: #0073aa;
    90 }
    83 }
    91 
    84 
    92 .column-response .post-com-count-approved:hover:after,
    85 .column-response a.post-com-count-approved:hover:after,
    93 .column-response .post-com-count-approved:focus:after,
    86 .column-response a.post-com-count-approved:focus:after,
    94 .column-comments .post-com-count-approved:hover:after,
    87 .column-comments a.post-com-count-approved:hover:after,
    95 .column-comments .post-com-count-approved:focus:after {
    88 .column-comments a.post-com-count-approved:focus:after {
    96 	border-top-color: #0073aa;
    89 	border-top-color: #0073aa;
    97 }
    90 }
    98 
    91 
    99 /* @todo: consider to use a single rule for these counters and the admin menu counters. */
    92 /* @todo: consider to use a single rule for these counters and the admin menu counters. */
   100 .column-response .post-com-count-pending,
    93 .column-response .post-com-count-pending,
   107 	border: 2px solid #fff;
   100 	border: 2px solid #fff;
   108 	border-radius: 11px;
   101 	border-radius: 11px;
   109 	background: #ca4a1f;
   102 	background: #ca4a1f;
   110 	color: #fff;
   103 	color: #fff;
   111 	font-size: 9px;
   104 	font-size: 9px;
   112 	line-height: 17px;
   105 	line-height: 1.88888888;
   113 	text-align: center;
   106 	text-align: center;
   114 }
   107 }
   115 
   108 
   116 .column-response .post-com-count-no-pending,
   109 .column-response .post-com-count-no-pending,
   117 .column-comments .post-com-count-no-pending {
   110 .column-comments .post-com-count-no-pending {
   300 .fixed .column-visible {
   293 .fixed .column-visible {
   301 	width: 8%;
   294 	width: 8%;
   302 }
   295 }
   303 
   296 
   304 .fixed .column-posts,
   297 .fixed .column-posts,
   305 .fixed .column-date,
       
   306 .fixed .column-parent,
   298 .fixed .column-parent,
   307 .fixed .column-links,
   299 .fixed .column-links,
   308 .fixed .column-author,
   300 .fixed .column-author,
   309 .fixed .column-format {
   301 .fixed .column-format {
   310 	width: 10%;
   302 	width: 10%;
       
   303 }
       
   304 
       
   305 .fixed .column-date {
       
   306 	width: 14%;
       
   307 }
       
   308 
       
   309 .column-date span[title] {
       
   310 	-webkit-text-decoration: dotted underline;
       
   311 	text-decoration: dotted underline;
   311 }
   312 }
   312 
   313 
   313 .fixed .column-posts {
   314 .fixed .column-posts {
   314 	width: 74px;
   315 	width: 74px;
   315 }
   316 }
   390 
   391 
   391 #comments-form .fixed .column-author {
   392 #comments-form .fixed .column-author {
   392 	width: 20%;
   393 	width: 20%;
   393 }
   394 }
   394 
   395 
   395 #comments-form .fixed .column-date {
       
   396 	width: 14%;
       
   397 }
       
   398 
       
   399 #commentsdiv.postbox .inside {
   396 #commentsdiv.postbox .inside {
   400 	margin: 0;
   397 	margin: 0;
   401 	padding: 0;
   398 	padding: 0;
   402 }
   399 }
   403 
   400 
   404 #commentsdiv .inside .row-actions {
   401 #commentsdiv .inside .row-actions {
   405 	line-height: 18px;
   402 	line-height: 1.38461538;
   406 }
   403 }
   407 
   404 
   408 #commentsdiv .inside .column-author {
   405 #commentsdiv .inside .column-author {
   409 	width: 25%;
   406 	width: 25%;
   410 }
   407 }
   429 
   426 
   430 #commentsdiv .comments-box thead th,
   427 #commentsdiv .comments-box thead th,
   431 #commentsdiv .comments-box thead td {
   428 #commentsdiv .comments-box thead td {
   432 	background: transparent;
   429 	background: transparent;
   433 	padding: 0 7px 4px;
   430 	padding: 0 7px 4px;
   434 	font-style: italic;
       
   435 }
   431 }
   436 
   432 
   437 #commentsdiv .comments-box tr:last-child td {
   433 #commentsdiv .comments-box tr:last-child td {
   438 	border-bottom: 0 none;
   434 	border-bottom: 0 none;
   439 }
   435 }
   458 	display: inline-block;
   454 	display: inline-block;
   459 	padding: 0;
   455 	padding: 0;
   460 	top: -4px;
   456 	top: -4px;
   461 	left: -8px;
   457 	left: -8px;
   462 	color: #444;
   458 	color: #444;
   463 	line-height: 10px;
   459 	line-height: 0.5;
   464 	position: relative;
   460 	position: relative;
   465 	vertical-align: top;
   461 	vertical-align: top;
   466 	-webkit-font-smoothing: antialiased;
   462 	-webkit-font-smoothing: antialiased;
   467 	-moz-osx-font-smoothing: grayscale;
   463 	-moz-osx-font-smoothing: grayscale;
   468 	text-decoration: none !important;
   464 	text-decoration: none !important;
   505 
   501 
   506 .wp-list-table .toggle-row:focus:before {
   502 .wp-list-table .toggle-row:focus:before {
   507 	box-shadow:
   503 	box-shadow:
   508 		0 0 0 1px #5b9dd9,
   504 		0 0 0 1px #5b9dd9,
   509 		0 0 2px 1px rgba(30, 140, 190, 0.8);
   505 		0 0 2px 1px rgba(30, 140, 190, 0.8);
   510 }
       
   511 
       
   512 .ie8 .wp-list-table .toggle-row:focus:before {
       
   513 	outline: #5b9dd9 solid 1px;
       
   514 }
   506 }
   515 
   507 
   516 .wp-list-table .toggle-row:active {
   508 .wp-list-table .toggle-row:active {
   517 	box-shadow: none;
   509 	box-shadow: none;
   518 }
   510 }
   535 
   527 
   536 .wp-list-table .is-expanded .toggle-row:before {
   528 .wp-list-table .is-expanded .toggle-row:before {
   537 	content: "\f142";
   529 	content: "\f142";
   538 }
   530 }
   539 
   531 
   540 tr.wp-locked .locked-indicator {
   532 .locked-indicator {
       
   533 	display: none;
   541 	margin-left: 6px;
   534 	margin-left: 6px;
   542 	height: 20px;
   535 	height: 20px;
   543 	width: 16px;
   536 	width: 16px;
   544 }
   537 }
   545 
   538 
   546 tr.wp-locked .locked-indicator-icon:before {
   539 .locked-indicator-icon:before {
   547 	color: #82878c;
   540 	color: #82878c;
   548 	content: "\f160";
   541 	content: "\f160";
   549 	display: inline-block;
   542 	display: inline-block;
   550 	font: normal 20px/1 dashicons;
   543 	font: normal 20px/1 dashicons;
   551 	speak: none;
   544 	speak: none;
   552 	vertical-align: middle;
   545 	vertical-align: middle;
   553 	-webkit-font-smoothing: antialiased;
   546 	-webkit-font-smoothing: antialiased;
   554 	-moz-osx-font-smoothing: grayscale;
   547 	-moz-osx-font-smoothing: grayscale;
   555 }
   548 }
   556 
   549 
       
   550 .locked-info {
       
   551 	display: none;
       
   552 	margin-top: 4px;
       
   553 }
       
   554 
       
   555 .locked-text {
       
   556 	vertical-align: top;
       
   557 }
       
   558 
       
   559 .wp-locked .locked-indicator,
       
   560 .wp-locked .locked-info {
       
   561 	display: block;
       
   562 }
       
   563 
   557 tr.wp-locked .check-column label,
   564 tr.wp-locked .check-column label,
   558 tr.wp-locked .check-column input[type="checkbox"],
   565 tr.wp-locked .check-column input[type="checkbox"],
   559 tr.wp-locked .row-actions .inline,
   566 tr.wp-locked .row-actions .inline,
   560 tr.wp-locked .row-actions .trash {
   567 tr.wp-locked .row-actions .trash {
   561 	display: none;
   568 	display: none;
   562 }
       
   563 
       
   564 tr .locked-info {
       
   565 	height: 0;
       
   566 	opacity: 0;
       
   567 }
       
   568 
       
   569 tr.wp-locked .locked-info {
       
   570 	margin-top: 4px;
       
   571 	height: auto;
       
   572 	opacity: 1;
       
   573 }
       
   574 
       
   575 .locked-text {
       
   576 	vertical-align: top;
       
   577 }
       
   578 
       
   579 tr.locked-info, tr.wp-locked .locked-info {
       
   580 	transition: height 1s, opacity 0.5s;
       
   581 }
   569 }
   582 
   570 
   583 .fixed .column-comments .sorting-indicator {
   571 .fixed .column-comments .sorting-indicator {
   584 	margin-top: 3px;
   572 	margin-top: 3px;
   585 }
   573 }
   619 	visibility: visible;
   607 	visibility: visible;
   620 }
   608 }
   621 
   609 
   622 .tablenav-pages .current-page {
   610 .tablenav-pages .current-page {
   623 	margin: 0 2px 0 0;
   611 	margin: 0 2px 0 0;
   624 	padding-top: 5px;
       
   625 	padding-bottom: 5px;
       
   626 	font-size: 13px;
   612 	font-size: 13px;
   627 	text-align: center;
   613 	text-align: center;
   628 }
   614 }
   629 
   615 
   630 .tablenav .total-pages {
   616 .tablenav .total-pages {
   637 
   623 
   638 .tablenav {
   624 .tablenav {
   639 	clear: both;
   625 	clear: both;
   640 	height: 30px;
   626 	height: 30px;
   641 	margin: 6px 0 4px;
   627 	margin: 6px 0 4px;
       
   628 	padding-top: 5px;
   642 	vertical-align: middle;
   629 	vertical-align: middle;
   643 }
   630 }
   644 
   631 
   645 .tablenav.themes {
   632 .tablenav.themes {
   646 	max-width: 98%;
   633 	max-width: 98%;
   647 }
   634 }
   648 
   635 
   649 .tablenav .tablenav-pages {
   636 .tablenav .tablenav-pages {
   650 	float: right;
   637 	float: right;
   651 	margin: 3px 0 9px;
   638 	margin: 0 0 9px;
   652 }
   639 }
   653 
   640 
   654 .tablenav .no-pages,
   641 .tablenav .no-pages,
   655 .tablenav .one-page .pagination-links {
   642 .tablenav .one-page .pagination-links {
   656 	display: none;
   643 	display: none;
   658 
   645 
   659 .tablenav .tablenav-pages .button,
   646 .tablenav .tablenav-pages .button,
   660 .tablenav .tablenav-pages .tablenav-pages-navspan {
   647 .tablenav .tablenav-pages .tablenav-pages-navspan {
   661 	display: inline-block;
   648 	display: inline-block;
   662 	vertical-align: baseline;
   649 	vertical-align: baseline;
   663 	min-width: 28px;
   650 	min-width: 30px;
   664 	min-height: 28px;
   651 	min-height: 30px;
   665 	margin: 0;
   652 	margin: 0;
   666 	padding: 0 4px;
   653 	padding: 0 4px;
   667 	font-size: 16px;
   654 	font-size: 16px;
   668 	line-height: 1.5;
   655 	line-height: 1.625; /* 26px */
   669 	text-align: center;
   656 	text-align: center;
   670 }
   657 }
   671 
   658 
   672 .tablenav .displaying-num {
   659 .tablenav .displaying-num {
   673 	margin-right: 7px;
   660 	margin-right: 7px;
   677 	display: inline-block;
   664 	display: inline-block;
   678 	margin: 5px 0;
   665 	margin: 5px 0;
   679 }
   666 }
   680 
   667 
   681 .tablenav .actions {
   668 .tablenav .actions {
   682 	overflow: hidden;
   669 	padding: 0 8px 0 0;
   683 	padding: 2px 8px 0 0;
       
   684 }
   670 }
   685 
   671 
   686 .wp-filter .actions {
   672 .wp-filter .actions {
   687 	display: inline-block;
   673 	display: inline-block;
   688 	vertical-align: middle;
   674 	vertical-align: middle;
   713 .view-switch a {
   699 .view-switch a {
   714 	float: left;
   700 	float: left;
   715 	width: 28px;
   701 	width: 28px;
   716 	height: 28px;
   702 	height: 28px;
   717 	text-align: center;
   703 	text-align: center;
   718 	line-height: 24px;
   704 	line-height: 1.84615384;
   719 	text-decoration: none;
   705 	text-decoration: none;
   720 }
   706 }
   721 
   707 
   722 .view-switch a:before {
   708 .view-switch a:before {
   723 	color: #b4b9be;
   709 	color: #b4b9be;
   947 }
   933 }
   948 
   934 
   949 .inline-edit-row fieldset.inline-edit-date label {
   935 .inline-edit-row fieldset.inline-edit-date label {
   950 	display: inline-block;
   936 	display: inline-block;
   951 	margin: 0;
   937 	margin: 0;
   952 	line-height: 1.5;
       
   953 	vertical-align: baseline;
   938 	vertical-align: baseline;
       
   939 	line-height: 2;
   954 }
   940 }
   955 
   941 
   956 .inline-edit-row fieldset label.inline-edit-tags {
   942 .inline-edit-row fieldset label.inline-edit-tags {
   957 	margin-top: 0;
   943 	margin-top: 0;
   958 }
   944 }
   972 
   958 
   973 #posts-filter fieldset.inline-edit-date legend {
   959 #posts-filter fieldset.inline-edit-date legend {
   974 	padding: 0;
   960 	padding: 0;
   975 }
   961 }
   976 
   962 
   977 .inline-edit-row fieldset.inline-edit-date select {
       
   978 	margin: 1px;
       
   979 	line-height: 28px;
       
   980 }
       
   981 
       
   982 .inline-edit-row fieldset label span.input-text-wrap,
   963 .inline-edit-row fieldset label span.input-text-wrap,
   983 .inline-edit-row fieldset .timestamp-wrap {
   964 .inline-edit-row fieldset .timestamp-wrap {
   984 	display: block;
   965 	display: block;
   985 	margin-left: 6em;
   966 	margin-left: 6em;
   986 }
   967 }
  1024 /*	Styling */
  1005 /*	Styling */
  1025 .inline-edit-row .inline-edit-legend {
  1006 .inline-edit-row .inline-edit-legend {
  1026 	text-transform: uppercase;
  1007 	text-transform: uppercase;
  1027 }
  1008 }
  1028 
  1009 
  1029 .inline-edit-row fieldset span.title,
       
  1030 .inline-edit-row fieldset span.checkbox-title {
       
  1031 	font-style: italic;
       
  1032 }
       
  1033 
       
  1034 /*	Specific Elements */
  1010 /*	Specific Elements */
  1035 .inline-edit-row fieldset .inline-edit-date {
  1011 .inline-edit-row fieldset .inline-edit-date {
  1036 	float: left;
  1012 	float: left;
  1037 }
  1013 }
  1038 
  1014 
  1039 .inline-edit-row fieldset input[name=jj],
  1015 .inline-edit-row fieldset input[name=jj],
  1040 .inline-edit-row fieldset input[name=hh],
  1016 .inline-edit-row fieldset input[name=hh],
  1041 .inline-edit-row fieldset input[name=mn] {
  1017 .inline-edit-row fieldset input[name=mn],
  1042 	font-size: 12px;
       
  1043 	width: 2.3em;
       
  1044 }
       
  1045 
       
  1046 .inline-edit-row fieldset input[name=aa] {
  1018 .inline-edit-row fieldset input[name=aa] {
  1047 	font-size: 12px;
  1019 	vertical-align: middle;
  1048 	width: 3.5em;
  1020 	text-align: center;
       
  1021 	padding: 0 4px;
  1049 }
  1022 }
  1050 
  1023 
  1051 .inline-edit-row fieldset label input.inline-edit-password-input {
  1024 .inline-edit-row fieldset label input.inline-edit-password-input {
  1052 	width: 8em;
  1025 	width: 8em;
  1053 }
  1026 }
  1091 }
  1064 }
  1092 
  1065 
  1093 .inline-edit-row #post_parent,
  1066 .inline-edit-row #post_parent,
  1094 .inline-edit-row select[name="page_template"] {
  1067 .inline-edit-row select[name="page_template"] {
  1095 	max-width: 80%;
  1068 	max-width: 80%;
  1096 }
       
  1097 
       
  1098 .ie8 .inline-edit-row #post_parent,
       
  1099 .ie8 .inline-edit-row select[name="page_template"] {
       
  1100 	width: 250px;
       
  1101 }
  1069 }
  1102 
  1070 
  1103 .quick-edit-row-post fieldset label.inline-edit-status {
  1071 .quick-edit-row-post fieldset label.inline-edit-status {
  1104 	float: left;
  1072 	float: left;
  1105 }
  1073 }
  1168 .plugins .desc p {
  1136 .plugins .desc p {
  1169 	margin: 0 0 8px;
  1137 	margin: 0 0 8px;
  1170 }
  1138 }
  1171 
  1139 
  1172 .plugins td.desc {
  1140 .plugins td.desc {
  1173 	line-height: 1.5em;
  1141 	line-height: 1.5;
  1174 }
  1142 }
  1175 
  1143 
  1176 .plugins .desc ul,
  1144 .plugins .desc ul,
  1177 .plugins .desc ol {
  1145 .plugins .desc ol {
  1178 	margin: 0 0 0 2em;
  1146 	margin: 0 0 0 2em;
  1265 #update-themes-table .plugin-title img,
  1233 #update-themes-table .plugin-title img,
  1266 #update-themes-table .plugin-title .dashicons {
  1234 #update-themes-table .plugin-title .dashicons {
  1267 	width: 85px;
  1235 	width: 85px;
  1268 }
  1236 }
  1269 
  1237 
       
  1238 .plugins .column-auto-updates {
       
  1239 	width: 14.2em;
       
  1240 }
       
  1241 
  1270 .plugins .inactive .plugin-title strong {
  1242 .plugins .inactive .plugin-title strong {
  1271 	font-weight: 400;
  1243 	font-weight: 400;
  1272 }
  1244 }
  1273 
  1245 
  1274 .plugins .second,
  1246 .plugins .second,
  1325 }
  1297 }
  1326 
  1298 
  1327 .plugins .paused .error-display p,
  1299 .plugins .paused .error-display p,
  1328 .plugins .paused .error-display code {
  1300 .plugins .paused .error-display code {
  1329 	font-size: 90%;
  1301 	font-size: 90%;
  1330 	font-style: italic;
  1302 	color: rgba( 0, 0, 0, 0.7 );
  1331 	color: rgb( 0, 0, 0, 0.7 );
       
  1332 }
  1303 }
  1333 
  1304 
  1334 .plugins .resume-link {
  1305 .plugins .resume-link {
  1335 	color: #dc3232;
  1306 	color: #dc3232;
  1336 }
  1307 }
  1467 .plugin-action-buttons {
  1438 .plugin-action-buttons {
  1468 	margin: 0; /* Override existing margins */
  1439 	margin: 0; /* Override existing margins */
  1469 }
  1440 }
  1470 
  1441 
  1471 .plugin-card h3 {
  1442 .plugin-card h3 {
  1472 	margin: 0 0 12px;
  1443 	margin: 0 12px 12px 0;
  1473 	font-size: 18px;
  1444 	font-size: 18px;
  1474 	line-height: 1.3;
  1445 	line-height: 1.3;
  1475 }
  1446 }
  1476 
  1447 
  1477 .plugin-card .name,
  1448 .plugin-card .name,
  1478 .plugin-card .desc {
  1449 .plugin-card .desc {
  1479 	margin-left: 148px; /* icon + margin */
  1450 	margin-left: 148px; /* icon + margin */
  1480 	margin-right: 120px; /* action links */
  1451 	margin-right: 128px; /* action links + margin */
  1481 }
  1452 }
  1482 
  1453 
  1483 .plugin-card .action-links {
  1454 .plugin-card .action-links {
  1484 	position: absolute;
  1455 	position: absolute;
  1485 	top: 20px;
  1456 	top: 20px;
  1488 }
  1459 }
  1489 
  1460 
  1490 .plugin-action-buttons {
  1461 .plugin-action-buttons {
  1491 	clear: right;
  1462 	clear: right;
  1492 	float: right;
  1463 	float: right;
  1493 	margin-left: 2em;
       
  1494 	margin-bottom: 1em;
  1464 	margin-bottom: 1em;
  1495 	text-align: right;
  1465 	text-align: right;
  1496 }
  1466 }
  1497 
  1467 
  1498 .plugin-action-buttons li {
  1468 .plugin-action-buttons li {
  1524 .plugin-card-update-failed .plugin-card-bottom {
  1494 .plugin-card-update-failed .plugin-card-bottom {
  1525 	display: none;
  1495 	display: none;
  1526 }
  1496 }
  1527 
  1497 
  1528 .plugin-card .column-rating {
  1498 .plugin-card .column-rating {
  1529 	line-height: 23px;
  1499 	line-height: 1.76923076;
  1530 }
  1500 }
  1531 
  1501 
  1532 .plugin-card .column-rating,
  1502 .plugin-card .column-rating,
  1533 .plugin-card .column-updated {
  1503 .plugin-card .column-updated {
  1534 	margin-bottom: 4px;
  1504 	margin-bottom: 4px;
  1648 
  1618 
  1649 	.plugin-action-buttons li .button {
  1619 	.plugin-action-buttons li .button {
  1650 		margin-right: 20px;
  1620 		margin-right: 20px;
  1651 	}
  1621 	}
  1652 
  1622 
       
  1623 	.plugin-card h3 {
       
  1624 		margin-right: 24px;
       
  1625 	}
       
  1626 
  1653 	.plugin-card .name,
  1627 	.plugin-card .name,
  1654 	.plugin-card .desc {
  1628 	.plugin-card .desc {
  1655 		margin-right: 0;
  1629 		margin-right: 0;
  1656 	}
  1630 	}
  1657 
  1631 
  1658 	.plugin-card .desc p:first-of-type {
  1632 	.plugin-card .desc p:first-of-type {
  1659 		margin-top: 0;
  1633 		margin-top: 0;
  1660 	}
       
  1661 
       
  1662 	.fixed .column-date {
       
  1663 		width: 14%;
       
  1664 	}
  1634 	}
  1665 }
  1635 }
  1666 
  1636 
  1667 @media screen and (max-width: 782px) {
  1637 @media screen and (max-width: 782px) {
  1668 	/* WP List Table Options & Filters */
  1638 	/* WP List Table Options & Filters */
  1693 	}
  1663 	}
  1694 
  1664 
  1695 	.view-switch a {
  1665 	.view-switch a {
  1696 		width: 36px;
  1666 		width: 36px;
  1697 		height: 36px;
  1667 		height: 36px;
  1698 		line-height: 33px;
  1668 		line-height: 2.53846153;
  1699 	}
  1669 	}
  1700 
  1670 
  1701 	/* Pagination */
  1671 	/* Pagination */
  1702 	.tablenav.top .displaying-num {
  1672 	.tablenav.top .displaying-num {
  1703 		display: none;
  1673 		display: none;
  1744 
  1714 
  1745 	.tablenav-pages .pagination-links .current-page {
  1715 	.tablenav-pages .pagination-links .current-page {
  1746 		min-width: 44px;
  1716 		min-width: 44px;
  1747 		padding: 12px 6px;
  1717 		padding: 12px 6px;
  1748 		font-size: 16px;
  1718 		font-size: 16px;
  1749 		line-height: 18px;
  1719 		line-height: 1.125;
  1750 	}
  1720 	}
  1751 
  1721 
  1752 	/* WP List Table Adjustments: General */
  1722 	/* WP List Table Adjustments: General */
  1753 	.form-wrap > p {
  1723 	.form-wrap > p {
  1754 		display: none;
  1724 		display: none;
  1755 	}
  1725 	}
  1756 
  1726 
  1757 	.comment-count {
       
  1758 		font-size: 14px;
       
  1759 	}
       
  1760 
       
  1761 	.wp-list-table th.column-primary ~ th,
  1727 	.wp-list-table th.column-primary ~ th,
  1762 	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
  1728 	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
  1763 		display: none;
  1729 		display: none;
  1764 	}
  1730 	}
  1765 
  1731 
  1768 	}
  1734 	}
  1769 
  1735 
  1770 	/* Checkboxes need to show */
  1736 	/* Checkboxes need to show */
  1771 	.wp-list-table tr th.check-column {
  1737 	.wp-list-table tr th.check-column {
  1772 		display: table-cell;
  1738 		display: table-cell;
  1773 		width: 35px;
  1739 	}
       
  1740 
       
  1741 	.wp-list-table .check-column {
       
  1742 		width: 2.5em;
  1774 	}
  1743 	}
  1775 
  1744 
  1776 	.wp-list-table .column-primary .toggle-row {
  1745 	.wp-list-table .column-primary .toggle-row {
  1777 		display: block;
  1746 		display: block;
  1778 	}
  1747 	}
  1779 
  1748 
  1780 	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
  1749 	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
  1781 		position: relative;
  1750 		position: relative;
  1782 		clear: both;
  1751 		clear: both;
  1783 		display: block;
       
  1784 		width: auto !important; /* needs to override some columns that are more specifically targeted */
  1752 		width: auto !important; /* needs to override some columns that are more specifically targeted */
  1785 	}
  1753 	}
  1786 
  1754 
  1787 	.wp-list-table td.column-primary {
  1755 	.wp-list-table td.column-primary {
  1788 		padding-right: 50px; /* space for toggle button */
  1756 		padding-right: 50px; /* space for toggle button */
  1899 	.widefat thead td.check-column,
  1867 	.widefat thead td.check-column,
  1900 	.widefat tfoot td.check-column {
  1868 	.widefat tfoot td.check-column {
  1901 		padding-top: 10px;
  1869 		padding-top: 10px;
  1902 	}
  1870 	}
  1903 
  1871 
  1904 	.widefat * {
       
  1905 		word-wrap: normal;
       
  1906 	}
       
  1907 
       
  1908 	/* Make row actions more easy to select on mobile */
  1872 	/* Make row actions more easy to select on mobile */
  1909 	body:not(.plugins-php) .row-actions {
  1873 	body:not(.plugins-php) .row-actions {
  1910 		display: -ms-grid;
  1874 		display: -ms-grid;
  1911 		display: grid;
  1875 		display: grid;
  1912 		-ms-grid-columns: auto auto auto;
  1876 		-ms-grid-columns: auto auto auto;
  1920 
  1884 
  1921 	.row-actions span a,
  1885 	.row-actions span a,
  1922 	.row-actions span .button-link {
  1886 	.row-actions span .button-link {
  1923 		display: inline-block;
  1887 		display: inline-block;
  1924 		padding: 4px 0;
  1888 		padding: 4px 0;
       
  1889 		line-height: 1.5;
  1925 	}
  1890 	}
  1926 
  1891 
  1927 	.row-actions span.approve:before,
  1892 	.row-actions span.approve:before,
  1928 	.row-actions span.unapprove:before {
  1893 	.row-actions span.unapprove:before {
  1929 		content: "| ";
  1894 		content: "| ";
  1957 		width: 100%;
  1922 		width: 100%;
  1958 		max-width: none;
  1923 		max-width: none;
  1959 		box-sizing: border-box;
  1924 		box-sizing: border-box;
  1960 	}
  1925 	}
  1961 
  1926 
       
  1927 	.inline-edit-row fieldset input[name=jj],
       
  1928 	.inline-edit-row fieldset input[name=hh],
       
  1929 	.inline-edit-row fieldset input[name=mn],
       
  1930 	.inline-edit-row fieldset input[name=aa] {
       
  1931 		font-size: 16px;
       
  1932 		line-height: 2;
       
  1933 		padding: 3px 4px;
       
  1934 	}
       
  1935 
  1962 	.inline-edit-row fieldset ul.cat-checklist label,
  1936 	.inline-edit-row fieldset ul.cat-checklist label,
  1963 	.inline-edit-row #bulk-titles div {
  1937 	.inline-edit-row #bulk-titles div {
  1964 		font-size: 16px;
  1938 		font-size: 16px;
  1965 	}
  1939 	}
  1966 
  1940 
  1978 	}
  1952 	}
  1979 
  1953 
  1980 	.inline-edit-row fieldset label span.input-text-wrap,
  1954 	.inline-edit-row fieldset label span.input-text-wrap,
  1981 	.inline-edit-row fieldset .timestamp-wrap {
  1955 	.inline-edit-row fieldset .timestamp-wrap {
  1982 		margin-left: 0;
  1956 		margin-left: 0;
  1983 	}
       
  1984 
       
  1985 	.inline-edit-row fieldset input[name=jj],
       
  1986 	.inline-edit-row fieldset input[name=hh],
       
  1987 	.inline-edit-row fieldset input[name=mn] {
       
  1988 		width: 3em;
       
  1989 	}
       
  1990 
       
  1991 	.inline-edit-row fieldset input[name=aa] {
       
  1992 		width: 4.5em;
       
  1993 	}
  1957 	}
  1994 
  1958 
  1995 	.inline-edit-row .inline-edit-or {
  1959 	.inline-edit-row .inline-edit-or {
  1996 		margin: 0 6px 0 0;
  1960 		margin: 0 6px 0 0;
  1997 	}
  1961 	}
  2126 
  2090 
  2127 	.wp-list-table.plugins .plugin-title strong,
  2091 	.wp-list-table.plugins .plugin-title strong,
  2128 	.wp-list-table.plugins .theme-title strong {
  2092 	.wp-list-table.plugins .theme-title strong {
  2129 		font-size: 1.4em;
  2093 		font-size: 1.4em;
  2130 		line-height: 1.5;
  2094 		line-height: 1.5;
       
  2095 	}
       
  2096 
       
  2097 	.plugins tbody th.check-column {
       
  2098 		padding: 8px 0 0 5px;
       
  2099 	}
       
  2100 
       
  2101 	.plugins thead td.check-column,
       
  2102 	.plugins tfoot td.check-column,
       
  2103 	.plugins .inactive th.check-column {
       
  2104 		padding-left: 9px;
  2131 	}
  2105 	}
  2132 
  2106 
  2133 	/* Add New plugins page */
  2107 	/* Add New plugins page */
  2134 	table.plugin-install .column-name,
  2108 	table.plugin-install .column-name,
  2135 	table.plugin-install .column-version,
  2109 	table.plugin-install .column-version,