wp/wp-admin/css/list-tables.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
   259 .vim-current td {
   259 .vim-current td {
   260 	background-color: #f0f6fc !important;
   260 	background-color: #f0f6fc !important;
   261 }
   261 }
   262 
   262 
   263 th .comment-grey-bubble {
   263 th .comment-grey-bubble {
   264 	height: 16px;
       
   265 	width: 16px;
   264 	width: 16px;
       
   265 	/* Make sure the link clickable area fills the entire table header. */
       
   266 	position: relative;
       
   267 	top: 2px;
   266 }
   268 }
   267 
   269 
   268 th .comment-grey-bubble:before {
   270 th .comment-grey-bubble:before {
   269 	content: "\f101";
   271 	content: "\f101";
   270 	font: normal 20px/.5 dashicons;
   272 	font: normal 20px/.5 dashicons;
   341 	width: 35%;
   343 	width: 35%;
   342 }
   344 }
   343 
   345 
   344 .fixed .column-comments {
   346 .fixed .column-comments {
   345 	width: 5.5em;
   347 	width: 5.5em;
   346 	padding: 8px 0;
       
   347 	text-align: left;
   348 	text-align: left;
   348 }
   349 }
   349 
   350 
   350 .fixed .column-comments .vers {
   351 .fixed .column-comments .vers {
   351 	padding-left: 3px;
   352 	padding-left: 3px;
   459 
   460 
   460 #commentsdiv #edithead .inside input {
   461 #commentsdiv #edithead .inside input {
   461 	width: 160px;
   462 	width: 160px;
   462 }
   463 }
   463 
   464 
       
   465 .sorting-indicators {
       
   466 	display: grid;
       
   467 }
       
   468 
   464 .sorting-indicator {
   469 .sorting-indicator {
   465 	display: block;
   470 	display: block;
   466 	visibility: hidden;
       
   467 	width: 10px;
   471 	width: 10px;
   468 	height: 4px;
   472 	height: 4px;
   469 	margin-top: 8px;
   473 	margin-top: 4px;
   470 	margin-left: 7px;
   474 	margin-left: 7px;
   471 }
   475 }
   472 
   476 
   473 .sorting-indicator:before {
   477 .sorting-indicator:before {
   474 	content: "\f142";
       
   475 	font: normal 20px/1 dashicons;
   478 	font: normal 20px/1 dashicons;
   476 	speak: never;
   479 	speak: never;
   477 	display: inline-block;
   480 	display: inline-block;
   478 	padding: 0;
   481 	padding: 0;
   479 	top: -4px;
   482 	top: -4px;
   480 	left: -8px;
   483 	left: -8px;
   481 	color: #3c434a;
       
   482 	line-height: 0.5;
   484 	line-height: 0.5;
   483 	position: relative;
   485 	position: relative;
   484 	vertical-align: top;
   486 	vertical-align: top;
   485 	-webkit-font-smoothing: antialiased;
   487 	-webkit-font-smoothing: antialiased;
   486 	-moz-osx-font-smoothing: grayscale;
   488 	-moz-osx-font-smoothing: grayscale;
   487 	text-decoration: none !important;
   489 	text-decoration: none !important;
   488 	color: #3c434a;
   490 	color: #a7aaad;
   489 }
   491 }
   490 
   492 
   491 .column-comments .sorting-indicator:before {
   493 .sorting-indicator.asc:before {
   492 	top: 0;
       
   493 	left: -10px;
       
   494 }
       
   495 
       
   496 th.sorted.asc .sorting-indicator:before,
       
   497 th.desc:hover span.sorting-indicator:before,
       
   498 th.desc a:focus span.sorting-indicator:before {
       
   499 	content: "\f142";
   494 	content: "\f142";
   500 }
   495 }
   501 
   496 
   502 th.sorted.desc .sorting-indicator:before,
   497 .sorting-indicator.desc:before {
   503 th.asc:hover span.sorting-indicator:before,
       
   504 th.asc a:focus span.sorting-indicator:before {
       
   505 	content: "\f140";
   498 	content: "\f140";
       
   499 }
       
   500 
       
   501 th.sorted.desc .sorting-indicator.desc:before {
       
   502 	color: #1d2327;
       
   503 }
       
   504 
       
   505 th.sorted.asc .sorting-indicator.asc:before {
       
   506 	color: #1d2327;
       
   507 }
       
   508 
       
   509 th.sorted.asc a:focus .sorting-indicator.asc:before,
       
   510 th.sorted.asc:hover .sorting-indicator.asc:before,
       
   511 th.sorted.desc a:focus .sorting-indicator.desc:before,
       
   512 th.sorted.desc:hover .sorting-indicator.desc:before {
       
   513 	color: #a7aaad;
       
   514 }
       
   515 
       
   516 th.sorted.asc a:focus .sorting-indicator.desc:before,
       
   517 th.sorted.asc:hover .sorting-indicator.desc:before,
       
   518 th.sorted.desc a:focus .sorting-indicator.asc:before,
       
   519 th.sorted.desc:hover .sorting-indicator.asc:before {
       
   520 	color: #1d2327;
   506 }
   521 }
   507 
   522 
   508 .wp-list-table .toggle-row {
   523 .wp-list-table .toggle-row {
   509 	position: absolute;
   524 	position: absolute;
   510 	right: 8px;
   525 	right: 8px;
   521 .wp-list-table .toggle-row:hover {
   536 .wp-list-table .toggle-row:hover {
   522 	cursor: pointer;
   537 	cursor: pointer;
   523 }
   538 }
   524 
   539 
   525 .wp-list-table .toggle-row:focus:before {
   540 .wp-list-table .toggle-row:focus:before {
   526 	box-shadow:
   541 	box-shadow: 0 0 0 2px #2271b1;
   527 		0 0 0 1px #4f94d4,
   542 	/* Only visible in Windows High Contrast mode */
   528 		0 0 2px 1px rgba(79, 148, 212, 0.8);
   543 	outline: 2px solid transparent;
   529 }
   544 }
   530 
   545 
   531 .wp-list-table .toggle-row:active {
   546 .wp-list-table .toggle-row:active {
   532 	box-shadow: none;
   547 	box-shadow: none;
   533 }
   548 }
   550 
   565 
   551 .wp-list-table .is-expanded .toggle-row:before {
   566 .wp-list-table .is-expanded .toggle-row:before {
   552 	content: "\f142";
   567 	content: "\f142";
   553 }
   568 }
   554 
   569 
       
   570 .check-column {
       
   571 	position: relative;
       
   572 }
       
   573 
       
   574 .check-column label {
       
   575 	box-sizing: border-box;
       
   576 	width: 100%;
       
   577 	height: 100%;
       
   578 	display: block;
       
   579 	position: absolute;
       
   580 	top: 0;
       
   581 	left: 0;
       
   582 }
       
   583 
       
   584 .check-column input {
       
   585 	position: relative;
       
   586 	z-index: 1;
       
   587 }
       
   588 
       
   589 .check-column .label-covers-full-cell:hover + input:not(:disabled) {
       
   590 	box-shadow: 0 0 0 1px #2271b1;
       
   591 }
       
   592 
       
   593 .check-column label:hover,
       
   594 .check-column input:hover + label {
       
   595 	background: rgba(0, 0, 0, 0.05);
       
   596 }
       
   597 
   555 .locked-indicator {
   598 .locked-indicator {
   556 	display: none;
   599 	display: none;
   557 	margin-left: 6px;
   600 	margin-left: 6px;
   558 	height: 20px;
   601 	height: 20px;
   559 	width: 16px;
   602 	width: 16px;
   589 tr.wp-locked .row-actions .inline,
   632 tr.wp-locked .row-actions .inline,
   590 tr.wp-locked .row-actions .trash {
   633 tr.wp-locked .row-actions .trash {
   591 	display: none;
   634 	display: none;
   592 }
   635 }
   593 
   636 
   594 .fixed .column-comments .sorting-indicator {
       
   595 	margin-top: 3px;
       
   596 }
       
   597 
       
   598 #menu-locations-wrap .widefat {
   637 #menu-locations-wrap .widefat {
   599 	width: 60%;
   638 	width: 60%;
   600 }
   639 }
   601 
   640 
   602 .widefat th.sortable,
   641 .widefat th.sortable,
   609 	display: block;
   648 	display: block;
   610 	overflow: hidden;
   649 	overflow: hidden;
   611 	padding: 8px;
   650 	padding: 8px;
   612 }
   651 }
   613 
   652 
   614 .fixed .column-comments.sortable a,
   653 th.sortable a:focus,
   615 .fixed .column-comments.sorted a {
   654 th.sorted a:focus {
   616 	padding: 8px 0;
   655 	box-shadow: inset 0 0 0 2px #2271b1;
       
   656 	/* Only visible in Windows High Contrast mode */
       
   657 	outline: 2px solid transparent;
   617 }
   658 }
   618 
   659 
   619 th.sortable a span,
   660 th.sortable a span,
   620 th.sorted a span {
   661 th.sorted a span {
   621 	float: left;
   662 	float: left;
   622 	cursor: pointer;
   663 	cursor: pointer;
   623 }
       
   624 
       
   625 th.sorted .sorting-indicator,
       
   626 th.desc:hover span.sorting-indicator,
       
   627 th.desc a:focus span.sorting-indicator,
       
   628 th.asc:hover span.sorting-indicator,
       
   629 th.asc a:focus span.sorting-indicator {
       
   630 	visibility: visible;
       
   631 }
   664 }
   632 
   665 
   633 .tablenav-pages .current-page {
   666 .tablenav-pages .current-page {
   634 	margin: 0 2px 0 0;
   667 	margin: 0 2px 0 0;
   635 	font-size: 13px;
   668 	font-size: 13px;
   869 	padding-right: 0;
   902 	padding-right: 0;
   870 }
   903 }
   871 
   904 
   872 tr.inline-edit-row td {
   905 tr.inline-edit-row td {
   873 	padding: 0;
   906 	padding: 0;
   874 	/* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
   907 	/* Prevents the focus style on .inline-edit-wrapper from being cut-off */
   875 	position: relative;
   908 	position: relative;
   876 }
   909 }
   877 
   910 
   878 .inline-edit-wrapper {
   911 .inline-edit-wrapper {
   879 	display: flow-root;
   912 	display: flow-root;
  1112 	height: 14em;
  1145 	height: 14em;
  1113 	border: 1px solid #ddd;
  1146 	border: 1px solid #ddd;
  1114 	margin: 0 0 5px;
  1147 	margin: 0 0 5px;
  1115 	padding: 0.2em 5px;
  1148 	padding: 0.2em 5px;
  1116 	overflow-y: scroll;
  1149 	overflow-y: scroll;
       
  1150 }
       
  1151 
       
  1152 ul.cat-checklist input[name="post_category[]"]:indeterminate::before {
       
  1153 	content: '';
       
  1154 	border-top: 2px solid grey;
       
  1155 	width: 65%;
       
  1156 	height: 2px;
       
  1157 	position: absolute;
       
  1158 	top: calc( 50% + 1px );
       
  1159 	left: 50%;
       
  1160 	transform: translate( -50%, -50% );
  1117 }
  1161 }
  1118 
  1162 
  1119 #bulk-titles .ntdelbutton,
  1163 #bulk-titles .ntdelbutton,
  1120 #bulk-titles .ntdeltitle,
  1164 #bulk-titles .ntdeltitle,
  1121 .inline-edit-row fieldset ul.cat-checklist label {
  1165 .inline-edit-row fieldset ul.cat-checklist label {
  1342 .updates-table .plugin-title a {
  1386 .updates-table .plugin-title a {
  1343 	text-decoration: underline;
  1387 	text-decoration: underline;
  1344 }
  1388 }
  1345 
  1389 
  1346 .plugins tr.paused th.check-column {
  1390 .plugins tr.paused th.check-column {
  1347 	border-left: 4px solid #d63638;
  1391 	border-left: 4px solid #b32d2e;
  1348 }
  1392 }
  1349 
  1393 
  1350 .plugins tr.paused th,
  1394 .plugins tr.paused th,
  1351 .plugins tr.paused td {
  1395 .plugins tr.paused td {
  1352 	background-color: #f6f7f7;
  1396 	background-color: #f6f7f7;
  1353 }
  1397 }
  1354 
  1398 
  1355 .plugins tr.paused .plugin-title,
  1399 .plugins tr.paused .plugin-title,
  1356 .plugins .paused .dashicons-warning {
  1400 .plugins .paused .dashicons-warning {
  1357 	color: #d63638;
  1401 	color: #b32d2e;
  1358 }
  1402 }
  1359 
  1403 
  1360 .plugins .paused .error-display p,
  1404 .plugins .paused .error-display p,
  1361 .plugins .paused .error-display code {
  1405 .plugins .paused .error-display code {
  1362 	font-size: 90%;
  1406 	font-size: 90%;
  1363 	color: rgba(0, 0, 0, 0.7);
  1407 	color: rgba(0, 0, 0, 0.7);
  1364 }
  1408 }
  1365 
  1409 
  1366 .plugins .resume-link {
  1410 .plugins .resume-link {
  1367 	color: #d63638;
  1411 	color: #b32d2e;
  1368 }
  1412 }
  1369 
  1413 
  1370 .plugin-card .update-now:before {
  1414 .plugin-card .update-now:before {
  1371 	color: #d63638;
  1415 	color: #d63638;
  1372 	content: "\f463";
  1416 	content: "\f463";
  1373 	display: inline-block;
  1417 	display: inline-block;
  1374 	font: normal 20px/1 dashicons;
  1418 	font: normal 20px/1 dashicons;
  1375 	margin: 3px 5px 0 -2px;
  1419 	margin: -3px 5px 0 -2px;
  1376 	speak: never;
  1420 	speak: never;
  1377 	-webkit-font-smoothing: antialiased;
  1421 	-webkit-font-smoothing: antialiased;
  1378 	-moz-osx-font-smoothing: grayscale;
  1422 	-moz-osx-font-smoothing: grayscale;
  1379 	vertical-align: top;
  1423 	vertical-align: middle;
  1380 }
  1424 }
  1381 
  1425 
  1382 .plugin-card .updating-message:before {
  1426 .plugin-card .updating-message:before {
  1383 	content: "\f463";
  1427 	content: "\f463";
  1384 	animation: rotation 2s infinite linear;
  1428 	animation: rotation 2s infinite linear;
  1394 }
  1438 }
  1395 
  1439 
  1396 .plugin-card .updated-message:before {
  1440 .plugin-card .updated-message:before {
  1397 	color: #68de7c;
  1441 	color: #68de7c;
  1398 	content: "\f147";
  1442 	content: "\f147";
       
  1443 }
       
  1444 
       
  1445 .plugin-install-php #the-list {
       
  1446 	display: flex;
       
  1447 	flex-wrap: wrap;
       
  1448 }
       
  1449 
       
  1450 .plugin-install-php .plugin-card {
       
  1451 	display: flex;
       
  1452 	flex-direction: column;
       
  1453 	justify-content: space-between;
  1399 }
  1454 }
  1400 
  1455 
  1401 .plugin-install-php h2 {
  1456 .plugin-install-php h2 {
  1402 	clear: both;
  1457 	clear: both;
  1403 }
  1458 }
  1504 	margin: 0 12px 12px 0;
  1559 	margin: 0 12px 12px 0;
  1505 	font-size: 18px;
  1560 	font-size: 18px;
  1506 	line-height: 1.3;
  1561 	line-height: 1.3;
  1507 }
  1562 }
  1508 
  1563 
  1509 .plugin-card .name,
       
  1510 .plugin-card .desc {
  1564 .plugin-card .desc {
  1511 	margin-left: 148px; /* icon + margin */
  1565 	margin-inline: 0;
  1512 	margin-right: 128px; /* action links + margin */
  1566 }
       
  1567 
       
  1568 .plugin-card .name, .plugin-card .desc > p {
       
  1569 	margin-left: 148px;
       
  1570 }
       
  1571 
       
  1572 @media (min-width: 1101px) {
       
  1573 	.plugin-card .name, .plugin-card .desc > p {
       
  1574 		margin-right: 128px;
       
  1575 	}
       
  1576 }
       
  1577 
       
  1578 @media (min-width: 481px) and (max-width: 781px) {
       
  1579 	.plugin-card .name, .plugin-card .desc > p {
       
  1580 		margin-right: 128px;
       
  1581 	}
       
  1582 }
       
  1583 
       
  1584 .plugin-card .column-description {
       
  1585 	display: flex;
       
  1586 	flex-direction: column;
       
  1587 	justify-content: flex-start;
       
  1588 }
       
  1589 
       
  1590 .plugin-card .column-description > p {
       
  1591 	margin-top: 0;
       
  1592 }
       
  1593 
       
  1594 .plugin-card .column-description p:empty {
       
  1595 	display: none;
       
  1596 }
       
  1597 
       
  1598 .plugin-card .notice.plugin-dependencies {
       
  1599 	margin: auto 20px 20px;
       
  1600 	padding: 15px;
       
  1601 }
       
  1602 
       
  1603 .plugin-card .plugin-dependencies-explainer-text {
       
  1604 	margin-block: 0;
       
  1605 }
       
  1606 
       
  1607 .plugin-card .plugin-dependency {
       
  1608 	align-items: center;
       
  1609 	display: flex;
       
  1610 	flex-wrap: wrap;
       
  1611 	margin-top: .5em;
       
  1612 	column-gap: 1%;
       
  1613 	row-gap: .5em;
       
  1614 }
       
  1615 
       
  1616 .plugin-card .plugin-dependency:nth-child(2),
       
  1617 .plugin-card .plugin-dependency:last-child {
       
  1618 	margin-top: 1em;
       
  1619 }
       
  1620 
       
  1621 .plugin-card .plugin-dependency-name {
       
  1622 	flex-basis: 74%;
       
  1623 }
       
  1624 
       
  1625 .plugin-card .plugin-dependency .more-details-link {
       
  1626 	margin-left: auto;
       
  1627 }
       
  1628 
       
  1629 .rtl .plugin-card .plugin-dependency .more-details-link {
       
  1630 	margin-right: auto;
       
  1631 }
       
  1632 
       
  1633 @media (max-width: 939px) {
       
  1634 	.plugin-card .plugin-dependency-name {
       
  1635 		flex-basis: 69%;
       
  1636 	}
       
  1637 }
       
  1638 
       
  1639 .plugins #the-list .required-by,
       
  1640 .plugins #the-list .requires {
       
  1641 	margin-top: 1em;
  1513 }
  1642 }
  1514 
  1643 
  1515 .plugin-card .action-links {
  1644 .plugin-card .action-links {
  1516 	position: absolute;
  1645 	position: absolute;
  1517 	top: 20px;
  1646 	top: 20px;
  1623 	color: #646970; /* same as no themes and no media */
  1752 	color: #646970; /* same as no themes and no media */
  1624 	font-size: 18px;
  1753 	font-size: 18px;
  1625 	font-style: normal;
  1754 	font-style: normal;
  1626 	margin: 0;
  1755 	margin: 0;
  1627 	padding: 100px 0 0;
  1756 	padding: 100px 0 0;
       
  1757 	width: 100%;
  1628 	text-align: center;
  1758 	text-align: center;
  1629 }
  1759 }
  1630 
  1760 
  1631 /* ms */
  1761 /* ms */
  1632 /* Background Color for Site Status */
  1762 /* Background Color for Site Status */
  1748 		margin-top: 25px;
  1878 		margin-top: 25px;
  1749 	}
  1879 	}
  1750 
  1880 
  1751 	.tablenav.top .tablenav-pages.one-page {
  1881 	.tablenav.top .tablenav-pages.one-page {
  1752 		display: none;
  1882 		display: none;
       
  1883 	}
       
  1884 
       
  1885 	.tablenav.bottom .actions select {
       
  1886 		margin-bottom: 5px;
       
  1887 	}
       
  1888 
       
  1889 	.tablenav.bottom .actions.alignleft + .actions.alignleft {
       
  1890 		clear: left;
       
  1891 		margin-top: 10px;
  1753 	}
  1892 	}
  1754 
  1893 
  1755 	.tablenav.bottom .tablenav-pages.one-page {
  1894 	.tablenav.bottom .tablenav-pages.one-page {
  1756 		margin-top: 15px;
  1895 		margin-top: 15px;
  1757 		height: 0;
  1896 		height: 0;
  1862 	}
  2001 	}
  1863 
  2002 
  1864 	/* Show comment bubble as text instead */
  2003 	/* Show comment bubble as text instead */
  1865 	.post-com-count .screen-reader-text {
  2004 	.post-com-count .screen-reader-text {
  1866 		position: static;
  2005 		position: static;
  1867 		-webkit-clip-path: none;
       
  1868 		clip-path: none;
  2006 		clip-path: none;
  1869 		width: auto;
  2007 		width: auto;
  1870 		height: auto;
  2008 		height: auto;
  1871 		margin: 0;
  2009 		margin: 0;
  1872 	}
  2010 	}
  2089 		display: block;
  2227 		display: block;
  2090 		width: auto;
  2228 		width: auto;
  2091 		padding: 10px 9px; /* reset from other list tables that have a label at this width */
  2229 		padding: 10px 9px; /* reset from other list tables that have a label at this width */
  2092 	}
  2230 	}
  2093 
  2231 
       
  2232 	#wpbody-content .wp-list-table.plugins .plugin-deleted-tr td,
       
  2233 	#wpbody-content .wp-list-table.plugins .no-items td {
       
  2234 		display: table-cell;
       
  2235 	}
       
  2236 
  2094 	/* Plugin description hidden via Screen Options */
  2237 	/* Plugin description hidden via Screen Options */
  2095 	#wpbody-content .wp-list-table.plugins .desc.hidden {
  2238 	#wpbody-content .wp-list-table.plugins .desc.hidden {
  2096 		display: none;
  2239 		display: none;
  2097 	}
  2240 	}
  2098 
  2241