WordPress.org

Make WordPress Core

Changeset 23675


Ignore:
Timestamp:
03/12/13 21:27:13 (2 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.