Changeset 18060

Timestamp:

05/27/2011 01:04:05 AM (14 years ago)

Author:

iandstewart

Message:

Twenty Eleven: Improvements to the responsive layout

File:

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

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

@@ -476 +476 @@
 }
 #site-title {
+    margin-right: 270px;
     padding: 3.65625em 0 0;
 }
@@ -493 +494 @@
     color: #7a7a7a;
     font-size: 14px;
-    margin: 0 0 3.65625em;
+    margin: 0 270px 3.65625em 0;
 }
 #branding img {
@@ -609 +610 @@
     -moz-transition-property: width, background;
     -moz-transition-timing-function: ease;
-    width: 26%;
+    width: 45px;
 }
 #branding #s:focus {
     background-color: #f9f9f9;
-    width: 114%;
+    width: 196px;
 }
 #branding #searchsubmit {
@@ -2142 +2143 @@
         padding: 20px 8.8%;
     }
+    .page-link {
+        margin: 1.625em 0;
+    }
     /* Make sure we have room for our comment avatars */
     .commentlist > li.comment,
@@ -2171 +2175 @@
 }
 @media (max-width: 650px) {
+    /* Reposition the site title and description slightly */
+    #site-title {
+        padding: 5.30625em 0 0;
+    }
+    #site-title,
+    #site-description {
+        margin-right: 0;
+    }
     /* Make sure the logo and search form don't collide */
     #branding #searchform {
-        right: 1px;
-        top: 0;
+        top: 1.625em !important;
     }
     /* Make sure the post-post navigation doesn't collide with anything */
@@ -2198 +2209 @@
         position: absolute;
         top: 2.2em;
+    }
+    /* Use the available space in the smaller comment form */
+    #respond input[type="text"] {
+        width: 95%;
+    }
+    #respond .comment-form-author .required,
+    #respond .comment-form-email .required {
+        left: 95%;
     }
 }