Changeset 17776

Timestamp:

04/29/2011 10:33:04 PM (13 years ago)

Author:

lancewillett

Message:

Twenty Eleven: introduce image post format and miscellaneous style fixes, props matveb and iandstewart - see #17198

Location:

trunk/wp-content/themes/twentyeleven

Files:

• content-image.php (added)
• functions.php (modified) (1 diff)
• style.css (modified) (12 diffs)

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

@@ -100 +100 @@
      * Add support for an Aside Post Format
      */
-    add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote' ) );
+    add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
 
     /**

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

@@ -220 +220 @@
     border: none;
     display: block;
-    float: none;
-    margin: 0.625em auto 1.025em;
-    max-width: 100%;
+    max-width: 60%;
     height: auto;
     position: static;
 }
 .one-column article.feature-image.small {
-    float: none;
     margin: 0 0 1.625em;
-    width: auto;
+    padding: 0;
+}
+.one-column article.feature-image.small .entry-title {
+    font-size: 20px;
+    line-height: 1.3em;
+}
+.one-column article.feature-image.small .entry-summary {
+    height: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 0;
 }
 .one-column article.feature-image.small .entry-summary a {
@@ -268 +275 @@
 .one-column #branding #searchform {
     right: 40px;
-    top: 1.625em;
+    top: 4em;
 }
 /* Talking avatars take up too much room at this size */
@@ -626 +633 @@
 }
 .page-title {
-    color: #333;
+    color: #666;
     font-size: 10px;
     font-weight: 500;
@@ -983 +990 @@
 
 
+/* =Image
+----------------------------------------------- */
+
+.format-image .entry-content {
+    padding-top: 0.5em;
+}
+.format-image p {
+    margin: 0;
+}
+.format-image footer.entry-meta {
+    background: #e0e6e8;
+    margin-right: 2px;
+    margin-top: -6px;
+    padding: 20px 30px;
+}
+.format-image div.entry-meta {
+    display: inline-block;
+    float: left;
+    width: 40%;
+}
+.format-image div.entry-meta + div.entry-meta {
+    float: none;
+    width: 60%;
+}
+.format-image .wp-caption {
+    background: #111;
+    margin-bottom: 0;
+    max-width: 96%;
+    padding: 11px;
+}
+.format-image .wp-caption .wp-caption-text {
+    color: #ddd;
+}
+.format-image .wp-caption .wp-caption-text:before {
+    color: #444;
+}
+.single .format-image footer.entry-meta {
+    background: transparent;
+    padding: 30px 0;
+}
+
+
 /* =error404
 ----------------------------------------------- */
@@ -1021 +1070 @@
 
 h1.showcase-heading {
-    color: #333;
+    color: #666;
     font-size: 10px;
     font-weight: 500;
@@ -1154 +1203 @@
 }
 section.feature-image.large img {
-    border-bottom: 1px solid #ddd;
     display: block;
     height: auto;
@@ -1176 +1224 @@
 .featured-posts section.featured-post {
     background: #fff;
-    height: 300px;
     left: 0;
     margin: 0;
@@ -1434 +1481 @@
 }
 .widget-title {
-    color: #333;
+    color: #666;
     font-size: 10px;
     font-weight: 500;
@@ -1571 +1618 @@
 
 #comments-title {
-    color: #444;
+    color: #666;
     font-size: 10px;
     font-weight: 500;
@@ -1909 +1956 @@
     }
     /* Simplify the showcase template */
+    .page-template-showcase-php .featured-posts {
+        height: 280px;
+    }
     .page-template-showcase-php section.recent-posts {
         float: none;
@@ -1923 +1973 @@
     }
     /* Simplify the showcase template when small feature */
-    section.featured-post .attachment-small-feature {
+    section.featured-post .attachment-small-feature,
+    .one-column section.featured-post .attachment-small-feature {
         border: none;
         display: block;
-        float: none;
+        float: left;
         height: auto;
         margin: 0.625em auto 1.025em;
-        max-width: 100%;
+        max-width: 30%;
         position: static;
     }
     article.feature-image.small {
-        float: none;
+        float: right;
         margin: 0 0 1.625em;
-        width: auto;
+        width: 64%;
+    }
+    .one-column article.feature-image.small .entry-summary {
+        height: auto;
     }
     article.feature-image.small .entry-summary a {
@@ -2051 +2105 @@
     }
     #branding {
-        border-top: none;
+        border-top: none !important;
         padding: 0;
     }