WordPress.org

Make WordPress Core

Ticket #17564: 17564.responsive-gallery-shortcode-3.diff

File 17564.responsive-gallery-shortcode-3.diff, 1.6 KB (added by iandstewart, 3 years ago)
  • wp-content/themes/twentyeleven/style.css

     
    15431543        left: 10px; 
    15441544        top: 7px; 
    15451545} 
    1546 .gallery { 
    1547         margin: 0 auto 1.625em !important; 
     1546#content .gallery { 
     1547        margin: 0 auto 1.625em; 
    15481548} 
    15491549.gallery-caption { 
    15501550} 
     
    15521552    display: block; 
    15531553    margin: 0 auto 1.625em; 
    15541554} 
     1555#content .gallery-columns-4 .gallery-item { 
     1556        width:23%; 
     1557        padding-right:2%; 
     1558} 
     1559#content .gallery-columns-4 .gallery-item img { 
     1560        width:100%; 
     1561        height:auto; 
     1562} 
    15551563 
    15561564 
    15571565/* =Navigation 
     
    22092217                width: auto; 
    22102218        } 
    22112219        /* No need to float footer widgets at this size */ 
    2212         #supplementary .widget-area { 
    2213                 float: none !important; 
    2214                 margin-right: 0 !important; 
    2215                 width: auto !important; 
     2220        #colophon #supplementary .widget-area { 
     2221                float: none; 
     2222                margin-right: 0; 
     2223                width: auto; 
    22162224        } 
    22172225        /* No need to float 404 widgets at this size */ 
    22182226        .error404 #main .widget { 
     
    22772285        #respond .comment-form-email .required { 
    22782286            left: 95%; 
    22792287        } 
     2288        #content .gallery-columns-3 .gallery-item { 
     2289                width:31%; 
     2290                padding-right:2%; 
     2291        } 
     2292        #content .gallery-columns-3 .gallery-item img { 
     2293                width:100%; 
     2294                height:auto; 
     2295        } 
    22802296} 
     2297@media (max-width: 450px) { 
     2298        #content .gallery-columns-2 .gallery-item { 
     2299                width:45%; 
     2300                padding-right:4%; 
     2301        } 
     2302        #content .gallery-columns-2 .gallery-item img { 
     2303                width:100%; 
     2304                height:auto; 
     2305        } 
     2306} 
    22812307@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
    22822308        body { 
    22832309                padding: 0 .5em;