WordPress.org

Make WordPress Core

Changeset 15415


Ignore:
Timestamp:
07/13/2010 10:19:36 PM (8 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.