Changeset 17788

Timestamp:

05/02/2011 09:11:32 PM (12 years ago)

Author:

iandstewart

Message:

Twenty Eleven: Post Format headings and CSS cleanup; See #17198 props matveb

Location:

trunk/wp-content/themes/twentyeleven

Files:

• content-aside.php (modified) (1 diff)
• content-gallery.php (modified) (1 diff)
• content-image.php (modified) (1 diff)
• content-link.php (modified) (1 diff)
• content-quote.php (added)
• content-status.php (added)
• style.css (modified) (26 diffs)

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

@@ -13 +13 @@
     <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
         <header class="entry-header">
-            <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+            <hgroup>
+                <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+                <h2 class="entry-format">Aside</h2>
+            </hgroup>
 
             <?php if ( 'post' == $post->post_type ) : ?>

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

@@ -13 +13 @@
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     <header class="entry-header">
-        <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+        <hgroup>
+            <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+            <h2 class="entry-format">Gallery</h2>
+        </hgroup>
 
         <div class="entry-meta">

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

@@ -13 +13 @@
     <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
         <header class="entry-header">
-            <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+            <hgroup>
+                <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+                <h2 class="entry-format">Image</h2>
+            </hgroup>
 
             <?php if ( comments_open() ) : ?>

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

@@ -13 +13 @@
     <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
         <header class="entry-header">
-            <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+            <hgroup>
+                <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+                <h2 class="entry-format">Link</h2>
+            </hgroup>
 
             <?php if ( 'post' == $post->post_type ) : ?>

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

@@ -43 +43 @@
 }
 table {/* tables still need 'cellspacing="0"' in the markup */
-border-collapse: separate;
-border-spacing: 0;
+    border-collapse: separate;
+    border-spacing: 0;
 }
 caption, th, td {
@@ -60 +60 @@
     border: 0;
 }
-header, hgroup, footer, section, article, nav, aside {
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
     display: block;
 }
@@ -220 +221 @@
     border: none;
     display: block;
+    height: auto;
     max-width: 60%;
-    height: auto;
     position: static;
 }
@@ -235 +236 @@
     height: 150px;
     overflow: hidden;
+    padding: 0;
     text-overflow: ellipsis;
-    padding: 0;
 }
 .one-column article.feature-image.small .entry-summary a {
@@ -294 +295 @@
 }
 .one-column .commentlist .children .avatar {
-    position: absolute;
     background: none;
     padding: 0;
+    position: absolute;
     top: 2.2em;
     left: 2.2em;
@@ -445 +446 @@
     color: #1b8be0;
     text-decoration: none;
-}
-a:visited {
 }
 a:focus,
@@ -577 +576 @@
 #branding #searchform {
     position: absolute;
-    text-align: right;
     top: 4.3em;
     right: 7.6%;
+    text-align: right;
 }
 #branding #searchform div {
@@ -592 +591 @@
     height: 22px;
     padding: 4px 10px 4px 28px;
-    width: 26%;
     -webkit-transition-duration: 400ms;
     -webkit-transition-property: width, background;
@@ -599 +597 @@
     -moz-transition-property: width, background;
     -moz-transition-timing-function: ease;
+    width: 26%;
 }
 #branding #s:focus {
@@ -620 +619 @@
 }
 #branding .with-image #searchform {
+    top: auto;
     bottom: -27px;
-    top: auto;
 }
 
@@ -654 +653 @@
 }
 .blog .sticky .entry-header .entry-meta {
-    position: absolute !important;
     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
     clip: rect(1px, 1px, 1px, 1px);
+    position: absolute !important;
 }
 .entry-title,
@@ -669 +668 @@
     line-height: 1.5em;
     padding-bottom: .3em;
+    padding-top: 15px;
 }
 .entry-title,
@@ -834 +834 @@
     font-size: 18px;
     font-weight: 300;
-    height: 48px;
     line-height: 46px;  
     overflow: hidden;
@@ -843 +842 @@
     right: 0;
     width: 48px;
+    height: 48px;
 }
 .entry-header .comments-link a:hover {
@@ -854 +854 @@
     text-transform: lowercase;
 }
-
+/* Post Formats */
+.entry-header .entry-format {
+    color: #666;
+    font-size: 10px;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+    line-height: 2.6em;
+    position: absolute;
+    text-transform: uppercase;
+    top: -5px;
+}
+.entry-header hgroup .entry-title {
+    padding-top: 15px;
+}
+article.format-aside .entry-content,
+article.format-link .entry-content,
+article.format-status .entry-content {
+    padding: 20px 0 0;
+}
+.recent-posts .entry-header .entry-format {
+    display: none;
+}
+.recent-posts .entry-header hgroup .entry-title {
+    padding-top: 0;
+}
 
 /* Singular content styles for Posts and Pages */
@@ -975 +999 @@
     box-shadow: 0 1px 2px #ccc;
     float: left;
-    margin: 4px 10px 1.625em 0;
+    margin: 4px 10px 2px 0;
     padding: 0;
 }
@@ -1008 +1032 @@
     display: inline-block;
     float: left;
-    width: 40%;
+    width: 35%;
 }
 .format-image div.entry-meta + div.entry-meta {
     float: none;
-    width: 60%;
+    width: 65%;
 }
 .format-image .wp-caption {
@@ -1034 +1058 @@
 /* =error404
 ----------------------------------------------- */
+
 .error404 #main #searchform {
     background: #f9f9f9;
@@ -1094 +1119 @@
 }
 article.intro .edit-link a {
-    position: absolute;
     background: #aaa;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #fff;
+    font-size: 12px;
     padding: 0px 8px;
-    font-size: 12px;
+    position: absolute;
+    top: 30px;
     right: 20px;
     text-decoration: none;
-    top: 30px;
 }
 article.intro .edit-link a:hover {
@@ -1123 +1148 @@
 }
 section.featured-post .entry-meta {
-    position: absolute !important;
     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
     clip: rect(1px, 1px, 1px, 1px);
+    position: absolute !important;
 }
 
@@ -1157 +1182 @@
     padding: 4px 26px 4px 85px;
     position: relative;
+    top: 20px;
     text-decoration: none;
-    top: 20px;
     width: 180px;
 }
@@ -1272 +1297 @@
     box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
     display: block;
+    width: 14px;
     height: 14px;
-    width: 14px;
 }
 .feature-slider a.active {
@@ -1363 +1388 @@
 .image-attachment div.attachment img {
     display: block;
+    height: auto;
     margin: 0 auto 1.625em;
+    width: 100%;
 }
 .image-attachment .entry-caption p {
@@ -1545 +1572 @@
     font-weight: bold;
     padding: 0;
-}
-.widget_twentyeleven_ephemera .entry-title a {
-}
-.widget_twentyeleven_ephemera .entry-title a:hover {
 }
 .widget_twentyeleven_ephemera .comments-link a {
@@ -2239 +2262 @@
 }
 
+
 /* =IE7
 ----------------------------------------------- */
@@ -2257 +2281 @@
     margin-right: 7.6%;
 }
-#ie7 .page-template-showcase-php {
-}