WordPress.org

Making WordPress.org

Ticket #270: wp4.css.patch

File wp4.css.patch, 1.8 KB (added by jtsternberg, 4 years ago)

Beginnings of cleanup on the plugin page

  • style/wp4.css

     
    416416                margin-left: 0;
    417417        }
    418418}
     419@media screen and (max-width:380px) {
     420        #head-search form {
     421                width: 198px;
     422        }
     423        #head-search input.text {
     424                width: 166px;
     425        }
     426}
    419427@media screen and (min-width:768px) {
    420428
    421429        #wporg-header {
     
    12051213        }
    12061214}
    12071215
     1216@media screen and (max-width:960px) {
     1217        #sidebar, .col-10, .col-10 .col-3 {
     1218                -moz-box-sizing: border-box;
     1219                -webkit-box-sizing: border-box;
     1220                box-sizing: border-box;
     1221                width: 100%;
     1222                margin: 0;
     1223                padding: 0 15px;
     1224        }
     1225        .col-10 > div:first-child {
     1226                background: #eee;
     1227        }
     1228        #plugin-title.with-banner {
     1229                margin: 0 auto;
     1230                width: 100%;
     1231                max-width: 772px;
     1232                background-size: 100%;
     1233                height: 0;
     1234                padding-bottom: 32%;
     1235                font-size: 20px;
     1236        }
     1237        #plugin-title.with-banner h2 {
     1238                font-size: 20px;
     1239                line-height: 1em;
     1240                bottom: 4%;
     1241                left: 3%;
     1242        }
     1243        #pagebody .col-2 > .submenu:nth-of-type(2) {
     1244                overflow: hidden;
     1245        }
     1246        #pagebody .col-2 .submenu:nth-of-type(2) li {
     1247                display: block;
     1248                width: 50%;
     1249                float: left;
     1250        }
     1251        .plugin-authors > div {
     1252                display: block;
     1253                float: left;
     1254                width: 50%;
     1255                margin-bottom: 8px;
     1256        }
     1257}
     1258
     1259@media screen and (min-width:810px) and (max-width:960px) {
     1260        #plugin-title.with-banner {
     1261                height: 250px;
     1262                padding-bottom: 0;
     1263        }
     1264}
     1265
     1266@media screen and (max-width:620px) {
     1267        #plugin-title.with-banner {
     1268                margin-bottom: 2em;
     1269        }
     1270        #plugin-title.with-banner h2 {
     1271                -moz-box-sizing: border-box;
     1272                -webkit-box-sizing: border-box;
     1273                box-sizing: border-box;
     1274                min-height: 2em;
     1275                width: 100%;
     1276                font-size: 20px;
     1277                bottom: -2em;
     1278                left: 0;
     1279                margin: 0;
     1280                -webkit-border-radius: 0;
     1281                border-radius: 0;
     1282        }
     1283
     1284}
     1285
     1286
    12081287#wporg-footer ul li {
    12091288        font-size: 14px;
    12101289        margin-bottom: 1px;