WordPress.org

Make WordPress Core

Changeset 15415


Ignore:
Timestamp:
07/13/10 22:19:36 (4 years ago)
Author:
nacin
Message:

style.css cleanup. props lancewillett, see #14298 for 3.0.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/3.0/wp-content/themes/twentyten/style.css

    r15414 r15415  
    99 
    1010 
    11 /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html 
     11/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html 
    1212-------------------------------------------------------------- */ 
    1313 
     
    2121fieldset, form, label, legend, 
    2222table, caption, tbody, tfoot, thead, tr, th, td { 
     23    background: transparent; 
     24    border: 0; 
    2325    margin: 0; 
    2426    padding: 0; 
    25     border: 0; 
    2627    vertical-align: baseline; 
    27     background: transparent; 
    2828} 
    2929body { 
     
    3131} 
    3232h1, h2, h3, h4, h5, h6 { 
     33    clear: both; 
    3334    font-weight: normal; 
    34     clear: both; 
    3535} 
    3636ol, ul { 
     
    5252    border-spacing: 0; 
    5353} 
    54 a img { border: none; } 
    55  
    56  
     54a img { 
     55    border: none; 
     56} 
     57 
     58/* =Layout 
     59-------------------------------------------------------------- */ 
    5760 
    5861/* 
     
    113116    font-family: Georgia, "Bitstream Charter", serif; 
    114117} 
    115  
    116118h3#comments-title, 
    117119h3#reply-title, 
     
    139141.widget-title, 
    140142.wp-caption-text, 
    141 input[type=submit] 
    142 { 
     143input[type=submit] { 
    143144    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; 
    144145} 
     
    149150    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
    150151} 
    151  
    152152 
    153153 
     
    166166} 
    167167#wrapper { 
     168    background: #fff; 
    168169    margin-top: 20px; 
    169     background: #fff; 
    170170    padding: 0 20px; 
    171171} 
     
    185185#site-info { 
    186186    float: left; 
     187    font-size: 14px; 
     188    font-weight: bold; 
    187189    width: 700px; 
    188     font-weight: bold; 
    189     font-size: 14px; 
    190190} 
    191191#site-generator { 
     
    195195 
    196196 
    197  
    198197/* =Global Elements 
    199198-------------------------------------------------------------- */ 
    200199 
    201 /* Main global 'theme' and typographic styles  */ 
     200/* Main global 'theme' and typographic styles */ 
    202201body { 
    203202    background: #f1f1f1; 
    204203} 
    205  
    206204body, 
    207205input, 
     
    213211hr { 
    214212    background-color: #e7e7e7; 
    215     border:0; 
     213    border: 0; 
     214    clear: both; 
    216215    height: 1px; 
    217216    margin-bottom: 18px; 
    218     clear:both; 
    219217} 
    220218 
     
    232230} 
    233231ol ol { 
    234     list-style:upper-alpha; 
     232    list-style: upper-alpha; 
    235233} 
    236234ol ol ol { 
    237     list-style:lower-roman; 
     235    list-style: lower-roman; 
    238236} 
    239237ol ol ol ol { 
    240     list-style:lower-alpha; 
     238    list-style: lower-alpha; 
    241239} 
    242240ul ul, 
     
    244242ul ol, 
    245243ol ul { 
    246     margin-bottom:0; 
     244    margin-bottom: 0; 
    247245} 
    248246dl { 
    249     margin:0 0 24px 0; 
     247    margin: 0 0 24px 0; 
    250248} 
    251249dt { 
     
    291289    cursor: help; 
    292290} 
    293  
    294291sup, 
    295292sub { 
    296293    height: 0; 
    297294    line-height: 1; 
     295    position: relative; 
    298296    vertical-align: baseline; 
    299     position: relative; 
    300297} 
    301298sup { 
     
    307304input[type="text"], 
    308305textarea { 
    309     padding: 2px; 
    310306    background: #f9f9f9; 
    311307    border: 1px solid #ccc; 
     
    313309    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); 
    314310    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); 
     311    padding: 2px; 
    315312} 
    316313a:link { 
    317     color:#0066cc; 
     314    color: #0066cc; 
    318315} 
    319316a:visited { 
    320     color:#743399; 
     317    color: #743399; 
    321318} 
    322319a:active, 
     
    332329 
    333330 
    334  
    335331/* =Header 
    336332-------------------------------------------------------------- */ 
     
    341337#site-title { 
    342338    float: left; 
     339    font-size: 30px; 
     340    line-height: 36px; 
    343341    margin: 0 0 18px 0; 
    344342    width: 700px; 
    345     font-size: 30px; 
    346     line-height: 36px; 
    347343} 
    348344#site-title a { 
     
    361357/* This is the custom header image */ 
    362358#branding img { 
     359    border-top: 4px solid #000; 
     360    border-bottom: 1px solid #000; 
    363361    clear: both; 
    364     border-top: 4px solid #000; 
    365362    display: block; 
    366     border-bottom: 1px solid #000; 
    367 } 
    368  
     363} 
    369364 
    370365 
     
    374369#access { 
    375370    background: #000; 
     371    display: block; 
     372    float: left; 
    376373    margin: 0 auto; 
    377374    width: 940px; 
    378     display:block; 
    379     float:left; 
    380375} 
    381376#access .menu-header, 
     
    392387#access .menu-header li, 
    393388div.menu li { 
    394     float:left; 
     389    float: left; 
    395390    position: relative; 
    396391} 
    397392#access a { 
    398     display:block; 
    399     text-decoration:none; 
    400     color:#aaa; 
    401     padding:0 10px; 
    402     line-height:38px; 
     393    color: #aaa; 
     394    display: block; 
     395    line-height: 38px; 
     396    padding: 0 10px; 
     397    text-decoration: none; 
    403398} 
    404399#access ul ul { 
    405     display:none; 
    406     position:absolute; 
    407     top:38px; 
    408     left:0; 
    409     float:left; 
    410400    box-shadow: 0px 3px 3px rgba(0,0,0,0.2); 
    411401    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); 
    412402    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); 
     403    display: none; 
     404    position: absolute; 
     405    top: 38px; 
     406    left: 0; 
     407    float: left; 
    413408    width: 180px; 
    414409    z-index: 99999; 
    415410} 
    416411#access ul ul li { 
    417     min-width: 180px;    
     412    min-width: 180px; 
    418413} 
    419414#access ul ul ul { 
    420     left:100%; 
    421     top:0; 
     415    left: 100%; 
     416    top: 0; 
    422417} 
    423418#access ul ul a { 
    424     background:#333; 
    425     height:auto; 
    426     line-height:1em; 
    427     padding:10px; 
     419    background: #333; 
     420    line-height: 1em; 
     421    padding: 10px; 
    428422    width: 160px; 
     423    height: auto; 
    429424} 
    430425#access li:hover > a, 
    431426#access ul ul :hover > a { 
    432     color:#fff; 
    433     background:#333; 
     427    background: #333; 
     428    color: #fff; 
    434429} 
    435430#access ul li:hover > ul { 
    436     display:block; 
     431    display: block; 
    437432} 
    438433#access ul li.current_page_item > a, 
     
    442437    color: #fff; 
    443438} 
    444  
    445439* html #access ul li.current_page_item a, 
    446440* html #access ul li.current-menu-ancestor a, 
     
    448442* html #access ul li.current-menu-parent a, 
    449443* html #access ul li a:hover { 
    450     color:#fff; 
    451 } 
    452  
     444    color: #fff; 
     445} 
    453446 
    454447 
     
    476469#content pre, 
    477470#content hr { 
    478     margin-bottom:24px; 
     471    margin-bottom: 24px; 
    479472} 
    480473#content ul ul, 
     
    482475#content ul ol, 
    483476#content ol ul { 
    484     margin-bottom:0; 
     477    margin-bottom: 0; 
    485478} 
    486479#content pre, 
     
    505498#content h6 { 
    506499    color: #000; 
     500    line-height: 1.5em; 
    507501    margin: 0 0 20px 0; 
    508     line-height: 1.5em; 
    509502} 
    510503#content table { 
    511504    border: 1px solid #e7e7e7; 
     505    margin: 0 -1px 24px 0; 
    512506    text-align: left; 
    513     margin: 0 -1px 24px 0; 
    514507    width: 100%; 
    515508} 
     
    535528    background: #f2f7fc; 
    536529    border-top: 4px solid #000; 
    537     padding: 18px 20px; 
    538530    margin-left: -20px; 
    539531    margin-right: -20px; 
     532    padding: 18px 20px; 
    540533} 
    541534.single .hentry { 
     
    556549.page-title a:link, 
    557550.page-title a:visited { 
    558     color:#888; 
     551    color: #888; 
    559552    text-decoration: none; 
    560553} 
     
    566559    color: #000; 
    567560    font-size: 21px; 
     561    font-weight: bold; 
    568562    line-height: 1.3em; 
    569     font-weight: bold; 
    570563    margin-bottom: 0; 
    571564} 
    572565.entry-title a:link, 
    573566.entry-title a:visited { 
    574     color:#000; 
     567    color: #000; 
    575568    text-decoration: none; 
    576569} 
     
    644637.page-link { 
    645638    color: #000; 
    646     font-weight:bold; 
    647     margin:0 0 22px 0; 
    648     word-spacing:0.5em; 
     639    font-weight: bold; 
     640    margin: 0 0 22px 0; 
     641    word-spacing: 0.5em; 
    649642} 
    650643.page-link a:link, 
    651644.page-link a:visited { 
    652645    background: #f1f1f1; 
    653     color:#333; 
    654     font-weight:normal; 
    655     padding:0.5em 0.75em; 
    656     text-decoration:none; 
     646    color: #333; 
     647    font-weight: normal; 
     648    padding: 0.5em 0.75em; 
     649    text-decoration: none; 
    657650} 
    658651.home .sticky .page-link a { 
     
    670663    background: #f2f7fc; 
    671664    border-top: 4px solid #000; 
    672     padding: 18px 20px; 
    673     margin: 24px 0; 
    674     overflow: hidden; 
    675665    clear: both; 
    676666    font-size: 14px; 
    677667    line-height: 20px; 
     668    margin: 24px 0; 
     669    overflow: hidden; 
     670    padding: 18px 20px; 
    678671} 
    679672#entry-author-info #author-avatar { 
     
    681674    border: 1px solid #e7e7e7; 
    682675    float: left; 
     676    height: 60px; 
    683677    margin: 0 -104px 0 0; 
    684678    padding: 11px; 
    685     height: 60px; 
    686679} 
    687680#entry-author-info #author-description { 
     
    691684#entry-author-info h2 { 
    692685    color: #000; 
    693     font-weight: bold; 
    694686    font-size: 100%; 
     687    font-weight: bold; 
    695688    margin-bottom: 0; 
    696689} 
    697690.entry-utility { 
     691    clear: both; 
    698692    color: #888; 
    699693    font-size: 12px; 
    700694    line-height: 18px; 
    701     clear: both; 
    702695} 
    703696.entry-meta a, 
     
    714707 
    715708 
    716  
    717 /* Asides 
     709/* =Asides 
    718710-------------------------------------------------------------- */ 
    719711 
     
    722714    line-height: 20px; 
    723715    margin-bottom: 10px; 
    724     margin-top:0; 
     716    margin-top: 0; 
    725717} 
    726718.home .hentry.category-asides { 
     
    732724 
    733725 
    734  
    735  
    736 /* Gallery listing 
     726/* =Gallery listing 
    737727-------------------------------------------------------------- */ 
    738728 
     
    743733.category-gallery .gallery-thumb { 
    744734    float: left; 
    745     margin-right:20px; 
     735    margin-right: 20px; 
    746736    margin-top: -4px; 
    747737} 
    748738.home #content .category-gallery .entry-utility { 
    749     padding-top:4px; 
    750 } 
    751  
    752  
    753 /* Attachment pages 
     739    padding-top: 4px; 
     740} 
     741 
     742 
     743/* =Attachment pages 
    754744-------------------------------------------------------------- */ 
    755745 
     
    766756 
    767757 
    768  
    769 /* Images 
     758/* =Images 
    770759-------------------------------------------------------------- */ 
    771760 
     
    799788    margin-right: auto; 
    800789} 
    801 #content img.alignleft,  
    802 #content img.alignright,  
     790#content img.alignleft, 
     791#content img.alignright, 
    803792#content img.aligncenter { 
    804793    margin-bottom: 12px; 
     
    807796    background: #f1f1f1; 
    808797    line-height: 18px; 
    809     text-align: center; 
    810798    margin-bottom: 20px; 
    811799    padding: 4px; 
     800    text-align: center; 
    812801} 
    813802#content .wp-caption img { 
     
    815804} 
    816805#content .wp-caption p.wp-caption-text { 
     806    color: #888; 
     807    font-size: 12px; 
    817808    margin: 5px; 
    818     color: #888; 
    819     font-size: 12px; 
    820809} 
    821810#content .wp-smiley { 
    822     margin:0; 
     811    margin: 0; 
    823812} 
    824813#content .gallery { 
     
    858847 
    859848.navigation { 
    860     font-size:  12px; 
     849    color: #888; 
     850    font-size: 12px; 
    861851    line-height: 18px; 
    862852    overflow: hidden; 
    863     color: #888; 
    864853} 
    865854.navigation a:link, 
     
    878867.nav-next { 
    879868    float: right; 
     869    text-align: right; 
    880870    width: 50%; 
    881     text-align:right; 
    882871} 
    883872#nav-above { 
     
    896885 
    897886 
    898  
    899887/* =Comments 
    900888-------------------------------------------------------------- */ 
     
    908896h3#reply-title { 
    909897    color: #000; 
    910     font-weight: bold; 
    911898    font-size: 20px; 
     899    font-weight: bold; 
    912900    margin-bottom: 0; 
    913901} 
     
    927915} 
    928916.commentlist li:last-child { 
    929     border-bottom:none; 
    930     margin-bottom:0; 
     917    border-bottom: none; 
     918    margin-bottom: 0; 
    931919} 
    932920#comments .comment-body ul, 
     
    1000988} 
    1001989#comments .pingback { 
     990    border-bottom: 1px solid #e7e7e7; 
    1002991    margin-bottom: 18px; 
    1003992    padding-bottom: 18px; 
    1004     border-bottom: 1px solid #e7e7e7; 
    1005993} 
    1006994.commentlist li.comment+li.pingback { 
     
    1009997#comments .pingback p { 
    1010998    color: #888; 
     999    display: block; 
    10111000    font-size: 12px; 
    10121001    line-height: 18px; 
    1013     display:block; 
    10141002    margin: 0; 
    10151003} 
    10161004#comments .pingback .url { 
     1005    font-size: 13px; 
    10171006    font-style: italic; 
    1018     font-size: 13px; 
    1019 } 
    1020  
    1021  
     1007} 
    10221008 
    10231009/* Comments form */ 
     
    10261012} 
    10271013#respond { 
     1014    border-top: 1px solid #e7e7e7; 
    10281015    margin: 24px 0; 
    1029     border-top: 1px solid #e7e7e7; 
    10301016    overflow: hidden; 
    10311017    position: relative; 
     
    10541040#cancel-comment-reply-link { 
    10551041    font-size: 12px; 
     1042    font-weight: normal; 
    10561043    line-height: 18px; 
    1057     font-weight: normal; 
    10581044} 
    10591045#respond .required { 
    1060     color:#ff4b33; 
    1061     font-weight:bold; 
     1046    color: #ff4b33; 
     1047    font-weight: bold; 
    10621048} 
    10631049#respond label { 
     
    10661052} 
    10671053#respond input { 
    1068     margin:0 0 9px; 
    1069     width:98%; 
     1054    margin: 0 0 9px; 
     1055    width: 98%; 
    10701056} 
    10711057#respond textarea { 
    1072     width:98%; 
     1058    width: 98%; 
    10731059} 
    10741060#respond .form-allowed-tags { 
     
    10841070} 
    10851071#respond .form-submit input { 
     1072    font-size: 14px; 
    10861073    width: auto; 
    1087     font-size: 14px; 
    10881074} 
    10891075 
     
    11001086    margin-left: 1.3em; 
    11011087} 
    1102 .widget_search #s { /* This keeps the search inputs in line */ 
     1088.widget_search #s {/* This keeps the search inputs in line */ 
    11031089    width: 60%; 
    11041090} 
    11051091.widget_search label { 
    1106     display:none; 
     1092    display: none; 
    11071093} 
    11081094.widget-container { 
     
    11281114} 
    11291115#wp-calendar { 
    1130     width:100%; 
     1116    width: 100%; 
    11311117} 
    11321118#wp-calendar caption { 
    1133     font-weight: bold; 
    11341119    color: #222; 
     1120    font-size: 14px; 
     1121    font-weight: bold; 
     1122    padding-bottom: 4px; 
    11351123    text-align: left; 
    1136     font-size:14px; 
    1137     padding-bottom: 4px; 
    11381124} 
    11391125#wp-calendar thead { 
    1140     font-size:11px; 
     1126    font-size: 11px; 
    11411127} 
    11421128#wp-calendar thead th { 
     
    11461132} 
    11471133#wp-calendar tbody td { 
     1134    background: #f5f5f5; 
     1135    border: 1px solid #fff; 
    11481136    padding: 3px 0 2px; 
    1149     background: #f5f5f5; 
    1150     border:1px solid #fff; 
    11511137    text-align: center; 
    11521138} 
     
    11641150} 
    11651151.widget_rss .widget-title img { 
     1152    width: 11px; 
    11661153    height: 11px; 
    1167     width: 11px; 
    11681154} 
    11691155 
     
    11881174 
    11891175 
    1190  
    11911176/* =Footer 
    11921177-------------------------------------------------------------- */ 
     
    11981183    border-top: 4px solid #000; 
    11991184    margin-top: -4px; 
     1185    overflow: hidden; 
    12001186    padding: 18px 0; 
    1201     overflow: hidden; 
    12021187} 
    12031188#site-info { 
     
    12091194} 
    12101195#site-generator { 
     1196    font-style: italic; 
    12111197    position: relative; 
    1212     font-style: italic; 
    12131198} 
    12141199#site-generator a { 
     1200    background: url(images/wordpress.png) center left no-repeat; 
    12151201    color: #666; 
    1216     display:inline-block; 
     1202    display: inline-block; 
     1203    line-height: 16px; 
     1204    padding-left: 20px; 
    12171205    text-decoration: none; 
    1218     background: url(images/wordpress.png) center left no-repeat; 
    1219     padding-left: 20px; 
    1220     line-height: 16px; 
    12211206} 
    12221207#site-generator a:hover { 
     
    12241209} 
    12251210img#wpstats { 
    1226     display:block; 
     1211    display: block; 
    12271212    margin: 0 auto 10px; 
    12281213} 
    12291214 
    12301215 
    1231  
    1232 /* Mobile Safari ( iPad, iPhone and iPod Touch ) 
     1216/* =Mobile Safari ( iPad, iPhone and iPod Touch ) 
    12331217-------------------------------------------------------------- */ 
    12341218 
     
    12511235 
    12521236 
    1253  
    12541237/* =Print Style 
    12551238-------------------------------------------------------------- */ 
     
    12571240@media print { 
    12581241    body { 
    1259         background:none !important; 
     1242        background: none !important; 
    12601243    } 
    12611244    #wrapper { 
    1262         float: none !important; 
    12631245        clear: both !important; 
    12641246        display: block !important; 
     1247        float: none !important; 
    12651248        position: relative !important; 
    12661249    } 
     
    12751258    #site-description { 
    12761259        float: none; 
     1260        line-height: 1.4em; 
    12771261        margin: 0; 
    1278         padding:0; 
    1279         line-height: 1.4em; 
     1262        padding: 0; 
    12801263    } 
    12811264    #site-title { 
     
    13021285    #header, 
    13031286    #footer { 
     1287        margin: 0; 
    13041288        width: 100%; 
    1305         margin: 0; 
    13061289    } 
    13071290    #content, 
    13081291    .one-column #content { 
     1292        margin: 24pt 0 0; 
    13091293        width: 100%; 
    1310         margin: 24pt 0 0; 
    13111294    } 
    13121295    .wp-caption p { 
     
    13221305    } 
    13231306    img#wpstats { 
    1324         display:none 
     1307        display: none; 
    13251308    } 
    13261309    #site-generator a { 
     1310        margin: 0; 
    13271311        padding: 0; 
    1328     margin: 0; 
    13291312    } 
    13301313    #entry-author-info { 
     
    13321315    } 
    13331316    #main { 
    1334         display:inline; 
     1317        display: inline; 
    13351318    } 
    13361319    .home .sticky { 
Note: See TracChangeset for help on using the changeset viewer.