WordPress.org

Make WordPress Core

Changeset 17776


Ignore:
Timestamp:
04/29/2011 10:33:04 PM (10 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:
1 added
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentyeleven/functions.php

    r17775 r17776  
    100100     * Add support for an Aside Post Format
    101101     */
    102     add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote' ) );
     102    add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
    103103
    104104    /**
  • trunk/wp-content/themes/twentyeleven/style.css

    r17772 r17776  
    220220    border: none;
    221221    display: block;
    222     float: none;
    223     margin: 0.625em auto 1.025em;
    224     max-width: 100%;
     222    max-width: 60%;
    225223    height: auto;
    226224    position: static;
    227225}
    228226.one-column article.feature-image.small {
    229     float: none;
    230227    margin: 0 0 1.625em;
    231     width: auto;
     228    padding: 0;
     229}
     230.one-column article.feature-image.small .entry-title {
     231    font-size: 20px;
     232    line-height: 1.3em;
     233}
     234.one-column article.feature-image.small .entry-summary {
     235    height: 150px;
     236    overflow: hidden;
     237    text-overflow: ellipsis;
     238    padding: 0;
    232239}
    233240.one-column article.feature-image.small .entry-summary a {
     
    268275.one-column #branding #searchform {
    269276    right: 40px;
    270     top: 1.625em;
     277    top: 4em;
    271278}
    272279/* Talking avatars take up too much room at this size */
     
    626633}
    627634.page-title {
    628     color: #333;
     635    color: #666;
    629636    font-size: 10px;
    630637    font-weight: 500;
     
    983990
    984991
     992/* =Image
     993----------------------------------------------- */
     994
     995.format-image .entry-content {
     996    padding-top: 0.5em;
     997}
     998.format-image p {
     999    margin: 0;
     1000}
     1001.format-image footer.entry-meta {
     1002    background: #e0e6e8;
     1003    margin-right: 2px;
     1004    margin-top: -6px;
     1005    padding: 20px 30px;
     1006}
     1007.format-image div.entry-meta {
     1008    display: inline-block;
     1009    float: left;
     1010    width: 40%;
     1011}
     1012.format-image div.entry-meta + div.entry-meta {
     1013    float: none;
     1014    width: 60%;
     1015}
     1016.format-image .wp-caption {
     1017    background: #111;
     1018    margin-bottom: 0;
     1019    max-width: 96%;
     1020    padding: 11px;
     1021}
     1022.format-image .wp-caption .wp-caption-text {
     1023    color: #ddd;
     1024}
     1025.format-image .wp-caption .wp-caption-text:before {
     1026    color: #444;
     1027}
     1028.single .format-image footer.entry-meta {
     1029    background: transparent;
     1030    padding: 30px 0;
     1031}
     1032
     1033
    9851034/* =error404
    9861035----------------------------------------------- */
     
    10211070
    10221071h1.showcase-heading {
    1023     color: #333;
     1072    color: #666;
    10241073    font-size: 10px;
    10251074    font-weight: 500;
     
    11541203}
    11551204section.feature-image.large img {
    1156     border-bottom: 1px solid #ddd;
    11571205    display: block;
    11581206    height: auto;
     
    11761224.featured-posts section.featured-post {
    11771225    background: #fff;
    1178     height: 300px;
    11791226    left: 0;
    11801227    margin: 0;
     
    14341481}
    14351482.widget-title {
    1436     color: #333;
     1483    color: #666;
    14371484    font-size: 10px;
    14381485    font-weight: 500;
     
    15711618
    15721619#comments-title {
    1573     color: #444;
     1620    color: #666;
    15741621    font-size: 10px;
    15751622    font-weight: 500;
     
    19091956    }
    19101957    /* Simplify the showcase template */
     1958    .page-template-showcase-php .featured-posts {
     1959        height: 280px;
     1960    }
    19111961    .page-template-showcase-php section.recent-posts {
    19121962        float: none;
     
    19231973    }
    19241974    /* Simplify the showcase template when small feature */
    1925     section.featured-post .attachment-small-feature {
     1975    section.featured-post .attachment-small-feature,
     1976    .one-column section.featured-post .attachment-small-feature {
    19261977        border: none;
    19271978        display: block;
    1928         float: none;
     1979        float: left;
    19291980        height: auto;
    19301981        margin: 0.625em auto 1.025em;
    1931         max-width: 100%;
     1982        max-width: 30%;
    19321983        position: static;
    19331984    }
    19341985    article.feature-image.small {
    1935         float: none;
     1986        float: right;
    19361987        margin: 0 0 1.625em;
    1937         width: auto;
     1988        width: 64%;
     1989    }
     1990    .one-column article.feature-image.small .entry-summary {
     1991        height: auto;
    19381992    }
    19391993    article.feature-image.small .entry-summary a {
     
    20512105    }
    20522106    #branding {
    2053         border-top: none;
     2107        border-top: none !important;
    20542108        padding: 0;
    20552109    }
Note: See TracChangeset for help on using the changeset viewer.