WordPress.org

Make WordPress Core

Changeset 18317


Ignore:
Timestamp:
06/16/11 19:28:13 (3 years ago)
Author:
iandstewart
Message:

Twenty Eleven: Visual bug fixes

  • Better targeting of fluid images and image hover/focus/active styles
  • Less fragile comment list structure; Props mdawaffe
File:
1 edited

Legend:

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

    r18286 r18317  
    847847.comment-content img, 
    848848.widget img { 
    849     max-width: 97.5%; 
    850 } 
     849    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ 
     850} 
     851img[class*="align"], 
    851852img[class*="wp-image-"] { 
    852     height: auto; 
     853    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 
    853854} 
    854855img.size-full { 
    855856    max-width: 97.5%; 
    856     width: auto; /* Prevent stretching of full-size images in IE8 */ 
     857    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ 
    857858} 
    858859.entry-content img.wp-smiley { 
     
    924925 
    925926/* Image borders */ 
     927img[class*="align"], 
    926928img[class*="wp-image-"], 
    927 #content .gallery .gallery-icon img { 
     929#content .gallery .gallery-icon img { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ 
    928930    border: 1px solid #ddd; 
    929931    padding: 6px; 
     
    932934    border-color: #eee; 
    933935} 
     936a:focus img[class*="align"], 
     937a:hover img[class*="align"], 
     938a:active img[class*="align"], 
    934939a:focus img[class*="wp-image-"], 
    935940a:hover img[class*="wp-image-"], 
    936 a:active img[class*="wp-image-"] { 
     941a:active img[class*="wp-image-"], 
     942#content .gallery .gallery-icon a:focus img, 
     943#content .gallery .gallery-icon a:hover img, 
     944#content .gallery .gallery-icon a:active img { /* Add some useful style to those fancy borders for linked images ... */ 
    937945    background: #eee; 
    938946    border-color: #bbb; 
     
    940948.wp-caption a:focus img, 
    941949.wp-caption a:active img, 
    942 .wp-caption a:hover img { 
     950.wp-caption a:hover img { /* ... including captioned images!  */ 
    943951    background: #fff; 
    944952    border-color: #ddd; 
     
    16281636    height: auto; 
    16291637    margin: 0 auto 1.625em; 
    1630     width: 100%; 
     1638    max-width: 100%; 
    16311639} 
    16321640.image-attachment div.attachment a img { 
     
    18631871.commentlist { 
    18641872    list-style: none; 
    1865     margin: 0; 
     1873    margin: 0 auto; 
     1874    width: 68.9%; 
     1875} 
     1876.content .commentlist, 
     1877.page-template-sidebar-page-php .commentlist { 
     1878    width: 100%; /* reset the width for the one-column and sidebar page layout */ 
    18661879} 
    18671880.commentlist > li.comment { 
     
    18701883    -moz-border-radius: 3px; 
    18711884    border-radius: 3px; 
    1872     margin: 0 auto 1.625em; 
     1885    margin: 0 0 1.625em; 
    18731886    padding: 1.625em; 
    18741887    position: relative; 
    1875     width: 68.9%; 
    18761888} 
    18771889.commentlist .pingback { 
    1878     margin: 0 auto 1.625em; 
     1890    margin: 0 0 1.625em; 
    18791891    padding: 0 1.625em; 
    1880     width: 68.9%; 
    18811892} 
    18821893.commentlist .children { 
     
    22942305    } 
    22952306    /* Make sure we have room for our comment avatars */ 
     2307    .commentlist { 
     2308        width: 100%; 
     2309    } 
    22962310    .commentlist > li.comment, 
    22972311    .commentlist .pingback { 
Note: See TracChangeset for help on using the changeset viewer.