WordPress.org

Making WordPress.org

Ticket #270: wp4.css.patch

File wp4.css.patch, 1.8 KB (added by jtsternberg, 3 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;