Changeset 18072

Timestamp:

05/30/2011 01:29:55 AM (14 years ago)

Author:

iandstewart

Message:

Twenty Eleven: bug fixes and enhancements ...

• Improvements to the dark color scheme; Props matveb
• Remove link colors from the dark color scheme and let the default link color cascade
• Check for multiple authors before showing author information on single posts
• Remove the span before the edit link on the image template
• Add a comment icon; Props hugobaeta
• Replace the default reply text with an icon to prevent i18n issues with the design; Props matveb
• Don't output sidebar on the no sidebar layout
• Use the search form styling from the header for all search forms
• Style fixes for no search results page
• Fixes for fancy blockquote styles
• Style fixes for the showcase slider
• Margin for galleries
• Only showing the top post navigation on paged results
• Remove floats from images for the smallest screen sizes

Location:

trunk/wp-content/themes/twentyeleven

Files:

• colors/dark.css (modified) (12 diffs)
• content-single.php (modified) (1 diff)
• image.php (modified) (1 diff)
• images/icon-comment.png (added)
• inc/theme-options.php (modified) (1 diff)
• sidebar.php (modified) (2 diffs)
• style.css (modified) (18 diffs)

trunk/wp-content/themes/twentyeleven/colors/dark.css

@@ -42 +42 @@
 textarea:focus {
 }
+input#s {
+    background-color: #ddd;
+}
 
 /* Links */
 a {
-    color: #e4741f;
 }
 
@@ -53 +55 @@
 
 #branding {
-    border-top: 2px solid #444;
+    border-top: 2px solid #0a0a0a;
 }
 #site-title a {
@@ -61 +63 @@
 #site-title a:focus,
 #site-title a:active {
-    color: #e4741f;
 }
 #site-description {
@@ -101 +102 @@
 .entry-title a:focus,
 .entry-title a:active {
-    color: #e4741f;
 }
 .entry-meta {
@@ -167 +167 @@
 /* Comments link */
 .entry-header .comments-link a {
-    background: #111;
+    background: #1a1a1a;
     border-color: #222;
     color: #888;
 }
-.entry-header .comments-link a:hover,
-.entry-header .comments-link a:focus,
-.entry-header .comments-link a:active {
-    background: #888;
-    border-color: #aaa;
-    color: #000;
+.entry-header .comments-link a .leave-reply {
+    background-position-y: -24px;
 }
 
@@ -206 +202 @@
 
 
+/* =Image
+----------------------------------------------- */
+
+.format-image .entry-meta .edit-link a {
+    color: #ddd;
+}
+.format-image .entry-meta .edit-link a:hover {
+    color: #fff;
+}
+
+
 /* =error404
 ----------------------------------------------- */
@@ -256 +263 @@
 }
 article.feature-image.small .entry-summary p a:hover {
-    background: #e4741f;
     color: #40220c;
 }
@@ -309 +315 @@
 }
 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
-    color: #e4741f;
 }
 section.recent-posts .other-recent-posts .comments-link a,
@@ -321 +326 @@
 }
 section.recent-posts .other-recent-posts .comments-link a:hover {
-    color: #e4741f;
-    border-color: #e4741f;
 }
 
@@ -369 +372 @@
 }
 .widget_search #searchsubmit:active {
-    background: #e4741f;
-    border-color: #f79e5a;
     -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
@@ -485 +486 @@
 }
 #respond input#submit:active {
-    background: #e4741f;
     color: #40220c;
 }
@@ -514 +514 @@
 #site-generator {
     background: #060606;
-    border-color: #222;
+    border-color: #000;
 }
 

trunk/wp-content/themes/twentyeleven/content-single.php

@@ -54 +54 @@
         <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
 
-        <?php if ( get_the_author_meta( 'description' ) ) : // If a user has filled out their description, show a bio on their entries ?>
+        <?php if ( get_the_author_meta( 'description' ) && is_multi_author() ) : // If a user has filled out their description and this is a multi-author blog, show a bio on their entries ?>
         <div id="author-info">
             <div id="author-avatar">

trunk/wp-content/themes/twentyeleven/image.php

@@ -37 +37 @@
                                 );
                             ?>
-                            <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="sep">|</span> <span class="edit-link">', '</span>' ); ?>
+                            <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
                         </div><!-- .entry-meta -->
 

trunk/wp-content/themes/twentyeleven/inc/theme-options.php

@@ -328 +328 @@
             border-color: <?php echo $link_color; ?>;
         }   
-        article.feature-image.small .entry-summary p a:hover {
+        article.feature-image.small .entry-summary p a:hover,
+        .entry-header .comments-link a:hover,
+        .entry-header .comments-link a:focus,
+        .entry-header .comments-link a:active {
             background: <?php echo $link_color; ?>;
-        }   
+        }
     </style>
 <?php

trunk/wp-content/themes/twentyeleven/sidebar.php

@@ -7 +7 @@
  * @since Twenty Eleven 1.0
  */
+
+$options = twentyeleven_get_theme_options();
+$current_layout = $options['theme_layout'];
+
+if ( 'content' != $current_layout ) :
 ?>
         <div id="secondary" class="widget-area" role="complementary">
