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