enmi-conf.org: comparison wp/wp-admin/css/list-tables.css

equal deleted inserted replaced

-:490d5cc509ed
+:cf61fcea0001
-/* List table styles */
+.response-links {
-.post-com-count-wrapper {
-	min-width: 22px;
-}
-.post-com-count {
-	background: none;
-	height: 1.3em;
-	line-height: 1.1em;
 	display: block;
-	text-decoration: none;
+	margin-bottom: 1em;
-	padding: 0 0 6px;
+}
-	cursor: pointer;
-	background-position: center -80px;
+.response-links a {
-	background-repeat: no-repeat;
+	display: block;
+}
+.response-links a.comments-edit-item-link {
+	font-weight: 600;
+}
+.response-links a.comments-view-item-link {
+	font-size: 12px;
+}
+.post-com-count-wrapper strong {
+	font-weight: 400;
+}
+.comments-view-item-link {
+	display: inline-block;
+	clear: both;
+}
+.column-response .post-com-count-wrapper,
+.column-comments .post-com-count-wrapper {
+	white-space: nowrap;
+	word-wrap: normal;
+}
+/* comments bubble common */
+.column-response .post-com-count,
+.column-comments .post-com-count {
+	display: inline-block;
+	vertical-align: top;
+}
+/* comments bubble approved */
+.column-response .post-com-count-no-comments,
+.column-response .post-com-count-approved,
+.column-comments .post-com-count-no-comments,
+.column-comments .post-com-count-approved {
+	margin-top: 5px;
+}
+.column-response .comment-count-no-comments,
+.column-response .comment-count-approved,
+.column-comments .comment-count-no-comments,
+.column-comments .comment-count-approved {
+	box-sizing: border-box;
+	display: block;
+	padding: 0 8px;
+	min-width: 24px;
+	height: 2em;
+	border-radius: 5px;
+	background-color: #72777c;
 	color: #fff;
-}
+	font-size: 11px;
+	line-height: 21px;
-.post-com-count:after {		/* draw bubble connector using CSS! */
+	text-align: center;
+}
+.ie8 .column-response .comment-count-no-comments,
+.ie8 .column-response .comment-count-approved,
+.ie8 .column-comments .comment-count-no-comments,
+.ie8 .column-comments .comment-count-approved {
+	min-width: 0;
+}
+.column-response .post-com-count-no-comments:after,
+.column-response .post-com-count-approved:after,
+.column-comments .post-com-count-no-comments:after,
+.column-comments .post-com-count-approved:after {
 	content: "";
 	display: block;
+	margin-left: 8px;
 	width: 0;
 	height: 0;
-	margin-left: 8px;
+	border-top: 5px solid #72777c;
-	border-top: 5px solid #b4b9be;
 	border-right: 5px solid transparent;
 }
-.post-com-count span {
+.column-response .post-com-count-approved:hover .comment-count-approved,
-	font-size: 11px;
+.column-response .post-com-count-approved:focus .comment-count-approved,
-	font-weight: 600;
+.column-comments .post-com-count-approved:hover .comment-count-approved,
-	height: 1.4em;
+.column-comments .post-com-count-approved:focus .comment-count-approved {
-	line-height: 1.4em;
+	background: #0073aa;
-	min-width: 0.7em;
+}
-	padding: 0 6px;
-	display: inline-block;
+.column-response .post-com-count-approved:hover:after,
-	-webkit-border-radius: 5px;
+.column-response .post-com-count-approved:focus:after,
-	border-radius: 5px;
+.column-comments .post-com-count-approved:hover:after,
-	background-color: #b4b9be;
+.column-comments .post-com-count-approved:focus:after {
+	border-top-color: #0073aa;
+}
+/* @todo: consider to use a single rule for these counters and the admin menu counters. */
+.column-response .post-com-count-pending,
+.column-comments .post-com-count-pending {
+	position: relative;
+	left: -3px;
+	padding: 0 5px;
+	min-width: 7px;
+	height: 17px;
+	border: 2px solid #fff;
+	border-radius: 11px;
+	background: #ca4a1f;
 	color: #fff;
-}
+	font-size: 9px;
+	line-height: 17px;
-.post-com-count:hover {
-	background-position: center -3px;
-}
-.post-com-count:hover span {
-	background-color: #00a0d2;
-}
-.post-com-count:hover:after {
-	border-top: 5px solid #00a0d2;
-}
-strong .post-com-count {
-	background-position: center -55px;
-}
-strong .post-com-count span {
-	background-color: #0073aa;
-}
-strong .post-com-count:after {
-	border-top: 5px solid #0073aa;
-}
-.column-response .post-com-count {
-	float: left;
-	margin-right: 5px;
 	text-align: center;
 }
-.response-links {
+.column-response .post-com-count-no-pending,
-	float: left;
+.column-comments .post-com-count-no-pending {
+	display: none;
 }
 /* comments */
 .commentlist li {
 	margin: 0 0 .8em;
 }
 #submitted-on,
 .submitted-on {
-	color: #777;
+	color: #555d66;
 }
 /* reply to comments */
 #replyrow td {
 	padding: 2px;
 }
 #replysubmit {
 	margin: 0;
-	padding: 0 5px 3px;
+	padding: 5px 7px 10px;
-	text-align: center;
+	overflow: hidden;
 }
 #replysubmit .button {
 	margin-right: 5px;
 }
-#replysubmit .error {
+#replyrow.inline-edit-row fieldset.comment-reply {
-	color: red;
+	font-size: inherit;
-	line-height: 21px;
+	line-height: inherit;
-	text-align: center;
+}
-}
+#replyrow legend {
-#replyrow h5 {
+	margin: 0;
-	margin: .2em 0 0;
+	padding: .2em 5px 0;
-	padding: 0 5px;
+	font-size: 13px;
-	line-height: 1.4em;
+	line-height: 1.4;
-	font-size: 1em;
+	font-weight: 600;
 }
