+.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 #ddd;
+ -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;
+ }
+}
+
+.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 h3 {
+ 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 #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-right: 16px;
+ -webkit-box-shadow: 0 -1px 0 #ddd;
+ 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-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-icon {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ width: 128px;
+ height: 128px;
+ margin: 0 0 20px 20px;
+}
+
+.no-plugin-results {
+ color: #666; /* same as no themes and no media */
+ font-size: 18px;
+ font-style: normal;
+ margin: 0;
+ padding: 100px 0 0;
+ text-align: center;
+}
+