wp/wp-admin/css/list-tables.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
   380 	margin-left: 70px; /* 60px image + margin */
   380 	margin-left: 70px; /* 60px image + margin */
   381 }
   381 }
   382 
   382 
   383 table.media .column-title .filename {
   383 table.media .column-title .filename {
   384 	margin-bottom: 0.2em;
   384 	margin-bottom: 0.2em;
       
   385 }
       
   386 
       
   387 /* Media Copy to clipboard row action */
       
   388 .media .row-actions .copy-to-clipboard-container {
       
   389 	display: inline;
       
   390 	position: relative;
       
   391 }
       
   392 
       
   393 .media .row-actions .copy-to-clipboard-container .success {
       
   394 	position: absolute;
       
   395 	left: 50%;
       
   396 	transform: translate(-50%, -100%);
       
   397 	background: #000;
       
   398 	color: #fff;
       
   399 	border-radius: 5px;
       
   400 	margin: 0;
       
   401 	padding: 2px 5px;
   385 }
   402 }
   386 
   403 
   387 /* @todo: pick a consistent list table selector */
   404 /* @todo: pick a consistent list table selector */
   388 .wp-list-table a {
   405 .wp-list-table a {
   389 	transition: none;
   406 	transition: none;
   795 	margin-right: 10px;
   812 	margin-right: 10px;
   796 	margin-top: 1px;
   813 	margin-top: 1px;
   797 }
   814 }
   798 
   815 
   799 .row-actions {
   816 .row-actions {
   800 	color: #dcdcde;
   817 	color: #a7aaad;
   801 	font-size: 13px;
   818 	font-size: 13px;
   802 	padding: 2px 0 0;
   819 	padding: 2px 0 0;
   803 	position: relative;
   820 	position: relative;
   804 	left: -9999em;
   821 	left: -9999em;
   805 }
   822 }
   839 */
   856 */
   840 
   857 
   841 /*	Layout */
   858 /*	Layout */
   842 
   859 
   843 #wpbody-content .inline-edit-row fieldset {
   860 #wpbody-content .inline-edit-row fieldset {
   844 	font-size: 12px;
       
   845 	float: left;
   861 	float: left;
   846 	margin: 0;
   862 	margin: 0;
       
   863 	padding: 0 12px 0 0;
       
   864 	width: 100%;
       
   865 	box-sizing: border-box;
       
   866 }
       
   867 
       
   868 #wpbody-content .inline-edit-row td fieldset:last-of-type {
       
   869 	padding-right: 0;
       
   870 }
       
   871 
       
   872 tr.inline-edit-row td {
   847 	padding: 0;
   873 	padding: 0;
   848 	width: 100%;
   874 	/* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
   849 }
   875 	position: relative;
   850 
   876 }
   851 tr.inline-edit-row td,
   877 
   852 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
   878 .inline-edit-wrapper {
   853 	padding: 0 0.5em;
   879 	display: flow-root;
       
   880 	padding: 0 12px;
       
   881 	border: 1px solid transparent;
       
   882 	border-radius: 4px;
       
   883 }
       
   884 
       
   885 .inline-edit-wrapper:focus {
       
   886 	border-color: #2271b1;
       
   887 	box-shadow: 0 0 0 1px #2271b1;
       
   888 	/* Only visible in Windows High Contrast mode */
       
   889 	outline: 2px solid transparent;
   854 }
   890 }
   855 
   891 
   856 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
   892 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
   857 	width: 40%;
   893 	width: 40%;
   858 }
   894 }
   869 	width: 50%;
   905 	width: 50%;
   870 }
   906 }
   871 
   907 
   872 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
   908 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
   873 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
   909 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
   874 	width: 49%;
   910 	width: 50%;
   875 }
   911 }
   876 
   912 
   877 #wpbody-content .bulk-edit-row .inline-edit-col-left {
   913 #wpbody-content .bulk-edit-row .inline-edit-col-left {
   878 	width: 30%;
   914 	width: 30%;
   879 }
   915 }
   895 	clear: both;
   931 	clear: both;
   896 	line-height: 2.5;
   932 	line-height: 2.5;
   897 }
   933 }
   898 
   934 
   899 .inline-edit-row .submit {
   935 .inline-edit-row .submit {
       
   936 	display: flex;
       
   937 	flex-wrap: wrap;
       
   938 	align-items: center;
   900 	clear: both;
   939 	clear: both;
   901 	padding: 0.5em;
   940 	margin: 0;
   902 	margin: 0.5em 0 0;
   941 	padding: 0.5em 0 1em;
       
   942 }
       
   943 
       
   944 .inline-edit-save.submit .button {
       
   945 	margin-right: 8px;
       
   946 }
       
   947 
       
   948 .inline-edit-save .spinner {
       
   949 	float: none;
       
   950 	margin: 0;
   903 }
   951 }
   904 
   952 
   905 .inline-edit-row .notice-error {
   953 .inline-edit-row .notice-error {
       
   954 	box-sizing: border-box;
       
   955 	min-width: 100%;
   906 	margin-top: 1em;
   956 	margin-top: 1em;
   907 }
   957 }
   908 
   958 
   909 .inline-edit-row .notice-error .error {
   959 .inline-edit-row .notice-error .error {
   910 	margin: 0.5em 0;
   960 	margin: 0.5em 0;
   914 /*	Positioning */
   964 /*	Positioning */
   915 
   965 
   916 /* Needs higher specificity for the padding */
   966 /* Needs higher specificity for the padding */
   917 #the-list .inline-edit-row .inline-edit-legend {
   967 #the-list .inline-edit-row .inline-edit-legend {
   918 	margin: 0;
   968 	margin: 0;
   919 	padding: 0.2em 0.5em 0;
   969 	padding: 0.2em 0;
   920 	line-height: 2.5;
   970 	line-height: 2.5;
   921 	font-weight: 600;
   971 	font-weight: 600;
   922 }
       
   923 
       
   924 #the-list #bulk-edit.inline-edit-row .inline-edit-legend {
       
   925 	padding: 0.2em 0.5em;
       
   926 }
   972 }
   927 
   973 
   928 .inline-edit-row fieldset span.title,
   974 .inline-edit-row fieldset span.title,
   929 .inline-edit-row fieldset span.checkbox-title {
   975 .inline-edit-row fieldset span.checkbox-title {
   930 	margin: 0;
   976 	margin: 0;
  1029 
  1075 
  1030 .inline-edit-row fieldset label input.inline-edit-password-input {
  1076 .inline-edit-row fieldset label input.inline-edit-password-input {
  1031 	width: 8em;
  1077 	width: 8em;
  1032 }
  1078 }
  1033 
  1079 
  1034 ul.cat-checklist {
  1080 #bulk-titles-list,
  1035 	height: 12em;
  1081 #bulk-titles-list li,
  1036 	border: solid 1px #dcdcde;
       
  1037 	overflow-y: scroll;
       
  1038 	padding: 0 5px;
       
  1039 	margin: 0;
       
  1040 	background-color: #fff;
       
  1041 }
       
  1042 
       
  1043 #bulk-titles {
       
  1044 	display: block;
       
  1045 	height: 12em;
       
  1046 	border: 1px solid #dcdcde;
       
  1047 	overflow-y: scroll;
       
  1048 	padding: 0 5px;
       
  1049 	margin: 0 0 5px;
       
  1050 }
       
  1051 
       
  1052 .inline-edit-row fieldset ul.cat-checklist li,
  1082 .inline-edit-row fieldset ul.cat-checklist li,
  1053 .inline-edit-row fieldset ul.cat-checklist input {
  1083 .inline-edit-row fieldset ul.cat-checklist input {
  1054 	margin: 0;
  1084 	margin: 0;
  1055 	position: relative; /* RTL fix, #WP27629 */
  1085 	position: relative; /* RTL fix, #WP27629 */
  1056 }
  1086 }
  1057 
  1087 
  1058 .inline-edit-row fieldset ul.cat-checklist label,
  1088 .inline-edit-row fieldset ul.cat-checklist input {
  1059 .inline-edit-row #bulk-titles div {
  1089 	margin-top: -1px;
  1060 	font-style: normal;
  1090 	margin-left: 3px;
  1061 	font-size: 11px;
       
  1062 }
  1091 }
  1063 
  1092 
  1064 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
  1093 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
  1065 	width: 3em;
  1094 	width: 3em;
  1066 }
  1095 }
  1076 
  1105 
  1077 .quick-edit-row-post fieldset label.inline-edit-status {
  1106 .quick-edit-row-post fieldset label.inline-edit-status {
  1078 	float: left;
  1107 	float: left;
  1079 }
  1108 }
  1080 
  1109 
  1081 #bulk-titles {
  1110 #bulk-titles,
  1082 	line-height: 140%;
  1111 ul.cat-checklist {
  1083 }
  1112 	height: 14em;
  1084 #bulk-titles div {
  1113 	border: 1px solid #ddd;
  1085 	margin: 0.2em 0.3em;
  1114 	margin: 0 0 5px;
  1086 }
  1115 	padding: 0.2em 5px;
  1087 
  1116 	overflow-y: scroll;
  1088 #bulk-titles div a {
  1117 }
  1089 	cursor: pointer;
  1118 
  1090 	display: block;
  1119 #bulk-titles .ntdelbutton,
  1091 	float: left;
  1120 #bulk-titles .ntdeltitle,
  1092 	height: 18px;
  1121 .inline-edit-row fieldset ul.cat-checklist label {
  1093 	margin: 0 3px 0 -2px;
  1122 	display: inline-block;
  1094 	overflow: hidden;
  1123 	margin: 0;
  1095 	position: relative;
  1124 	padding: 3px 0;
  1096 	width: 20px;
  1125 	line-height: 20px;
  1097 }
  1126 	vertical-align: top;
  1098 
  1127 }
  1099 #bulk-titles div a:before {
  1128 
  1100 	position: relative;
  1129 #bulk-titles .ntdelitem {
  1101 	top: -3px;
  1130 	padding-left: 23px;
       
  1131 }
       
  1132 
       
  1133 #bulk-titles .ntdelbutton {
       
  1134 	width: 26px;
       
  1135 	height: 26px;
       
  1136 	margin: 0 0 0 -26px;
       
  1137 	text-align: center;
       
  1138 	border-radius: 3px;
       
  1139 }
       
  1140 
       
  1141 #bulk-titles .ntdelbutton:before {
       
  1142 	display: inline-block;
       
  1143 	vertical-align: top;
       
  1144 }
       
  1145 
       
  1146 #bulk-titles .ntdelbutton:focus {
       
  1147 	box-shadow: 0 0 0 2px #3582c4;
       
  1148 	/* Only visible in Windows High Contrast mode */
       
  1149 	outline: 2px solid transparent;
       
  1150 	/* Reset inherited offset from Gutenberg */
       
  1151 	outline-offset: 0;
  1102 }
  1152 }
  1103 
  1153 
  1104 /*------------------------------------------------------------------------------
  1154 /*------------------------------------------------------------------------------
  1105   17.0 - Plugins
  1155   17.0 - Plugins
  1106 ------------------------------------------------------------------------------*/
  1156 ------------------------------------------------------------------------------*/
  1250 }
  1300 }
  1251 
  1301 
  1252 .plugins .second,
  1302 .plugins .second,
  1253 .plugins .row-actions {
  1303 .plugins .row-actions {
  1254 	padding: 0 0 5px;
  1304 	padding: 0 0 5px;
       
  1305 }
       
  1306 
       
  1307 .plugins .row-actions {
       
  1308 	white-space: normal;
       
  1309 	min-width: 12em;
  1255 }
  1310 }
  1256 
  1311 
  1257 .plugins .update .second,
  1312 .plugins .update .second,
  1258 .plugins .update .row-actions,
  1313 .plugins .update .row-actions,
  1259 .plugins .updated .second,
  1314 .plugins .updated .second,
  1550 	content: "\f147";
  1605 	content: "\f147";
  1551 	color: #007017;
  1606 	color: #007017;
  1552 }
  1607 }
  1553 
  1608 
  1554 .plugin-card .notice {
  1609 .plugin-card .notice {
  1555 	margin: 20px 20px 0 20px;
  1610 	margin: 20px 20px 0;
  1556 }
  1611 }
  1557 
  1612 
  1558 .plugin-icon {
  1613 .plugin-icon {
  1559 	position: absolute;
  1614 	position: absolute;
  1560 	top: 20px;
  1615 	top: 20px;
  1641 	.tablenav {
  1696 	.tablenav {
  1642 		height: auto;
  1697 		height: auto;
  1643 	}
  1698 	}
  1644 
  1699 
  1645 	.tablenav.top {
  1700 	.tablenav.top {
  1646 		margin: 20px 0 5px 0;
  1701 		margin: 20px 0 5px;
  1647 	}
  1702 	}
  1648 
  1703 
  1649 	.tablenav.bottom {
  1704 	.tablenav.bottom {
  1650 		position: relative;
  1705 		position: relative;
  1651 		margin-top: 15px;
  1706 		margin-top: 15px;
  1907 	#wpbody-content .bulk-edit-row .inline-edit-col-left,
  1962 	#wpbody-content .bulk-edit-row .inline-edit-col-left,
  1908 	#wpbody-content .bulk-edit-row-page .inline-edit-col-right,
  1963 	#wpbody-content .bulk-edit-row-page .inline-edit-col-right,
  1909 	#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
  1964 	#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
  1910 		float: none;
  1965 		float: none;
  1911 		width: 100%;
  1966 		width: 100%;
       
  1967 		padding: 0;
       
  1968 	}
       
  1969 
       
  1970 	#the-list .inline-edit-row .inline-edit-legend,
       
  1971 	.inline-edit-row span.title {
       
  1972 		font-size: 16px;
       
  1973 	}
       
  1974 
       
  1975 	.inline-edit-row p.howto {
       
  1976 		font-size: 14px;
       
  1977 	}
       
  1978 
       
  1979 	#wpbody-content .inline-edit-row-page .inline-edit-col-right {
       
  1980 		margin-top: 0;
  1912 	}
  1981 	}
  1913 
  1982 
  1914 	#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
  1983 	#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
  1915 	#wpbody-content .quick-edit-row fieldset .inline-edit-group label,
  1984 	#wpbody-content .quick-edit-row fieldset .inline-edit-group label,
  1916 	#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
  1985 	#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
  1934 		font-size: 16px;
  2003 		font-size: 16px;
  1935 		line-height: 2;
  2004 		line-height: 2;
  1936 		padding: 3px 4px;
  2005 		padding: 3px 4px;
  1937 	}
  2006 	}
  1938 
  2007 
  1939 	.inline-edit-row fieldset ul.cat-checklist label,
  2008 	#bulk-titles .ntdelbutton,
  1940 	.inline-edit-row #bulk-titles div {
  2009 	#bulk-titles .ntdeltitle,
       
  2010 	.inline-edit-row fieldset ul.cat-checklist label {
       
  2011 		padding: 6px 0;
  1941 		font-size: 16px;
  2012 		font-size: 16px;
       
  2013 		line-height: 28px;
       
  2014 	}
       
  2015 
       
  2016 	#bulk-titles .ntdelitem {
       
  2017 		padding-left: 37px;
       
  2018 	}
       
  2019 
       
  2020 	#bulk-titles .ntdelbutton {
       
  2021 		width: 40px;
       
  2022 		height: 40px;
       
  2023 		margin: 0 0 0 -40px;
       
  2024 		overflow: hidden;
       
  2025 	}
       
  2026 
       
  2027 	#bulk-titles .ntdelbutton:before {
       
  2028 		font-size: 20px;
       
  2029 		line-height: 28px;
  1942 	}
  2030 	}
  1943 
  2031 
  1944 	.inline-edit-row fieldset label span.title,
  2032 	.inline-edit-row fieldset label span.title,
  1945 	.inline-edit-row fieldset.inline-edit-date legend {
  2033 	.inline-edit-row fieldset.inline-edit-date legend {
  1946 		float: none;
  2034 		float: none;
  1947 	}
       
  1948 
       
  1949 	.inline-edit-row fieldset label.inline-edit-tags {
       
  1950 		padding: 0 0.5em;
       
  1951 	}
  2035 	}
  1952 
  2036 
  1953 	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
  2037 	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
  1954 		padding: 0;
  2038 		padding: 0;
  1955 	}
  2039 	}
  1975 		width: 100%;
  2059 		width: 100%;
  1976 	}
  2060 	}
  1977 
  2061 
  1978 	#edithead label {
  2062 	#edithead label {
  1979 		display: block;
  2063 		display: block;
  1980 	}
       
  1981 
       
  1982 	#bulk-titles div {
       
  1983 		margin: 0.8em 0.3em;
       
  1984 	}
       
  1985 
       
  1986 	#bulk-titles div a {
       
  1987 		height: 22px;
       
  1988 	}
  2064 	}
  1989 
  2065 
  1990 	/* Updates */
  2066 	/* Updates */
  1991 	#wpbody-content .updates-table .plugin-title {
  2067 	#wpbody-content .updates-table .plugin-title {
  1992 		width: auto;
  2068 		width: auto;