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;