width: 10%;
}
+.fixed .column-posts {
+ width: 74px;
+}
+
.fixed .column-comment .comment-author {
display: none;
}
padding: 2px 0 0 8px;
}
+.wp-filter .actions {
+ display: inline-block;
+ vertical-align: middle;
+}
+
.tablenav .delete {
margin-left: 20px;
}
color: #2ea2cc;
}
-.view-switch {
+.tablenav .view-switch {
float: left;
margin: 5px 8px 0 16px;
}
-.view-switch img {
- display: none;
+.wp-filter .view-switch {
+ display: inline-block;
+ vertical-align: middle;
+ padding: 14px 0;
+ margin: 0 0 0 20px;
}
.view-switch a {
.view-switch > a:before {
color: #bbb;
- content: '\f163';
display: inline-block;
float: right;
font: normal 20px/1 'dashicons';
-moz-osx-font-smoothing: grayscale;
}
+.view-switch > .view-list:before {
+ content: '\f163';
+}
+
.view-switch a:hover:before {
color: #727272;
}
color: #0074a2;
}
-.view-switch > a + a:before {
+.view-switch > a + a {
margin-right: 5px;
+}
+
+.view-switch > .view-excerpt:before {
content: '\f164';
}
+.view-switch > .view-grid:before {
+ content: '\f509';
+}
+
.filter {
float: right;
margin: -5px 10px 0 0;
width: 4em;
}
+#posts-filter .wp-filter {
+ margin-bottom: 0;
+}
+
#posts-filter fieldset {
float: right;
margin: 0 0 1em 1.5ex;
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 table view */
+.plugin-group {
+ overflow: hidden; /* clearfix */
+ margin-top: 1.5em;
+}
+
+.plugin-group h3 {
+ margin-top: 0;
+}
+
+.plugin-card {
+ float: right;
+ margin: 0 8px 16px;
+ width: 48.5%;
+ width: -webkit-calc( 50% - 8px );
+ width: calc( 50% - 8px );
+ background-color: #fff;
+ border: 1px solid #dedede;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.plugin-card:nth-child(odd) {
+ clear: both;
+ margin-right: 0;
+}
+
+.plugin-card:nth-child(even) {
+ margin-left: 0;
+}
+
+@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-right: 8px;
+ }
+
+ .plugin-card:nth-child(even) {
+ margin-left: 8px;
+ }
+
+ .plugin-card:nth-child(3n+1) {
+ clear: both;
+ margin-right: 0;
+ }
+
+ .plugin-card:nth-child(3n) {
+ margin-left: 0;
+ }
+}
+
+@media screen and ( max-width: 782px ) {
+ .plugin-card {
+ margin-right: 0;
+ margin-left: 0;
+ width: 100%;
+ }
+}
+
+.plugin-card-top {
+ position: relative;
+ padding: 20px 20px 10px;
+ min-height: 135px;
+}
+
+div.action-links,
+.plugin-action-buttons {
+ margin: 0; /* Override existing margins */
+}
+
+.plugin-card h4 {
+ margin: 0 0 12px;
+ font-size: 18px;
+ line-height: 1.3;
+}
+
+.plugin-card .name,
+.plugin-card .desc {
+ margin-right: 148px; /* icon + margin */
+ margin-left: 120px; /* action links */
+}
+
+.plugin-card .action-links {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ width: 120px;
+}
+
+.plugin-action-buttons {
+ clear: left;
+ float: left;
+ margin-right: 2em;
+ margin-bottom: 1em;
+ text-align: left;
+}
+
+.plugin-action-buttons li {
+ margin-bottom: 10px;
+}
+
+.plugin-card-bottom {
+ clear: both;
+ padding: 12px 20px;
+ background-color: #fafafa;
+ border-top: 1px solid #dedede;
+ overflow: hidden;
+}
+
+.plugin-card-bottom .star-rating {
+ display: inline;
+}
+
+.plugin-card .column-rating {
+ line-height: 23px;
+}
+
+.plugin-card .column-rating,
+.plugin-card .column-updated {
+ margin-bottom: 4px;
+}
+
+.plugin-card .column-rating,
+.plugin-card .column-downloaded {
+ float: right;
+ clear: right;
+ max-width: 180px;
+}
+
+.plugin-card .column-updated,
+.plugin-card .column-compatibility {
+ text-align: left;
+ float: left;
+ clear: left;
+ width: 65%;
+ width: -webkit-calc( 100% - 180px );
+ width: calc( 100% - 180px );
+}
+
+.plugin-card .column-compatibility span:before {
+ font: normal 20px/.5 'dashicons';
+ speak: none;
+ display: inline-block;
+ padding: 0;
+ top: 4px;
+ right: -2px;
+ position: relative;
+ vertical-align: top;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ text-decoration: none !important;
+ color: #444;
+}
+
+.plugin-card .compatibility-incompatible:before {
+ content: '\f158';
+}
+
+.plugin-card .compatibility-compatible:before {
+ content: '\f147';
+}
+
+.plugin-card .compatibility-untested strong {
+ font-weight: normal;
+}
+
+.plugin-icon {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ width: 128px;
+ height: 128px;
+ margin: 0 0 20px 20px;
+}
+
+.plugin-icon img {
+ width: 128px;
+ height: 128px;
+}
+
+.no-plugin-results {
+ color: #999;
+ 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 {
/* =Media Queries
-------------------------------------------------------------- */
-/**
- * HiDPI Displays
- */
+@media screen and ( max-width: 1100px ) and ( min-width: 782px ), ( max-width: 480px ) {
+ .plugin-card .action-links {
+ position: static;
+ margin-right: 148px;
+ width: auto;
+ }
+
+ .plugin-action-buttons {
+ float: none;
+ margin: 1em 0 0;
+ text-align: right;
+ }
+
+ .plugin-action-buttons li {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .plugin-action-buttons li .button {
+ margin-left: 20px;
+ }
+
+ .plugin-card .name,
+ .plugin-card .desc {
+ margin-left: 0;
+ }
+
+ .plugin-card .desc p:first-of-type {
+ margin-top: 0;
+ }
+}
+
@media screen and ( max-width: 782px ) {
/* WP List Table Options & Filters */
.tablenav {
}
.tablenav.top {
- margin: 0;
+ margin: 20px 0 5px 0;
}
.tablenav.bottom {
display: block;
}
- .tablenav.top .actions, .view-switch {
+ .tablenav.top .actions,
+ .tablenav .view-switch {
display: none;
}
/* Taxonomies */
.tags .column-posts {
- width: 50px;
+ width: 74px;
}
.tags .column-slug {