-#edithead .inside {
+#replyrow.inline-edit-row label {
+	display: inline;
+	vertical-align: baseline;
+	line-height: inherit;
+}
+#edithead .inside,
+#commentsdiv #edithead .inside {
 	float: left;
 	padding: 3px 0 2px 5px;
 	margin: 0;
 	text-align: center;
 }
 	padding: 5px;
 }
 #replycontent {
 	height: 120px;
-	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 #replyerror {
 	border-color: #ddd;
 /* @todo: is this used? */
 .commentlist .avatar {
 	vertical-align: text-top;
 }
-#the-comment-list .attachment-80x60 {
-	padding: 4px 8px;
-}
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-	background-color: #f4f4f4;
+	background-color: #f5f5f5;
 }
 #the-comment-list .unapproved th,
 #the-comment-list .unapproved td {
 	background-color: #fef7f1;
 	color: #d98500;
 }
 #the-comment-list th,
 #the-comment-list td {
-	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 #the-comment-list tr:last-child th,
 #the-comment-list tr:last-child td {
--webkit-box-shadow: none;
 box-shadow: none;
 }
 #the-comment-list tr.unapproved + tr.approved th,
 #the-comment-list tr.unapproved + tr.approved td {
 	height: 16px;
 	width: 16px;
 }
 th .comment-grey-bubble:before {
-	content: '\f101';
+	content: "\f101";
-	font: normal 20px/.5 'dashicons';
+	font: normal 20px/.5 dashicons;
 	speak: none;
 	display: inline-block;
 	padding: 0;
 	top: 4px;
 	left: -4px;
 .fixed .column-format {
 	width: 10%;
 }
 .fixed .column-posts {
-width: 74px;
+	width: 74px;
 }
 .fixed .column-comment .comment-author {
 	display: none;
 }
 .fixed .column-locations {
 	width: 35%;
 }
 .fixed .column-comments {
-	width: 4em;
+	width: 5.5em;
 	padding: 8px 0;
 	text-align: left;
 }
 .fixed .column-comments .vers {
 	padding-left: 3px;
 }
-.fixed .column-comments a {
+td.column-title strong,
+td.plugin-title strong {
+	display: block;
+	margin-bottom: .2em;
+	font-size: 14px;
+}
+td.column-title p,
+td.plugin-title p {
+	margin: 6px 0;
+}
+/* Media file column */
+table.media .column-title .media-icon {
 	float: left;
-}
+	min-height: 60px;
+	margin: 0 9px 0 0;
-.fixed .column-icon {
+}
-	width: 80px;
+table.media .column-title .media-icon img {
+	max-width: 60px;
+	height: auto;
+	vertical-align: top; /* Remove descender white-space. */
+}
+table.media .column-title .has-media-icon ~ .row-actions {
+	margin-left: 70px; /* 60px image + margin */
+}
+table.media .column-title .filename {
+	margin-bottom: 0.2em;
 }
 /* @todo: pick a consistent list table selector */
 .wp-list-table a {
-	-webkit-transition: none;
 	transition: none;
 }
 #the-list tr:last-child td,
 #the-list tr:last-child th {
 	border-bottom: none !important;
-	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 #comments-form .fixed .column-author {
 	width: 20%;
+}
+#comments-form .fixed .column-date {
+	width: 14%;
 }
 #commentsdiv.postbox .inside {
 	margin: 0;
 	padding: 0;
 #commentsdiv .comments-box {
 	border: 0 none;
 }
-#commentsdiv .comments-box thead th {
+#commentsdiv .comments-box thead th,
+#commentsdiv .comments-box thead td {
 	background: transparent;
 	padding: 0 7px 4px;
 	font-style: italic;
 }
 #commentsdiv .comments-box tr:last-child td {
 	border-bottom: 0 none;
 }
+#commentsdiv #edithead .inside input {
+	width: 160px;
+}
 .sorting-indicator {
-	display: none;
+	display: block;
+	visibility: hidden;
 	width: 10px;
 	height: 4px;
 	margin-top: 8px;
 	margin-left: 7px;
 }
 .sorting-indicator:before {
-	background: none;
+	content: "\f142";
-	content: '\f142';
+	font: normal 20px/1 dashicons;
-	font: normal 20px/1 'dashicons';
 	speak: none;
 	display: inline-block;
 	padding: 0;
 	top: -4px;
 	left: -8px;
 	top: 0;
 	left: -10px;
 }
 th.sorted.asc .sorting-indicator:before,
