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, 7 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;