@@ -29 +34 @@
             <?php endif; // end sidebar widget area ?>
         </div><!-- #secondary .widget-area -->
+<?php endif; ?>

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

@@ -425 +425 @@
     top: .5ex;
 }
+
+/* Forms */
 input[type=text],
 textarea {
@@ -444 +446 @@
 input[type=text] {
     padding: 3px;
+}
+input#s {
+    background: url(images/search.png) no-repeat 5px 6px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    font-size: 14px;
+    height: 22px;
+    line-height: 1.2em;
+    padding: 4px 10px 4px 28px;
+}
+input#searchsubmit {
+    display: none;
 }
 
@@ -596 +610 @@
 }
 #branding #s {
-    background: url(images/search.png) no-repeat 5px 6px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
     float: right;
-    font-size: 14px;
-    height: 22px;
-    line-height: 1.2em;
-    padding: 4px 10px 4px 28px;
     -webkit-transition-duration: 400ms;
     -webkit-transition-property: width, background;
@@ -666 +673 @@
     text-transform: none;
 }
-.hentry {
+.hentry,
+.no-results {
     border-bottom: 1px solid #ddd;
     margin: 0 0 1.625em;
@@ -672 +680 @@
     position: relative;
 }
-.hentry:last-child {
+.hentry:last-child,
+.no-results {
     border-bottom: none;
 }
@@ -750 +759 @@
     border-top: 1px solid #ddd;
     padding: 6px 10px 6px 0;
+}
+.entry-content #s {
+    width: 75%;
 }
 .comment-content ul,
@@ -864 +876 @@
     text-align: center;
     text-decoration: none;
-    top: 0;
+    top: .5em;
     right: 0;
     width: 48px;
@@ -872 +884 @@
 .entry-header .comments-link a:focus,
 .entry-header .comments-link a:active {
-    background: #777;
-    border-color: #555;
+    background: #1b8be0;
+    border-color: #1573bb;
+    border-color: rgba(0,0,0,0.2);
     color: #fff;
+    color: rgba(255,255,255,0.8);
 }
 .entry-header .comments-link .leave-reply {
-    font-size: 14px;
-    font-weight: bold;
+    background: url(images/icon-comment.png) no-repeat;
+    color: transparent;
+    display: inline-block;
+    font-family: "Arial Unicode MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 26px;
+    height: 24px;
+    line-height: 12px;
+    opacity: 0.25;
     position: relative;
-    text-transform: lowercase;
-    top: -1px;
+    width: 24px;
+}
+.entry-header .comments-link a:hover .leave-reply {
+    background-position-y: -24px;
+    opacity: 0.5;
 }
 /*
@@ -937 +960 @@
     left: 0;
 }
-.singular blockquote.pull {
+blockquote.pull {
     font-size: 21px;
     font-weight: bold;
     line-height: 1.6125em;
+    margin: 0 0 1.625em;
+    text-align: center;
+}
+.singular blockquote.pull {
     margin: 0 -22.25% 1.625em;
+}
+.pull.alignleft {
+    margin: 0 1.625em 0 0;
+    text-align: right;
+    width: 33%;
 }
 .singular .pull.alignleft {
     margin: 0 1.625em 0 -22.25%;
+}
+.pull.alignright {
+    margin: 0 0 0 1.625em;
+    text-align: left;
+    width: 33%;
 }
 .singular .pull.alignright {
@@ -1247 +1284 @@
 section.feature-image.large {
     border: none;
-    max-height: 300px;
+    max-height: 288px;
     padding: 0;
     width: 100%;
@@ -1291 +1328 @@
     border-bottom: 1px solid #e8e8e8;
     display: block;
-    height: 340px;
+    height: 328px;
     margin: 1.625em -8.9% 20px;
     max-width: 1000px;
@@ -1302 +1339 @@
 .featured-posts section.featured-post {
     background: #fff;
-    height: 300px;
+    height: 288px;
     left: 0;
     margin: 0;
@@ -1310 +1347 @@
 }
 .featured-posts section.featured-post.large {
+    max-width: 100%;
     overflow: hidden;
 }
@@ -1504 +1542 @@
     top: 7px;
 }
+.gallery {
+    margin: 0 auto 1.625em !important;
+}
 .gallery-caption {
 }
@@ -1527 +1568 @@
 #nav-above {
     padding: 0 0 1.625em;
+}
+#nav-above {
+    display: none;
+}
+.paged #nav-above {
+    display: block;
 }
 .nav-previous {
@@ -1599 +1646 @@
 }
 .widget_search #s {
-    width: 58%;
+    width: 77%;
 }
 .widget_search #searchsubmit {
@@ -2077 +2124 @@
     /* Simplify the showcase template */
     .page-template-showcase-php .featured-posts {
-        height: 280px;
+        min-height: 280px;
+    }
+    .featured-posts section.featured-post {
+        height: auto;
     }
     .page-template-showcase-php section.recent-posts {
@@ -2186 +2236 @@
     #branding #searchform {
         top: 1.625em !important;
+    }
+    /* Floated content doesn't work well at this size */
+    .alignleft,
+    .alignright {
+        float: none;
+        margin-left: 0;
+        margin-right: 0;
     }
     /* Make sure the post-post navigation doesn't collide with anything */