-th.desc:hover span.sorting-indicator:before {
+th.desc:hover span.sorting-indicator:before,
-	content: '\f142';
+th.desc a:focus span.sorting-indicator:before {
+	content: "\f142";
 }
 th.sorted.desc .sorting-indicator:before,
-th.asc:hover span.sorting-indicator:before {
+th.asc:hover span.sorting-indicator:before,
-	content: '\f140';
+th.asc a:focus span.sorting-indicator:before {
+	content: "\f140";
+}
+.wp-list-table .toggle-row {
+	position: absolute;
+	right: 8px;
+	top: 10px;
+	display: none;
+	padding: 0;
+	width: 40px;
+	height: 40px;
+	border: none;
+	outline: none;
+	background: transparent;
+}
+.wp-list-table .toggle-row:hover {
+	cursor: pointer;
+}
+.wp-list-table .toggle-row:focus:before {
+box-shadow:
+	0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba(30, 140, 190, .8);
+}
+.ie8 .wp-list-table .toggle-row:focus:before {
+	outline: #5b9dd9 solid 1px;
+}
+.wp-list-table .toggle-row:active {
+	box-shadow: none;
+}
+.wp-list-table .toggle-row:before {
+	position: absolute;
+	top: -5px;
+	left: 10px;
+	border-radius: 50%;
+	display: block;
+	padding: 1px 2px 1px 0;
+	color: #444; /* same as table headers sort arrows */
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	speak: none;
+}
+.wp-list-table .is-expanded .toggle-row:before {
+	content: "\f142";
 }
 tr.wp-locked .locked-indicator {
 	margin-left: 6px;
 	height: 20px;
 	width: 16px;
 }
-tr.wp-locked .locked-indicator:before {
+tr.wp-locked .locked-indicator-icon:before {
 	color: #82878c;
-	content: '\f160';
+	content: "\f160";
 	display: inline-block;
-	float: left;
+	font: normal 20px/1 dashicons;
-	font: normal 20px/1 'dashicons';
 	speak: none;
 	vertical-align: middle;
-	margin-left: 0;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 tr.wp-locked .check-column label,
 	height: 0;
 	opacity: 0;
 }
 tr.wp-locked .locked-info {
-	margin-top: 8px;
+	margin-top: 4px;
 	height: auto;
 	opacity: 1;
 }
 .locked-text {
 	vertical-align: top;
 }
 tr.locked-info, tr.wp-locked .locked-info {
-	-webkit-transition: height 1s, opacity 0.5s;
 	transition: height 1s, opacity 0.5s;
 }
 .fixed .column-comments .sorting-indicator {
 	margin-top: 3px;
 th.sortable a,
 th.sorted a {
 	display: block;
 	overflow: hidden;
-	padding: 7px 7px 8px 10px;
+	padding: 8px;
 }
 .fixed .column-comments.sortable a,
 .fixed .column-comments.sorted a {
 	padding: 8px 0;
 th.sorted a span {
 	float: left;
 	cursor: pointer;
 }
-th.sorted.asc .sorting-indicator,
+th.sorted .sorting-indicator,
-th.desc:hover span.sorting-indicator {
+th.desc:hover span.sorting-indicator,
-	display: block;
+th.desc a:focus span.sorting-indicator,
-	background-position: 0 0;
+th.asc:hover span.sorting-indicator,
-}
+th.asc a:focus span.sorting-indicator {
+	visibility: visible;
-th.sorted.desc .sorting-indicator,
-th.asc:hover span.sorting-indicator {
-	display: block;
-	background-position: -7px 0;
 }
 /* Bulk Actions */
-.tablenav-pages a {
+.tablenav-pages a,
+.tablenav-pages-navspan {
 	font-weight: 600;
-	margin-right: 1px;
 	padding: 0 2px;
 }
 .tablenav-pages .current-page {
-	padding-top: 0;
+	margin: 0 2px 0 0;
+	padding-bottom: 5px;
+	font-size: 13px;
 	text-align: center;
 }
-.tablenav-pages .next-page {
+.tablenav .total-pages {
+	margin-right: 2px;
+}
+.tablenav #table-paging {
 	margin-left: 2px;
 }
+.tablenav a.button,
 .tablenav a.button-secondary {
 	display: block;
 	margin: 3px 8px 0 0;
 }
 	max-width: 98%;
 }
 .tablenav .tablenav-pages {
 	float: right;
-	display: block;
+	height: 28px;
+	margin-top: 3px;
 	cursor: default;
-	height: 30px;
 	color: #555;
-	line-height: 30px;
-	font-size: 12px;
 }
 .tablenav .no-pages,
 .tablenav .one-page .pagination-links {
 	display: none;
 .tablenav-pages span.current  {
 	text-decoration: none;
 	padding: 3px 6px;
 }
-.tablenav .tablenav-pages a {
+.tablenav .tablenav-pages a,
-	padding: 0 10px 3px;
+.tablenav-pages-navspan {
-	background: #eee;
+	display: inline-block;
-	background: rgba( 0, 0, 0, 0.05 );
+	min-width: 17px;
+	border: 1px solid #ccc; /* same color as buttons border */
+	padding: 3px 5px 7px;
+	background: #e5e5e5;
 	font-size: 16px;
-	font-weight: normal;
+	line-height: 1;
+	font-weight: 400;
+	text-align: center;
+}
+.tablenav-pages-navspan {
+	height: 16px;
+	border-color: #ddd; /* same as disabled buttons */
+	background: #f7f7f7; /* same as disabled buttons */
+	color: #a0a5aa; /* same as disabled buttons */
 }
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
+	border-color: #5b9dd9;
 	color: #fff;
 	background: #00a0d2;
-}
+	box-shadow: none;
+	outline: none; /* IE8 */
-.tablenav .tablenav-pages a.disabled,
-.tablenav .tablenav-pages a.disabled:hover,
-.tablenav .tablenav-pages a.disabled:focus,
-.tablenav .tablenav-pages a.disabled:active {
-	color: #a0a5aa;
-	background: #eee;
-	background: rgba( 0, 0, 0, 0.05 );
 }
 .tablenav .displaying-num {
-	margin-right: 2px;
+	margin-right: 7px;
-	color: #777;
+}
-	font-size: 12px;
-	font-style: italic;
+.tablenav .one-page .displaying-num {
+	display: inline-block;
+	margin-top: 5px;
+	margin-right: 0;
 }
 .tablenav .actions {
 	overflow: hidden;
 	padding: 2px 8px 0 0;
 	color: #00a0d2;
 }
 .tablenav .view-switch {
 	float: right;
-	margin: 5px 16px 0 8px;
+	margin: 0 5px;
+	padding-top: 3px;
 }
 .wp-filter .view-switch {
 	display: inline-block;
 	vertical-align: middle;
-	padding: 15px 0;
+	padding: 12px 0;
-	margin: 0 20px 0 0;
+	margin: 0 8px 0 2px;
+}
+.media-toolbar.wp-filter .view-switch {
+	margin: 0 12px 0 2px;
 }
 .view-switch a {
+	float: left;
+	width: 28px;
+	height: 28px;
+	text-align: center;
+	line-height: 24px;
 	text-decoration: none;
 }
-.view-switch > a {
+.view-switch a:before {
-	display: inline-block;
-	width: 18px;
-	height: 18px;
-}
-.view-switch > a:before {
 	color: #b4b9be;
 	display: inline-block;
-	float: left;
+	font: normal 20px/1 dashicons;
-	font: normal 20px/1 'dashicons';
 	speak: none;
 	vertical-align: middle;
-	margin-left: 0;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
-.view-switch > .view-list:before {
+.view-switch a:hover:before,
-	content: '\f163';
+.view-switch a:focus:before {
-}
-.view-switch a:hover:before {
 	color: #727272;
 }
 .view-switch a.current:before {
 	color: #0073aa;
 }
-.view-switch > a + a {
+.view-switch .view-list:before {
-	margin-left: 5px;
+	content: "\f163";
 }
-.view-switch > .view-excerpt:before {
+.view-switch .view-excerpt:before {
-	content: '\f164';
+	content: "\f164";
 }
-.view-switch > .view-grid:before {
+.view-switch .view-grid:before {
-	content: '\f509';
+	content: "\f509";
 }
 .filter {
 	float: left;
 	margin: -5px 0 0 10px;
 }
 .row-actions {
 	color: #ddd;
 	font-size: 13px;
-	visibility: hidden;
 	padding: 2px 0 0;
-}
+	position: relative;
+	left: -9999em;
+}
+/* ticket #34150 */
+.rtl .row-actions a {
+	display: inline-block;
+}
+.row-actions .network_only,
+.row-actions .network_active {
+	color: #000;
+}
+.no-js .row-actions,
 tr:hover .row-actions,
 .mobile .row-actions,
 .row-actions.visible,
-div.comment-item:hover .row-actions {
+.comment-item:hover .row-actions {
-	visibility: visible;
+	position: static;
 }
 /* deprecated */
 .row-actions-visible {
 	padding: 2px 0 0;
 tr.inline-edit-row td,
 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
 	padding: 0 0.5em;
 }
-#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
-	border-width: 0 0 0 1px;
-	border-style: none none none solid;
-}
 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
 	width: 40%;
 }
 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
 .inline-edit-row fieldset .inline-edit-group {
 	clear: both;
 	line-height: 2.5;
 }
-.inline-edit-row fieldset .inline-edit-group:after {
+.inline-edit-row .submit {
-	content: ".";
-	display: block;
-	height: 0;
-	clear: both;
-	visibility: hidden;
-}
-.inline-edit-row p.submit {
 	clear: both;
 	padding: 0.5em;
 	margin: 0.5em 0 0;
 }
-.inline-edit-row span.error {
+.inline-edit-row .notice-error {
-	line-height: 22px;
+	margin-top: 1em;
-	margin: 0 15px;
+}
-	padding: 3px 5px;
+.inline-edit-row .notice-error .error {
+	margin: 0.5em 0;
+	padding: 2px;
 }
 /*	Positioning */
-.inline-edit-row h4 {
-	margin: .2em 0;
+/* Needs higher specificity for the padding */
-	padding: 0;
+#the-list .inline-edit-row .inline-edit-legend {
+	margin: 0;
+	padding: 0.2em 0.5em 0;
 	line-height: 2.5;
-}
+	font-weight: 600;
+}
+#the-list #bulk-edit.inline-edit-row .inline-edit-legend {
+	padding: 0.2em 0.5em;
+}
 .inline-edit-row fieldset span.title,
 .inline-edit-row fieldset span.checkbox-title {
 	margin: 0;
 	padding: 0;
 }
 	display: block;
 	margin: .2em 0;
 	line-height: 2.5;
 }
+.inline-edit-row fieldset.inline-edit-date label {
+	display: inline-block;
+	margin: 0;
+	line-height: 1.5;
+	vertical-align: baseline;
+}
 .inline-edit-row fieldset label.inline-edit-tags {
 	margin-top: 0;
 }
 .inline-edit-row fieldset label.inline-edit-tags span.title {
 	margin: .2em 0;
 	width: auto;
 }
-.inline-edit-row fieldset label span.title {
+.inline-edit-row fieldset label span.title,
+.inline-edit-row fieldset.inline-edit-date legend {
 	display: block;
 	float: left;
-	width: 5em;
+	width: 6em;
 	line-height: 2.5;
 }
-.inline-edit-row fieldset label span.input-text-wrap {
+#posts-filter fieldset.inline-edit-date legend {
+	padding: 0;
+}
+.inline-edit-row fieldset.inline-edit-date select {
+	margin: 1px;
+	line-height: 28px;
+}
+.inline-edit-row fieldset label span.input-text-wrap,
+.inline-edit-row fieldset .timestamp-wrap {
 	display: block;
-	margin-left: 5em;
+	margin-left: 6em;
 }
 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
 	width: auto;
 	padding-right: 0.5em;
 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
 	width: 6em;
 }
 /*	Styling */
-.inline-edit-row h4 {
+.inline-edit-row .inline-edit-legend {
 	text-transform: uppercase;
 }
 .inline-edit-row fieldset span.title,
 .inline-edit-row fieldset span.checkbox-title {
 .plugins tbody th.check-column input[type=checkbox] {
 	margin-top: 4px;
 }
-#update-plugins-table tbody td p {
+.updates-table .plugin-title p {
 	margin-top: 0;
 }
-#update-plugins-table tbody td p strong {
+.plugins thead td.check-column,
-	font-size: 14px;
+.plugins tfoot td.check-column,
-}
-.plugins thead th.check-column,
-.plugins tfoot th.check-column,
 .plugins .inactive th.check-column {
 	padding-left: 6px;
-}
-#update-plugins-table thead th.check-column,
-#update-plugins-table tfoot th.check-column {
-	padding-top: 11px;
 }
 .plugins,
 .plugins th,
 .plugins td {
 }
 .plugins .update th,
 .plugins .update td {
 	border-bottom: 0;
-}
-.plugin-update-tr td {
-	border-top: 0;
 }
 .plugins .inactive td,
 .plugins .inactive th,
 .plugins .active td,
 .plugins .active th,
 .plugin-install #the-list td,
 .upgrade .plugins td,
 .upgrade .plugins th {
-	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
 	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
 }
 .plugins tr.active.plugin-update-tr + tr.inactive th,
 .plugins tr.active.plugin-update-tr + tr.inactive td,
 .plugins tr.active + tr.inactive th,
 .plugins tr.active + tr.inactive td {
 	border-top: 1px solid rgba(0,0,0,0.03);
-	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
 	box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
 }
 .plugins .update td,
 .plugins .update th,
 .plugins tr.active + tr.inactive.update td,
 .plugins .updated td,
 .plugins .updated th,
 .plugins tr.active + tr.inactive.updated th,
 .plugins tr.active + tr.inactive.updated td {
-	-webkit-box-shadow: none;
 	box-shadow: none;
-}
-.plugins .active.update td,
-.plugins .active.update th,
-tr.active.update + tr.plugin-update-tr .plugin-update {
-	background-color: #fef7f1;
 }
 .plugins .active th.check-column,
 .plugin-update-tr.active td {
 	border-left: 4px solid #00a0d2;
 }
-.plugins .active.update th.check-column,
+.wp-list-table.plugins .plugin-title,
-.plugins .active.update + .plugin-update-tr .plugin-update {
+.wp-list-table.plugins .theme-title {
-	border-left: 4px solid #d54e21;
-}
-#wpbody-content .plugins .plugin-title,
-#wpbody-content .plugins .theme-title {
 	padding-right: 12px;
-	white-space:nowrap;
+	white-space: nowrap;
+}
+.plugins .plugin-title img,
+.plugins .plugin-title .dashicons {
+	float: left;
+	padding: 0 10px 0 0;
+	width: 64px;
+	height: 64px;
+}
+.plugins .plugin-title .dashicons:before {
+	padding: 2px;
+	background-color: #eee;
+	box-shadow: inset 0 0 10px rgba(160,165,170,.15);
+	font-size: 60px;
+	color: #B4B9BE;
+}
+#update-themes-table .plugin-title img,
+#update-themes-table .plugin-title .dashicons {
+	width: 85px;
 }
 .plugins .inactive .plugin-title strong {
 	font-weight: 400;
 }
 .plugins-php .widefat tfoot td {
 	border-top-style: solid;
 	border-top-width: 1px;
 }
-.plugin-update-tr .update-message {
+.plugins .plugin-update-tr .plugin-update {
-	font-size: 13px;
+	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-	font-weight: normal;
+	overflow: hidden; /* clearfix */
-	margin: 6px 12px 12px;
+	padding: 0;
-	padding: 6px 12px;
+}
-	margin: 0 10px 8px 31px;
-	background-color: #f7f7f7;
+.plugins .plugin-update-tr .notice,
-	background-color: rgba(0,0,0,0.03);
+.plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */
-}
+	margin: 5px 20px 15px 40px;
+}
-.plugin-update-tr .update-message:before,
-.plugin-card .update-now:before,
+.plugins .notice p {
-.plugin-card .install-now:before {
+	margin: 0.5em 0;
-	color: #d54e21;
+}
+.plugin-card .update-now:before {
+	color: #f56e28;
+	content: "\f463";
 	display: inline-block;
-	font: normal 20px/1 'dashicons';
+	font: normal 20px/1 dashicons;
+	margin: 3px 5px 0 -2px;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	vertical-align: top;
 }
-.plugin-update-tr .update-message:before,
-.plugin-card .update-now:before {
-	content: '\f463';
-}
-.plugin-update-tr .update-message:before {
-	margin: 0 8px 0 -2px;
-}
-.plugin-card .update-now:before,
-.plugin-card .install-now:before {
-	margin: 3px 5px 0 -2px;
-}
-.plugin-update-tr .updating-message:before,
 .plugin-card .updating-message:before {
-	content: '\f463';
+	content: "\f463";
 	-webkit-animation: rotation 2s infinite linear;
 	animation: rotation 2s infinite linear;
 }
 @-webkit-keyframes rotation {
 		-webkit-transform: rotate(359deg);
 		transform: rotate(359deg);
 	}
 }
-.plugin-update-tr .updated-message:before,
 .plugin-card .updated-message:before {
 	color: #79ba49;
-	content: '\f147';
+	content: "\f147";
 }
-.plugins .plugin-update-tr .plugin-update {
+.plugin-install-php h2 {
-	padding: 0;
+	clear: both;
-	border: none;
-	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
-}
-/* update notices for active plugins */
-tr.active + tr.plugin-update-tr .plugin-update {
-	background-color: #f7fcfe;
-}
-tr.active + tr.plugin-update-tr:not(.updated) .plugin-update .update-message {
-	background-color: #fcf3ef;
 }
 .plugin-install-php h3 {
-	clear: both;
-}
-.plugin-install-php h4 {
 	margin: 2.5em 0 8px;
 }
 .plugin-install-php .wp-filter {
 	margin-bottom: 0;
 .plugin-card {
 	float: left;
 	margin: 0 8px 16px;
 	width: 48.5%;
-	width: -webkit-calc( 50% - 8px );
 	width: calc( 50% - 8px );
 	background-color: #fff;
-	border: 1px solid #dedede;
+	border: 1px solid #ddd;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 .plugin-card:nth-child(odd) {
 	clear: both;
 }
 @media screen and ( min-width: 1600px ) {
 	.plugin-card {
 		width: 30%;
-		width: -webkit-calc( 33.1% - 8px );
 		width: calc( 33.1% - 8px );
 	}
 	.plugin-card:nth-child(odd) {
 		clear: none;
 		margin-left: 0;
 	}
 	.plugin-card:nth-child(3n) {
 		margin-right: 0;
-	}
-}
-@media screen and ( max-width: 782px ) {
-	.plugin-card {
-		margin-left: 0;
-		margin-right: 0;
-		width: 100%;
 	}
 }
 .plugin-card-top {
 	position: relative;
 div.action-links,
 .plugin-action-buttons {
 	margin: 0; /* Override existing margins */
 }
-.plugin-card h4 {
+.plugin-card h3 {
 	margin: 0 0 12px;
 	font-size: 18px;
 	line-height: 1.3;
 }
 .plugin-card-bottom {
 	clear: both;
 	padding: 12px 20px;
 	background-color: #fafafa;
-	border-top: 1px solid #dedede;
+	border-top: 1px solid #ddd;
 	overflow: hidden;
 }
 .plugin-card-bottom .star-rating {
 	display: inline;
+}
+.plugin-card-update-failed .update-now {
+	font-weight: 600;
+}
+.plugin-card-update-failed .notice-error {
+	margin: 0;
+	padding-left: 16px;
+	box-shadow: 0 -1px 0 #ddd;
+}
+.plugin-card-update-failed .plugin-card-bottom {
+	display: none;
 }
 .plugin-card .column-rating {
 	line-height: 23px;
 }
 .plugin-card .column-compatibility {
 	text-align: right;
 	float: right;
 	clear: right;
 	width: 65%;
-	width: -webkit-calc( 100% - 180px );
 	width: calc( 100% - 180px );
 }
 .plugin-card .column-compatibility span:before {
-	font: normal 20px/.5 'dashicons';
+	font: normal 20px/.5 dashicons;
 	speak: none;
 	display: inline-block;
 	padding: 0;
 	top: 4px;
 	left: -2px;
 	text-decoration: none !important;
 	color: #444;
 }
 .plugin-card .compatibility-incompatible:before {
-	content: '\f158';
+	content: "\f158";
 }
 .plugin-card .compatibility-compatible:before {
-	content: '\f147';
+	content: "\f147";
 }
 .plugin-icon {
 	position: absolute;
 	top: 20px;
 	width: 128px;
 	height: 128px;
 	margin: 0 20px 20px 0;
 }
-.plugin-icon img {
-	width: 128px;
-	height: 128px;
-}
 .no-plugin-results {
-	color: #999;
+	color: #666; /* same as no themes and no media */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;
 	padding: 100px 0 0;
 	text-align: center;
 }
 /* ms */
 /* Background Color for Site Status */
+.wp-list-table .site-deleted,
 .wp-list-table tr.site-deleted {
 	background: #ff8573;
 }
+.wp-list-table .site-spammed,
 .wp-list-table tr.site-spammed {
 	background: #faafaa;
 }
+.wp-list-table .site-archived,
 .wp-list-table tr.site-archived {
 	background: #ffebe8;
 }
+.wp-list-table .site-mature,
 .wp-list-table tr.site-mature {
 	background: #fecac2;
+}
+.sites.fixed .column-lastupdated,
+.sites.fixed .column-registered {
+	width: 20%;
+}
+.sites.fixed .column-users {
+	width: 80px;
 }
 /* =Media Queries
 -------------------------------------------------------------- */
 	}
 	.plugin-card .desc p:first-of-type {
 		margin-top: 0;
 	}
+	.fixed .column-date {
+		width: 14%;
+	}
 }
 @media screen and ( max-width: 782px ) {
 	/* WP List Table Options & Filters */
 	.tablenav {
 	.tablenav.top .actions,
 	.tablenav .view-switch {
 		display: none;
 	}
+	.view-switch a {
+		width: 36px;
+		height: 36px;
+		line-height: 33px;
+	}
 	/* Pagination */
 	.tablenav.top .displaying-num {
 		display: none;
 	}
 	.tablenav.bottom .displaying-num {
 		position: absolute;
 		right: 0;
-		top: 10px;
+		top: 11px;
+		margin: 0;
 		font-size: 14px;
 	}
-	.tablenav-pages {
+	.tablenav .tablenav-pages {
 		width: 100%;
+		height: auto;
 		text-align: center;
 		margin: 0 0 25px;
 	}
 	.tablenav.bottom .tablenav-pages {
 	.tablenav.bottom .tablenav-pages.one-page {
 		margin: 15px 0 0 0;
 		height: 0;
 	}
-	.tablenav-pages .pagination-links .paging-input {
+	.tablenav-pages .pagination-links {
+		font-size: 16px;
+	}
+	.tablenav-pages .pagination-links a,
+	.tablenav-pages-navspan {
+		padding: 9px 11px 12px;
 		font-size: 18px;
 	}
-	.tablenav-pages .pagination-links a {
+	.tablenav-pages-navspan {
-		padding: 8px 20px 11px;
+		height: 18px;
-		font-size: 18px;
-		background: rgba(0, 0, 0, 0.05);
 	}
 	.tablenav-pages .pagination-links .current-page {
-		padding: 10px;
+		padding: 8px 9px 9px;
-		font-size: 14px;
+		font-size: 16px;
 	}
 	/* WP List Table Adjustments: General */
 	.form-wrap > p {
 		display: none;
 	.comment-count {
 		font-size: 14px;
 	}
-	/* Columns to hide */
+	.wp-list-table th.column-primary ~ th,
-	.fixed .column-date,
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
-	.fixed .column-author,
-	.column-categories,
-	.column-tags,
-	.tags .column-description,
-	.media .column-parent,
-	.users .column-email,
-	.users .column-name,
-	.sites .column-registered,
-	.sites .column-users {
 		display: none;
+	}
+	.wp-list-table thead th.column-primary {
+		width: 100%;
+	}
+	/* Checkboxes need to show */
+	.wp-list-table tr th.check-column {
+		display: table-cell;
+		width: 35px;
+	}
+	.wp-list-table .column-primary .toggle-row {
+		display: block;
+	}
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
+		position: relative;
+		clear: both;
+		display: block;
+		width: auto !important; /* needs to override some columns that are more specifically targeted */
+	}
+	.wp-list-table td.column-primary {
+		padding-right: 50px; /* space for toggle button */
+	}
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
+		padding: 3px 8px 3px 35%;
+	}
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
+		position: absolute;
+		left: 10px; /* match padding of regular table cell */
+		display: block;
+		overflow: hidden;
+		width: 32%; /* leave a little space for a gutter */
+		content: attr(data-colname);
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+	.wp-list-table .is-expanded td:not(.hidden) {
+		display: block !important;
+		overflow: hidden; /* clearfix */
+	}
+	/* Special cases */
+	.widefat .num,
+	.column-posts {
+		text-align: left;
+	}
+	#comments-form .fixed .column-author,
+	#commentsdiv .fixed .column-author {
+		display: none !important;
 	}
 	.fixed .column-comment .comment-author {
 		display: block;
 	}
-	/* Posts */
+	#the-comment-list .is-expanded td {
-	.column-title {
+		box-shadow: none;
-		width: 85%;
+	}
-	}
+	#the-comment-list .is-expanded td:last-child {
-	.fixed .column-comments, .widefat .check-column {
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-		width: 35px
+	}
-	}
+	/* Show comment bubble as text instead */
-	.widefat thead .check-column, .widefat tfoot .check-column {
+	.post-com-count .screen-reader-text {
-		padding: 10px 0 10px;
+		position: static;
+		-webkit-clip-path: none;
+		clip-path: none;
+		width: auto;
+		height: auto;
+		margin: 0;
+	}
+	.column-response .post-com-count-no-comments:after,
+	.column-response .post-com-count-approved:after,
+	.column-comments .post-com-count-no-comments:after,
+	.column-comments .post-com-count-approved:after {
+		content: none;
+	}
+	.column-response .post-com-count [aria-hidden="true"],
+	.column-comments .post-com-count [aria-hidden="true"] {
+		display: none;
+	}
+	.column-response .post-com-count-wrapper,
+	.column-comments .post-com-count-wrapper {
+		white-space: normal;
+	}
+	.column-response .post-com-count-wrapper > a,
+	.column-comments .post-com-count-wrapper > a {
+		display: block;
+	}
+	.column-response .post-com-count-no-comments,
+	.column-response .post-com-count-approved,
+	.column-comments .post-com-count-no-comments,
+	.column-comments .post-com-count-approved {
+		margin-top: 0;
+		margin-right: 0.5em;
+	}
+	.column-response .post-com-count-pending,
+	.column-comments .post-com-count-pending {
+		position: static;
+		height: auto;
+		min-width: 0;
+		padding: 0;
+		border: none;
+		border-radius: 0;
+		background: none;
+		color: #bb2a2a;
+		font-size: inherit;
+		line-height: inherit;
+		text-align: left;
+	}
+	.column-response .post-com-count-pending:hover,
+	.column-comments .post-com-count-pending:hover {
+		color: #dc3232;
+	}
+	.widefat thead td.check-column,
+	.widefat tfoot td.check-column {
+		padding-top: 10px;
 	}
 	.widefat * {
 		word-wrap: normal;
 	}
 	#wpbody .bulk-edit-row fieldset select {
 		display: block;
 		width: 100%;
 		max-width: none;
-		-webkit-box-sizing: border-box;
-		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 	.inline-edit-row fieldset ul.cat-checklist label,
 	.inline-edit-row #bulk-titles div {
 		font-size: 16px;
 	}
-	.inline-edit-row fieldset label span.title {
+	.inline-edit-row fieldset label span.title,
+	.inline-edit-row fieldset.inline-edit-date legend {
 		float: none;
 	}
 	.inline-edit-row fieldset label.inline-edit-tags {
 		padding: 0 0.5em;
 	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
 		padding: 0;
 	}
-	.inline-edit-row fieldset label span.input-text-wrap {
+	.inline-edit-row fieldset label span.input-text-wrap,
+	.inline-edit-row fieldset .timestamp-wrap {
 		margin-left: 0;
 	}
 	.inline-edit-row fieldset input[name=jj],
 	.inline-edit-row fieldset input[name=hh],
 	.inline-edit-row .inline-edit-or {
 		margin: 0 6px 0 0;
 	}
+	#edithead .inside,
+	#commentsdiv #edithead .inside {
+		float: none;
+		text-align: left;
+		padding: 3px 5px;
+	}
+	#commentsdiv #edithead .inside input,
+	#edithead .inside input {
+		width: 100%;
+	}
+	#edithead label {
+		display: block;
+	}
 	#bulk-titles div {
 		margin: 0.8em 0.3em;
 	}
 	#bulk-titles div a {
 		height: 22px;
 	}
-	/* Taxonomies */
-	.tags .column-posts {
-		width: 74px;
-	}
-	.tags .column-slug {
-		width: 30%;
-	}
-	/* Comments */
-	.comments .column-response {
-		width: 35%;
-	}
-	/* Users */
-	.users .column-role {
-		width: 35%;
-	}
-	/* Network admin sites */
-	.sites .column-blogname {
-		width: 55%;
-	}
 	/* Updates */
-	#wpbody-content #update-themes-table .plugin-title {
+	#wpbody-content .updates-table .plugin-title {
 		width: auto;
+		white-space: normal;
 	}
 	/* Links */
 	.link-manager-php #posts-filter {
 		margin-top: 25px;
 	.link-manager-php .tablenav.bottom {
 		overflow: hidden;
 	}
-	/* Plugin/Theme Management Page */
+	/* List tables that don't toggle rows */
-	.wp-list-table.plugins {
+	.comments-box .toggle-row,
-		position: relative;
+	.wp-list-table.plugins .toggle-row {
-		margin-top: 35px;
-		margin-bottom: 50px;
-	}
-	.wp-list-table.plugins thead .column-description,
-	#wpbody-content .wp-list-table.plugins tfoot .column-description,
-	.wp-list-table.plugins th#description {
 		display: none;
 	}
-	#wpbody-content .wp-list-table.plugins,
+	/* Plugin/Theme Management */
-	#wpbody-content .wp-list-table.plugins thead,
+	#wpbody-content .wp-list-table.plugins td {
-	#wpbody-content .wp-list-table.plugins tbody,
-	#wpbody-content .wp-list-table.plugins tr,
-	#wpbody-content .wp-list-table.plugins .column-description,
-	#wpbody-content .wp-list-table.plugins .plugin-title,
-	#wpbody-content .wp-list-table.plugins .theme-title,
-	#wpbody-content .wp-list-table.plugins .plugin-update,
-	#wpbody-content .wp-list-table.plugins .manage-column.column-name {
 		display: block;
 		width: auto;
-	}
+		padding: 10px 9px; /* reset from other list tables that have a label at this width */
+	}
-	.wp-list-table.plugins thead,
-	.wp-list-table.plugins tfoot {
+	#wpbody-content .wp-list-table.plugins .column-description {
-		position: absolute;
+		padding-top: 2px;
-		top: -35px;
+	}
-		left: 0;
-		right: 0;
+	#wpbody-content .wp-list-table.plugins .plugin-title,
-		width: auto;
+	#wpbody-content .wp-list-table.plugins .theme-title {
-		height: 35px;
+		padding-right: 12px;
-	}
+		white-space: normal;
-	.wp-list-table.plugins tfoot {
-		bottom: -35px;
-		top: auto;
-	}
-	.active, .inactive {
-		padding-top: 0;
 	}
 	.wp-list-table.plugins .plugin-title,
 	.wp-list-table.plugins .theme-title {
 		padding-top: 13px;
 		padding-bottom: 4px;
 	}
-	.plugins tr.active + tr.inactive th.check-column,
+	.plugins #the-list tr > td:not(:last-child),
-	.plugins tr.active + tr.inactive td,
+	.plugins #the-list .update th,
-	.wp-list-table.plugins .plugin-title,
+	.plugins #the-list .update td,
-	.wp-list-table.plugins .theme-title,
+	.wp-list-table.plugins #the-list .theme-title {
-	.wp-list-table.plugins tbody th {
-		-webkit-box-shadow: none;
 		box-shadow: none;
+		border-top: none;
+	}
+	.plugins #the-list tr td {
+		border-top: none;
 	}
 	.plugins tbody {
 		padding: 1px 0 0;
 	}
-	.plugins tr.active + tr.inactive td.column-description {
+	.plugins tr.active + tr.inactive th.check-column,
-		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	.plugins tr.active + tr.inactive td.column-description,
+	.plugins .plugin-update-tr:before {
 		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 	}
 	.plugins tr.active + tr.inactive th.check-column,
 	.plugins tr.active + tr.inactive td {
 		border-top: none;
 	}
-	.wp-list-table.plugins .column-description {
+	/* mimic the checkbox th */
-		padding-top: 0;
+	.plugins .plugin-update-tr:before {
-	}
+		content: "";
+		display: table-cell;
-	.wp-list-table.plugins .manage-column.column-name,
+	}
-	.wp-list-table.plugins .column-description,
-	.wp-list-table.plugins .plugin-title,
+	.plugins .active.update + .plugin-update-tr:before {
-	.wp-list-table.plugins .theme-title {
+		border-left: 4px solid #d54e21;
-		padding-right: 12px;
+		background-color: #fef7f1;
-		padding-left: 46px;
+	}
-	}
+	.plugins #the-list .plugin-update-tr .plugin-update {
-	.wp-list-table.plugins tr {
+		border-left: none;
-		position: relative;
+	}
-	}
+	.plugin-update-tr .update-message {
-	.wp-list-table.plugins th.check-column,
+		margin-left: 0;
-	.wp-list-table.plugins tr.update th.check-column {
+	}
-		position: absolute;
-		height: auto;
+	.plugins .active.update + .plugin-update-tr:before {
-		top: 0;
+		background-color: #f7fcfe;
-		bottom: 0;
+		border-left: 4px solid #00a0d2;
-		left: 0;
+	}
-		padding-left: 2px;
-		padding-top: 18px;
+	.plugins .plugin-update-tr .update-message {
-	}
+		margin-left: 0;
-	.wp-list-table.plugins thead th.check-column,
-	.wp-list-table.plugins tfoot th.check-column {
-		padding-left: 3px;
-		padding-top: 11px;
-		background: none;
-	}
-	.widefat tbody th.check-column input[type="checkbox"] {
-		margin-top: -3px;
-		margin-left: 8px;
-	}
-	.wp-list-table.plugins .active .check-column input,
-	.wp-list-table.plugins .update .check-column input {
-		margin-left: 5px;
-	}
-	.wp-list-table.plugins thead .check-column input,
-	.wp-list-table.plugins tfoot .check-column input {
-		margin-top: -6px;
-	}
-	.wp-list-table.plugins .active th.check-column {
-		background: none;
 	}
 	.wp-list-table.plugins .plugin-title strong,
 	.wp-list-table.plugins .theme-title strong {
 		font-size: 1.4em;
-		line-height: 1.6em;
+		line-height: 1.5;
 	}
 	/* Add New plugins page */
 	table.plugin-install .column-name,
 	table.plugin-install .column-version,
 		font-size: 1.4em;
 		line-height: 1.6em;
 	}
 	table.plugin-install #the-list td {
-		-webkit-box-shadow: none;
 		box-shadow: none;
 	}
 	table.plugin-install #the-list tr {
 		display: block;
-		-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
 		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
 	}
-}
+	.plugin-card {
-/* Smartphone */
+		margin-left: 0;
-@media screen and (max-width: 600px) {
+		margin-right: 0;
-	/* Remove slug column from taxonomy list page
+		width: 100%;
-	   and role column from users list page */
+	}
-	.tags .column-slug,
+}
-	.users .column-role {
-		display: none;
+@media screen and ( max-width: 480px ) {
-	}
+	.tablenav-pages .current-page {
-}
+		margin: 0;
+	}
+	.tablenav-pages .tablenav-paging-text {
+		float: left;
+		width: 100%;
+		padding-top: 0.5em;
+	}
+}

changeset 7	cf61fcea0001
parent 5	5e2f62d02dcd
child 9	177826044cd9