WordPress.org

Making WordPress.org

Ticket #270: wp4.css2.patch

File wp4.css2.patch, 2.2 KB (added by jtsternberg, 4 years ago)
  • 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-7 { 
     1226                width: 100%; 
     1227        } 
     1228        .col-10 > div:first-child { 
     1229                background: #eee; 
     1230        } 
     1231        #plugin-title.with-banner { 
     1232                margin: 0 auto; 
     1233                width: 100%; 
     1234                max-width: 772px; 
     1235                background-size: 100%; 
     1236                height: 0; 
     1237                padding-bottom: 32%; 
     1238                font-size: 20px; 
     1239        } 
     1240        #plugin-title.with-banner h2 { 
     1241                font-size: 20px; 
     1242                line-height: 1em; 
     1243                bottom: 4%; 
     1244                left: 3%; 
     1245        } 
     1246        #pagebody .col-2 > .submenu:nth-of-type(2) { 
     1247                overflow: hidden; 
     1248        } 
     1249        #pagebody .col-2 .submenu:nth-of-type(2) li { 
     1250                display: block; 
     1251                width: 50%; 
     1252                float: left; 
     1253        } 
     1254        .plugin-authors > div { 
     1255                display: block; 
     1256                float: left; 
     1257                width: 50%; 
     1258                margin-bottom: 8px; 
     1259        } 
     1260        #plugin-info .head-big { 
     1261                overflow: hidden; 
     1262                width: 100%; 
     1263                height: auto; 
     1264                padding: 10px 0 0; 
     1265                margin-bottom: 29px; 
     1266                background: #eee; 
     1267                -webkit-box-shadow: inset 0px -20px 32px 0px rgba( 100, 100, 100, 0.1 ); 
     1268                -moz-box-shadow: inset 0px -20px 32px 0px rgba( 100, 100, 100, 0.1 ); 
     1269                box-shadow: inset 0px -20px 32px 0px rgba( 100, 100, 100, 0.1 ); 
     1270        } 
     1271} 
     1272 
     1273@media screen and (min-width:810px) and (max-width:960px) { 
     1274        #plugin-title.with-banner { 
     1275                height: 250px; 
     1276                padding-bottom: 0; 
     1277        } 
     1278} 
     1279 
     1280@media screen and (max-width:620px) { 
     1281        #plugin-title.with-banner { 
     1282                margin-bottom: 2em; 
     1283        } 
     1284        #plugin-title.with-banner h2 { 
     1285                -moz-box-sizing: border-box; 
     1286                -webkit-box-sizing: border-box; 
     1287                box-sizing: border-box; 
     1288                min-height: 2em; 
     1289                width: 100%; 
     1290                font-size: 20px; 
     1291                bottom: -2em; 
     1292                left: 0; 
     1293                margin: 0; 
     1294                -webkit-border-radius: 0; 
     1295                border-radius: 0; 
     1296        } 
     1297 
     1298} 
     1299 
     1300 
    12081301#wporg-footer ul li { 
    12091302        font-size: 14px; 
    12101303        margin-bottom: 1px;