WordPress 4.0

[autoinstalls/wordpress.git] / wp-admin / css / list-tables.css

diff --git a/wp-admin/css/list-tables.css b/wp-admin/css/list-tables.css
index 0b4115d1dea3096f7dbf381b36f011ab4b599e40..a2fc7bc6ae64e8e6c13a67e6599f67575b470e2c 100644 (file)
--- a/wp-admin/css/list-tables.css
+++ b/wp-admin/css/list-tables.css
@@ -263,6 +263,10 @@ table.fixed {
        width: 10%;
 }
 
+.fixed .column-posts {
+    width: 74px;
+}
+
 .fixed .column-comment .comment-author {
        display: none;
 }
@@ -591,6 +595,11 @@ th.asc:hover span.sorting-indicator {
        padding: 2px 8px 0 0;
 }
 
+.wp-filter .actions {
+       display: inline-block;
+       vertical-align: middle;
+}
+
 .tablenav .delete {
        margin-right: 20px;
 }
@@ -613,13 +622,16 @@ classes exist in paginate_links() but not seen in list table output. */
        color: #2ea2cc;
 }
 
-.view-switch {
+.tablenav .view-switch {
        float: right;
        margin: 5px 16px 0 8px;
 }
 
-.view-switch img {
-       display: none;
+.wp-filter .view-switch {
+       display: inline-block;
+       vertical-align: middle;
+       padding: 14px 0;
+       margin: 0 20px 0 0;
 }
 
 .view-switch a {
@@ -634,7 +646,6 @@ classes exist in paginate_links() but not seen in list table output. */
 
 .view-switch > a:before {
        color: #bbb;
-       content: '\f163';
        display: inline-block;
        float: left;
        font: normal 20px/1 'dashicons';
@@ -645,6 +656,10 @@ classes exist in paginate_links() but not seen in list table output. */
        -moz-osx-font-smoothing: grayscale;
 }
 
+.view-switch > .view-list:before {
+       content: '\f163';
+}
+
 .view-switch a:hover:before {
        color: #727272;
 }
@@ -653,11 +668,18 @@ classes exist in paginate_links() but not seen in list table output. */
        color: #0074a2;
 }
 
-.view-switch > a + a:before {
+.view-switch > a + a {
        margin-left: 5px;
+}
+
+.view-switch > .view-excerpt:before {
        content: '\f164';
 }
 
+.view-switch > .view-grid:before {
+       content: '\f509';
+}
+
 .filter {
        float: left;
        margin: -5px 0 0 10px;
@@ -671,6 +693,10 @@ classes exist in paginate_links() but not seen in list table output. */
        width: 4em;
 }
 
+#posts-filter .wp-filter {
+       margin-bottom: 0;
+}
+
 #posts-filter fieldset {
        float: left;
        margin: 0 1.5ex 1em 0;
@@ -1201,10 +1227,214 @@ tr.active + tr.plugin-update-tr .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 table view */
+.plugin-group {
+       overflow: hidden; /* clearfix */
+       margin-top: 1.5em;
+}
+
+.plugin-group h3 {
+       margin-top: 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;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.plugin-card:nth-child(odd) {
+       clear: both;
+       margin-left: 0;
+}
+
+.plugin-card:nth-child(even) {
+       margin-right: 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-left: 8px;
+       }
+
+       .plugin-card:nth-child(even) {
+               margin-right: 8px;
+       }
+
+       .plugin-card:nth-child(3n+1) {
+               clear: both;
+               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;
+       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-left: 148px; /* icon + margin */
+       margin-right: 120px; /* action links */
+}
+
+.plugin-card .action-links {
+       position: absolute;
+       top: 20px;
+       right: 20px;
+       width: 120px;
+}
+
+.plugin-action-buttons {
+       clear: right;
+       float: right;
+       margin-left: 2em;
+       margin-bottom: 1em;
+       text-align: right;
+}
+
+.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: left;
+       clear: left;
+       max-width: 180px;
+}
+
+.plugin-card .column-updated,
+.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';
+       speak: none;
+       display: inline-block;
+       padding: 0;
+       top: 4px;
+       left: -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;
+       left: 20px;
+       width: 128px;
+       height: 128px;
+       margin: 0 20px 20px 0;
+}
+
+.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 {
@@ -1223,9 +1453,38 @@ tr.active + tr.plugin-update-tr .plugin-update .update-message {
 /* =Media Queries
 -------------------------------------------------------------- */
 
-/**
- * HiDPI Displays
- */
+@media screen and ( max-width: 1100px ) and ( min-width: 782px ), ( max-width: 480px ) {
+       .plugin-card .action-links {
+               position: static;
+               margin-left: 148px;
+               width: auto;
+       }
+
+       .plugin-action-buttons {
+               float: none;
+               margin: 1em 0 0;
+               text-align: left;
+       }
+
+       .plugin-action-buttons li {
+               display: inline-block;
+               vertical-align: middle;
+       }
+
+       .plugin-action-buttons li .button {
+               margin-right: 20px;
+       }
+
+       .plugin-card .name,
+       .plugin-card .desc {
+               margin-right: 0;
+       }
+
+       .plugin-card .desc p:first-of-type {
+               margin-top: 0;
+       }
+}
+
 @media screen and ( max-width: 782px ) {
        /* WP List Table Options & Filters */
        .tablenav {
@@ -1233,7 +1492,7 @@ tr.active + tr.plugin-update-tr .plugin-update .update-message {
        }
 
        .tablenav.top {
-               margin: 0;
+               margin: 20px 0 5px 0;
        }
 
        .tablenav.bottom {
@@ -1249,7 +1508,8 @@ tr.active + tr.plugin-update-tr .plugin-update .update-message {
                display: block;
        }
 
-       .tablenav.top .actions, .view-switch {
+       .tablenav.top .actions,
+       .tablenav .view-switch {
                display: none;
        }
 
@@ -1416,7 +1676,7 @@ tr.active + tr.plugin-update-tr .plugin-update .update-message {
 
        /* Taxonomies */
        .tags .column-posts {
-               width: 50px;
+               width: 74px;
        }
 
        .tags .column-slug {