Changeset 18134

Timestamp:

06/03/2011 09:38:47 PM (14 years ago)

Author:

iandstewart

Message:

Twenty Eleven: style 4-column galleries -- Props mfields -- and remove unneeded !important rules; Fixes #17564

File:

• trunk/wp-content/themes/twentyeleven/style.css (modified) (4 diffs)

trunk/wp-content/themes/twentyeleven/style.css

@@ -884 +884 @@
     top: 7px;
 }
-.gallery {
-    margin: 0 auto 1.625em !important;
+#content .gallery {
+    margin: 0 auto 1.625em;
 }
 #content .gallery a img {
@@ -893 +893 @@
     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;
 }
 
@@ -2268 +2276 @@
     }
     /* 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 */
@@ -2335 +2343 @@
     #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;
     }
 }