WordPress.org
Get WordPress

Make WordPress Core

Changeset 15609


Ignore:
Timestamp:
09/12/2010 03:21:29 PM (16 years ago)
Author:
nacin
Message:

Fix image size handling in Twenty Ten. props lancewillett, iandstewart, see #14303 for trunk.

Location:
trunk/wp-content/themes/twentyten
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-content/themes/twentyten/editor-style.css

    r15392 r15609  
    11/*
    22Theme Name: Twenty Ten
    3 */
    4 /*
    5 Used to style the TinyMCE editor.
     3Description: Used to style the TinyMCE editor.
    64*/
    75html .mceContentBody {
    8         max-width:640px;
     6        max-width: 640px;
    97}
    108* {
     9        color: #444;
    1110        font-family: Georgia, "Bitstream Charter", serif;
    12         color: #444;
    1311        line-height: 1.5;
    1412}
    … …  
    4139hr {
    4240        background-color: #e7e7e7;
    43         border:0;
     41        border: 0;
     42        clear: both;
    4443        height: 1px;
    4544        margin-bottom: 18px;
    46         clear:both;
    4745}
    4846/* Text elements */
    … …  
    5957}
    6058ol ol {
    61         list-style:upper-alpha;
     59        list-style: upper-alpha;
    6260}
    6361ol ol ol {
    64         list-style:lower-roman;
     62        list-style: lower-roman;
    6563}
    6664ol ol ol ol {
    67         list-style:lower-alpha;
     65        list-style: lower-alpha;
    6866}
    6967ul ul,
    … …  
    7169ul ol,
    7270ol ul {
    73         margin-bottom:0;
     71        margin-bottom: 0;
    7472}
    7573dl {
    76         margin:0 0 24px 0;
     74        margin: 0 0 24px 0;
    7775}
    7876dt {
    … …  
    8381}
    8482strong {
     83        color: #000;
    8584        font-weight: bold;
    86         color: #000;
    8785}
    8886cite,
    8987em,
    9088i {
     89        border: none;
    9190        font-style: italic;
    92         border: none;
    9391}
    9492big {
    … …  
    9694}
    9795ins {
    98         background: #ffffcc;
     96        background: #ffc;
    9997        border: none;
    10098        color: #333;
    … …  
    130128sup,
    131129sub {
     130        font-size: 10px;
    132131        height: 0;
    133132        line-height: 1;
     133        position: relative;
    134134        vertical-align: baseline;
    135         position: relative;
    136         font-size: 10px;
    137135}
    138136sup {
    … …  
    143141}
    144142a:link {
    145         color:#0066cc;
     143        color: #06c;
    146144}
    147145a:visited {
    148         color:#743399;
     146        color: #743399;
    149147}
    150148a:active,
    … …  
    158156pre,
    159157hr {
    160         margin-bottom:24px;
     158        margin-bottom: 24px;
    161159}
    162160ul ul,
    … …  
    164162ul ol,
    165163ol ul {
    166         margin-bottom:0;
     164        margin-bottom: 0;
    167165}
    168166pre,
    … …  
    189187h6 {
    190188        color: #000;
     189        font-weight: normal;
     190        line-height: 1.5em;
    191191        margin: 0 0 20px 0;
    192         line-height: 1.5em;
    193         font-weight: normal;
    194192}
    195193h1 {
    … …  
    213211table {
    214212        border: 1px solid #e7e7e7 !important;
    215         text-align: left;
    216         margin: 0 -1px 24px 0;
    217         width: 100%;
    218213        border-collapse: collapse;
    219214        border-spacing: 0;
     215        margin: 0 -1px 24px 0;
     216        text-align: left;
     217        width: 100%;
    220218}
    221219tr th,
    … …  
    233231        padding: 6px 24px;
    234232}
    235 
    236 
    237233img {
    238234        margin: 0;
    239         max-width: 640px;
     235}
     236img.size-auto,
     237img.size-large,
     238img.size-full,
     239img.size-medium {
     240        max-width: 100%;
     241        height: auto;
    240242}
    241243.alignleft,
    … …  
    266268}
    267269.wp-caption {
     270        background: #f1f1f1;
    268271        border: none;
    269         background: #f1f1f1;
     272        -khtml-border-radius: 0;
     273        -moz-border-radius: 0;
     274        -webkit-border-radius: 0;
     275        border-radius: 0;
    270276        color: #888;
    271277        font-size: 12px;
    272278        line-height: 18px;
     279        margin-bottom: 20px;
     280        max-width: 632px !important; /* prevent too-wide images from breaking layout */
     281        padding: 4px;
    273282        text-align: center;
    274         margin-bottom: 20px;
    275         padding: 4px;
    276         -moz-border-radius: 0;
    277         -khtml-border-radius: 0;
    278         -webkit-border-radius: 0;
    279         border-radius: 0;
    280283}
    281284.wp-caption img {
    … …  
    286289}
    287290.wp-smiley {
    288         margin:0;
    289 }
     291        margin: 0;
     292}

  • trunk/wp-content/themes/twentyten/style.css

    r15532 r15609  
    55Author: the WordPress team
    66Version: 1.1
    7 Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
     7Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
    88*/
    99
    … …  
    762762-------------------------------------------------------------- */
    763763
    764 #content img {
    765         margin: 0;
    766         height: auto;
    767         max-width: 640px;
    768         width: auto;
    769 }
    770 #content .attachment img {
    771         max-width: 900px;
    772 }
    773 #content .alignleft,
    774 #content img.alignleft {
     764/*
     765Resize images to fit the main content area.
     766- Applies only to images uploaded via WordPress by targeting size-* classes.
     767- Other images will be left alone. Use "size-auto" class to apply to other images.
     768*/
     769img.size-auto,
     770img.size-full,
     771img.size-large,
     772img.size-medium,
     773.attachment img {
     774        max-width: 100%; /* When images are too wide for containing element, force them to fit. */
     775        height: auto; /* Override height to match resized width for correct aspect ratio. */
     776}
     777.alignleft,
     778img.alignleft {
    775779        display: inline;
    776780        float: left;
    … …  
    778782        margin-top: 4px;
    779783}
    780 #content .alignright,
    781 #content img.alignright {
     784.alignright,
     785img.alignright {
    782786        display: inline;
    783787        float: right;
    … …  
    785789        margin-top: 4px;
    786790}
    787 #content .aligncenter,
    788 #content img.aligncenter {
     791.aligncenter,
     792img.aligncenter {
    789793        clear: both;
    790794        display: block;
    … …  
    792796        margin-right: auto;
    793797}
    794 #content img.alignleft,
    795 #content img.alignright,
    796 #content img.aligncenter {
     798img.alignleft,
     799img.alignright,
     800img.aligncenter {
    797801        margin-bottom: 12px;
    798802}
    799 #content .wp-caption {
     803.wp-caption {
    800804        background: #f1f1f1;
    801805        line-height: 18px;
    802806        margin-bottom: 20px;
     807        max-width: 632px !important; /* prevent too-wide images from breaking layout */
    803808        padding: 4px;
    804809        text-align: center;
    805810}
    806 #content .wp-caption img {
     811.wp-caption img {
    807812        margin: 5px 5px 0;
    808813}
    809 #content .wp-caption p.wp-caption-text {
     814.wp-caption p.wp-caption-text {
    810815        color: #888;
    811816        font-size: 12px;
    812817        margin: 5px;
    813818}
    814 #content .wp-smiley {
     819.wp-smiley {
    815820        margin: 0;
    816821}
    817 #content .gallery {
     822.gallery {
    818823        margin: 0 auto 18px;
    819824}
    820 #content .gallery .gallery-item {
     825.gallery .gallery-item {
    821826        float: left;
    822827        margin-top: 0;
    … …  
    824829        width: 33%;
    825830}
    826 #content .gallery img {
     831.gallery img {
    827832        border: 2px solid #cfcfcf;
    828833}
    829 #content .gallery .gallery-caption {
     834.gallery .gallery-caption {
    830835        color: #888;
    831836        font-size: 12px;
    832837        margin: 0 0 12px;
    833838}
    834 #content .gallery dl {
     839.gallery dl {
    835840        margin: 0;
    836841}
    837 #content .gallery img {
     842.gallery img {
    838843        border: 10px solid #f1f1f1;
    839844}
    840 #content .gallery br+br {
     845.gallery br+br {
    841846        display: none;
    842847}
    843 #content .attachment img { /* single attachment images should be centered */
     848#content .attachment img {/* single attachment images should be centered */
    844849        display: block;
    845850        margin: 0 auto;
Note: See TracChangeset for help on using the changeset viewer.