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

wp-content/themes/twentyeleven/style.css

@@ -1543 +1543 @@
         left: 10px;
         top: 7px;
 }
-.gallery {
-        margin: 0 auto 1.625em !important;
+#content .gallery {
+        margin: 0 auto 1.625em;
 }
 .gallery-caption {
 }
@@ -1552 +1552 @@
     display: block;
     margin: 0 auto 1.625em;
 }
+#content .gallery-columns-4 .gallery-item {
+        width:23%;
+        padding-right:2%;
+}
+#content .gallery-columns-4 .gallery-item img {
+        width:100%;
+        height:auto;
+}
 
 
 /* =Navigation
@@ -2209 +2217 @@
                 width: auto;
         }
         /* No need to float footer widgets at this size */
-        #supplementary .widget-area {
-                float: none !important;
-                margin-right: 0 !important;
-                width: auto !important;
+        #colophon #supplementary .widget-area {
+                float: none;
+                margin-right: 0;
+                width: auto;
         }
         /* No need to float 404 widgets at this size */
         .error404 #main .widget {
@@ -2277 +2285 @@
         #respond .comment-form-email .required {
             left: 95%;
         }
+        #content .gallery-columns-3 .gallery-item {
+                width:31%;
+                padding-right:2%;
+        }
+        #content .gallery-columns-3 .gallery-item img {
+                width:100%;
+                height:auto;
+        }
 }
+@media (max-width: 450px) {
+        #content .gallery-columns-2 .gallery-item {
+                width:45%;
+                padding-right:4%;
+        }
+        #content .gallery-columns-2 .gallery-item img {
+                width:100%;
+                height:auto;
+        }
+}
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
         body {
                 padding: 0 .5em;