Make WordPress Core

Changeset 25


Ignore:
Timestamp:
05/21/2003 11:23:26 AM (21 years ago)
Author:
saxmatt
Message:

Plain jane new default CSS.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/layout2b.css

    r12 r25  
    1 /*
    2 credit for the original concept and core of the layout comes courtesy of Rob Chandanais via:
    3 http://bluerobot.com/web/layouts/layout2.html
    4 
    5 used as default layout for b2, with permission from Dean Peters,
    6 who first adapted it ( http://www.deanpeters.com/b2 )
     1/* Default WordPress by Matthew Mullenweg http://photomatt.net
     2    This is just a basic layout, with only the bare minimum defined.
     3     Please tweak this and make it your own. :)
    74*/
    85
    9 body {
    10     margin:0px;
    11     padding:0px;
    12     font-family:verdana, arial, helvetica, sans-serif;
    13     color:#333;
    14     background-color:white;
    15     }
    16 h2 {
    17     border-bottom:1px solid #999;
    18     border-right:1px solid #999;
    19     margin:15px 300px 15px 0px;
    20     padding:6px;
    21     font-size:14px;
    22     line-height:14px;
    23     font-weight:700;
    24     background-color:#eee;
    25     color:#09c;
     6a {
     7    color: #069;
    268}
    279
    28 h1, h4, h5, .storyTitle, .storyCategory, .storyAuthor {
    29     margin:15px 0px 10px 0px;
    30     padding:0px;
    31     font-size:28px;
    32     line-height:28px;
    33     font-weight:900;
    34     color:#ccc;
    35     }
    36 h4, h5, .storyTitle, .storyCategory, .storyAuthor {
    37     font-size:12px;
    38     line-height:12px;
    39     font-weight:800;
    40     color:#999;
    41 
    42 }   
    43 .storyCategory, .storyAuthor {
    44     font-size:10px;
    45     line-height:10px;
    46 }
    47 h5, .storyAuthor {
    48     font-size:10px;
    49     font-style:italic;
    50 }
    51 p, .storyContent {
    52     font:11px/20px verdana, arial, helvetica, sans-serif;
    53     margin:0px 15px 0px 20px;
    54     padding:0px;
    55     }
    56 #content>p {margin:0px;}
    57 #content>p+p {text-indent:30px;}
    58 
    59 .storyContent {
    60     font:11px/16px verdana, arial, helvetica, sans-serif;
     10a:visited {
     11    color: #039;
    6112}
    6213
    63 #content>.storyContent {margin:0px;}
    64 #content>.storyContent+.storyContent {text-indent:30px;}
    65 
    66 .storyExcerpt {
    67     font:12px/18px verdana, arial, helvetica, sans-serif;
    68     font-weight: bold;
     14a:hover {
     15    color: #39c;
    6916}
    7017
    71 a {
    72     color:#09c;
    73     font-size:11px;
    74     text-decoration:none;
    75     font-weight:600;
    76     font-family:verdana, arial, helvetica, sans-serif;
    77     }
    78 a:link {color:#09c;}
    79 a:visited {color:#07a;}
    80 a:hover {background-color:#eee;}
     18body {
     19    font-family: Georgia, "Times New Roman", Times, serif;
     20    margin: 0;
     21}
    8122
    82 #header {
    83     margin:50px 0px 10px 0px;
    84     padding:17px 0px 0px 20px;
    85     /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
    86     height:33px; /* 14px + 17px + 2px = 33px */
    87 /*  border-style:solid;
    88     border-color:black;
    89     border-width:1px 0px;
    90 */ /* top and bottom borders: 1px; left and right borders: 0px */
    91     border-bottom:1px solid #999;
    92     border-right:1px solid #999;
    93     line-height:11px;
    94     background-color:#eee;
     23h2 {
     24    border-bottom: 2px solid #ccc;
     25    margin-bottom: 2px;
     26}
    9527
    96 /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
    97 Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
    98 IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
    99 declaration. The incorrect IE5/Win value is above, while the correct value is
    100 below. See http://glish.com/css/hacks.asp for details. */
    101     voice-family: "\"}\"";
    102     voice-family:inherit;
    103     height:14px; /* the correct height */
    104     }
    105 /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
    106 length values to user agents that exhibit the parsing error exploited above yet get
    107 the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
    108 a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
    109 body>#header {height:14px;}
     28p {
     29    line-height: 130%;
     30}
    11031
     32.credit {
     33    font-size: 11px;
     34    text-align: center;
     35}
    11136
    112 #header a {
    113     font-size:18px;
    114     font-weight:800;
     37.feedback {
     38    text-align: right;
    11539}
    11640
    11741#content {
    118     margin:0px 210px 50px 10px;
    119     padding:10px;
    120     }
     42    : ;
     43    margin: 0 160px 0 20px;
     44}
    12145
    122 #contentcomments {
    123     margin:0px 0px 50px 10px;
    124     padding:10px;
    125     }
     46#header {
     47    background-color: #808080;
     48    padding-left: 10px;
     49}
     50
     51#header a {
     52    color: #fff;
     53    text-decoration: none;
     54}
    12655
    12756#menu {
    128     position:absolute;
    129     top:100px;
    130     right:20px;
    131     width:172px;
    132     padding:10px;
    133     background-color:#eee;
    134     border-bottom:1px solid #999;
    135     border-right:1px solid #999;
    136     line-height:17px;
    137 /* Again, the ugly brilliant hack. */
    138     voice-family: "\"}\"";
    139     voice-family:inherit;
    140     width:150px;
    141     }
    142 /* Again, "be nice to Opera 5". */
    143 body>#menu {width:150px;}
    144 
    145 #menu a {
    146    margin: 0px 0px 0px 0px;
    147    padding: 0px 0px 0px 10px;
     57    background-color: #000;
     58    border-left: 2px solid #666;
     59    position: absolute;
     60    right: 0;
     61    top: 70px;
     62    width: 150px;
    14863}
    14964
    150 #menu h4 {
    151     margin: 12px 0px 4px 0px;
     65#menu ul {
     66    color: #ccc;
     67    font-variant: small-caps;
     68    font-weight: bold;
     69    list-style-type: none;
     70    margin: 0;
     71    padding-left: 3px;
    15272}
    15373
    154 #chaff {
    155     text-align: right;
    156 }
    157 #chaff a {
    158    color: #fff;
    159    font-size:2px;
    160 }
    161 #chaff a:link { color: #fff; }
    162 #chaff a:visited { color: #fff; }
    163 #chaff a:hover { background-color:#fff; }
    164 
    165 .centerP {
    166     text-align: center;
     74#menu ul ul {
     75    font-variant: normal;
     76    font-weight: normal;
     77    line-height: 100%;
     78    list-style-type: none;
     79    margin: 0;
     80    padding: 0;
     81    text-align: left;
    16782}
    16883
    169 #contentcomments input, #content input, #menu input {
    170     margin: 1px;
    171     padding: 1px 1px 4px 1px;
    172     border: 1px solid #ccc;
    173     font:11px/14px verdana, arial, helvetica, sans-serif;
     84#menu ul ul li {
     85    line-height: 115%;
     86    padding-left: 12px;
    17487}
    175 #contentcomments textarea, #content textarea, #menu textarea {
    176     margin: 1px;
    177     padding: 1px;
    178     border: 1px solid #ccc;
    179     font:11px/14px verdana, arial, helvetica, sans-serif;
     88
     89#menu ul ul li a {
     90    color: #fff;
     91    height: 13px;
     92    text-decoration: none;
    18093}
    181 .commentfield {
    182     margin-bottom: 4px;
     94
     95#menu ul ul li a:hover {
     96    border-bottom: 1px solid #ccc;
    18397}
Note: See TracChangeset for help on using the changeset viewer.