Ticket #270: wp4.css2.patch

style/wp4.css

@@ -416 +416 @@
                 margin-left: 0;
         }
 }
+@media screen and (max-width:380px) {
+        #head-search form {
+                width: 198px;
+        }
+        #head-search input.text {
+                width: 166px;
+        }
+}
 @media screen and (min-width:768px) {
 
         #wporg-header {
@@ -1205 +1213 @@
         }
 }
 
+@media screen and (max-width:960px) {
+        #sidebar, .col-10, .col-10 .col-3 {
+                -moz-box-sizing: border-box;
+                -webkit-box-sizing: border-box;
+                box-sizing: border-box;
+                width: 100%;
+                margin: 0;
+                padding: 0 15px;
+        }
+        .col-7 {
+                width: 100%;
+        }
+        .col-10 > div:first-child {
+                background: #eee;
+        }
+        #plugin-title.with-banner {
+                margin: 0 auto;
+                width: 100%;
+                max-width: 772px;
+                background-size: 100%;
+                height: 0;
+                padding-bottom: 32%;
+                font-size: 20px;
+        }
+        #plugin-title.with-banner h2 {
+                font-size: 20px;
+                line-height: 1em;
+                bottom: 4%;
+                left: 3%;
+        }
+        #pagebody .col-2 > .submenu:nth-of-type(2) {
+                overflow: hidden;
+        }
+        #pagebody .col-2 .submenu:nth-of-type(2) li {
+                display: block;
+                width: 50%;
+                float: left;
+        }
+        .plugin-authors > div {
+                display: block;
+                float: left;
+                width: 50%;
+                margin-bottom: 8px;
+        }
+        #plugin-info .head-big {
+                overflow: hidden;
+                width: 100%;
+                height: auto;
+                padding: 10px 0 0;
+                margin-bottom: 29px;
+                background: #eee;
+                -webkit-box-shadow: inset 0px -20px 32px 0px rgba( 100, 100, 100, 0.1 );
+                -moz-box-shadow: inset 0px -20px 32px 0px rgba( 100, 100, 100, 0.1 );
+                box-shadow: inset 0px -20px 32px 0px rgba( 100, 100, 100, 0.1 );
+        }
+}
+
+@media screen and (min-width:810px) and (max-width:960px) {
+        #plugin-title.with-banner {
+                height: 250px;
+                padding-bottom: 0;
+        }
+}
+
+@media screen and (max-width:620px) {
+        #plugin-title.with-banner {
+                margin-bottom: 2em;
+        }
+        #plugin-title.with-banner h2 {
+                -moz-box-sizing: border-box;
+                -webkit-box-sizing: border-box;
+                box-sizing: border-box;
+                min-height: 2em;
+                width: 100%;
+                font-size: 20px;
+                bottom: -2em;
+                left: 0;
+                margin: 0;
+                -webkit-border-radius: 0;
+                border-radius: 0;
+        }
+
+}
+
+
 #wporg-footer ul li {
         font-size: 14px;
         margin-bottom: 1px;