WordPress.org

Make WordPress Core

Changeset 15609


Ignore:
Timestamp:
09/12/2010 03:21:29 PM (10 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.