WordPress.org

Make WordPress Core

Changeset 18050


Ignore:
Timestamp:
05/25/11 21:19:52 (3 years ago)
Author:
iandstewart
Message:

Twenty Eleven: Style fixes and showcase improvements; Props matveb

  • Remove bottom border from last post
  • Improve featured posts on the showcase: move slider navigation to the top right; make sure the bottom border shows; make the reading more link thicker
  • Positioning fix for image post format meta
  • Dark stylesheet improvements
  • Ensure search input text is centred vertically
Location:
trunk/wp-content/themes/twentyeleven
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentyeleven/colors/dark.css

    r18037 r18050  
    6262} 
    6363#branding #s { 
    64     background-color: #fff; 
     64    background-color: #ddd; 
    6565} 
    6666 
     
    7070 
    7171#access { 
     72    background: #333; /* Show a solid color for older browsers */ 
     73    background: -moz-linear-gradient(#383838, #272727); 
     74    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#272727)); /* older webkit syntax */ 
     75    background: -webkit-linear-gradient(#383838, #272727); 
    7276    border-bottom: 1px solid #222; 
    7377} 
  • trunk/wp-content/themes/twentyeleven/inc/theme-options.php

    r18010 r18050  
    322322        section.recent-posts .other-recent-posts .comments-link a:hover { 
    323323            border-color: <?php echo $link_color; ?>; 
    324         }        
     324        }    
     325        article.feature-image.small .entry-summary p a:hover { 
     326            background: <?php echo $link_color; ?>; 
     327        }    
    325328    </style> 
    326329<?php 
  • trunk/wp-content/themes/twentyeleven/style.css

    r18048 r18050  
    594594    font-size: 14px; 
    595595    height: 22px; 
     596    line-height: 1.2em; 
    596597    padding: 4px 10px 4px 28px; 
    597598    -webkit-transition-duration: 400ms; 
     
    662663    padding: 0 0 1.625em; 
    663664    position: relative; 
     665} 
     666.hentry:last-child { 
     667    border-bottom: none; 
    664668} 
    665669.blog .sticky .entry-header .entry-meta { 
     
    10791083    padding: 30px 0; 
    10801084} 
     1085.one-column .format-image footer.entry-meta { 
     1086    margin-right: 2px; 
     1087} 
    10811088 
    10821089 
     
    11831190    float: right; 
    11841191    height: auto; 
    1185     margin: -10px -8.9% 1.625em 0; 
     1192    margin: 0 -8.9% 1.625em 0; 
    11861193    max-width: 59%; 
    11871194    position: relative; 
    11881195    right: -35px; 
     1196} 
     1197section.featured-post.small { 
     1198    padding-top: 0; 
    11891199} 
    11901200section.featured-post .attachment-small-feature:hover { 
     
    11961206    width: 45%; 
    11971207} 
     1208article.feature-image.small .entry-title { 
     1209    line-height: 1.2em; 
     1210} 
    11981211article.feature-image.small .entry-summary { 
    11991212    color: #555; 
     
    12051218    display: block; 
    12061219    left: -23.8%; 
    1207     padding: 4px 26px 4px 85px; 
     1220    padding: 9px 26px 9px 85px; 
    12081221    position: relative; 
     1222    text-decoration: none; 
    12091223    top: 20px; 
    1210     text-decoration: none; 
    12111224    width: 180px; 
    12121225} 
    12131226article.feature-image.small .entry-summary p a:hover { 
    12141227    background: #1b8be0; 
    1215     color: #bfddf3; 
     1228    color: #eee; 
     1229    color: rgba(255,255,255,0.8); 
    12161230} 
    12171231 
     
    12191233section.feature-image.large { 
    12201234    border: none; 
    1221     max-height: 500px; 
    1222     padding: 0 0 0.8125em; 
     1235    max-height: 300px; 
     1236    padding: 0; 
    12231237    width: 100%; 
    12241238} 
     
    12741288.featured-posts section.featured-post { 
    12751289    background: #fff; 
     1290    height: 300px; 
    12761291    left: 0; 
    12771292    margin: 0; 
     
    12851300.featured-posts section.featured-post { 
    12861301    -webkit-transition-duration: 200ms; 
    1287     -webkit-transition-property: opacity, visibility; 
     1302    -webkit-transition-property: opacity visibility; 
    12881303    -webkit-transition-timing-function: ease; 
    12891304    -moz-transition-duration: 200ms; 
    1290     -moz-transition-property: opacity, visibility; 
     1305    -moz-transition-property: opacity visibility; 
    12911306    -moz-transition-timing-function: ease; 
    12921307} 
     
    13001315} 
    13011316#content .feature-slider { 
    1302     bottom: 0; 
    1303     left: 8.9%; 
     1317    top: 5px; 
     1318    right: 8.9%; 
    13041319    overflow: visible; 
    13051320    position: absolute; 
     
    20822097        height: auto; 
    20832098    } 
    2084     article.feature-image.small .entry-summary a { 
    2085         left: -9%; 
     2099    article.feature-image.small .entry-summary p a { 
     2100        left: 0; 
     2101        padding-left: 20px; 
     2102        padding-right: 20px; 
     2103        width: auto; 
    20862104    } 
    20872105    /* Remove the margin on singular articles */ 
Note: See TracChangeset for help on using the changeset viewer.