Make WordPress Core

Changeset 23675


Ignore:
Timestamp:
03/12/2013 09:27:13 PM (12 years ago)
Author:
lancewillett
Message:

Twenty Thirteen: gallery styles fixed to allow image thumbnails larger than 150 to align properly. Props obenland, fixes #23742.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentythirteen/style.css

    r23674 r23675  
    12651265}
    12661266
    1267 .single .gallery-columns-1.gallery-size-medium .gallery-item,
    1268 .single .gallery-columns-1.gallery-size-thumbnail .gallery-item,
    1269 .single .gallery-columns-2.gallery-size-thumbnail .gallery-item,
    1270 .single .gallery-columns-3.gallery-size-thumbnail .gallery-item {
    1271     width: auto;
    1272 }
    1273 
    12741267.gallery-columns-1 .gallery-item {
    12751268    max-width: 100%;
     
    12771270
    12781271.gallery-columns-2 .gallery-item {
     1272    max-width: 48%;
     1273    max-width: -webkit-calc(50% - 4px);
     1274    max-width:         calc(50% - 4px);
    12791275    text-align: center;
    1280     width: 48%;
    1281     width: -webkit-calc(50% - 4px);
    1282     width:         calc(50% - 4px);
    12831276}
    12841277
    12851278.gallery-columns-3 .gallery-item {
     1279    max-width: 31%;
     1280    max-width: -webkit-calc(33.3% - 4px);
     1281    max-width:         calc(33.3% - 4px);
    12861282    text-align: center;
    1287     width: 31%;
    1288     width: -webkit-calc(33.3% - 4px);
    1289     width:         calc(33.3% - 4px);
    12901283}
    12911284
    12921285.gallery-columns-4 .gallery-item {
    1293     width: 23%;
    1294     width: -webkit-calc(25% - 4px);
    1295     width:         calc(25% - 4px);
     1286    max-width: 23%;
     1287    max-width: -webkit-calc(25% - 4px);
     1288    max-width:         calc(25% - 4px);
    12961289}
    12971290
    12981291.gallery-columns-5 .gallery-item {
    1299     width: 19%;
    1300     width: -webkit-calc(20% - 4px);
    1301     width:         calc(20% - 4px);
     1292    max-width: 19%;
     1293    max-width: -webkit-calc(20% - 4px);
     1294    max-width:         calc(20% - 4px);
    13021295}
    13031296
    13041297.gallery-columns-6 .gallery-item {
    1305     width: 15%;
    1306     width: -webkit-calc(16.7% - 4px);
    1307     width:         calc(16.7% - 4px);
     1298    max-width: 15%;
     1299    max-width: -webkit-calc(16.7% - 4px);
     1300    max-width:         calc(16.7% - 4px);
    13081301}
    13091302
    13101303.gallery-columns-7 .gallery-item {
    1311     width: 13%;
    1312     width: -webkit-calc(14.28% - 4px);
    1313     width:         calc(14.28% - 4px);
     1304    max-width: 13%;
     1305    max-width: -webkit-calc(14.28% - 4px);
     1306    max-width:         calc(14.28% - 4px);
    13141307}
    13151308
    13161309.gallery-columns-8 .gallery-item {
    1317     width: 11%;
    1318     width: -webkit-calc(12.5% - 4px);
    1319     width:         calc(12.5% - 4px);
     1310    max-width: 11%;
     1311    max-width: -webkit-calc(12.5% - 4px);
     1312    max-width:         calc(12.5% - 4px);
    13201313}
    13211314
    13221315.gallery-columns-9 .gallery-item {
    1323     width: 9%;
    1324     width: -webkit-calc(11.1% - 4px);
    1325     width:         calc(11.1% - 4px);
     1316    max-width: 9%;
     1317    max-width: -webkit-calc(11.1% - 4px);
     1318    max-width:         calc(11.1% - 4px);
    13261319}
    13271320
Note: See TracChangeset for help on using the changeset viewer.