wp-content/themes/classic/style.css

   1 /*
   2 Theme Name: WordPress Classic
   3 Theme URI: http://wordpress.org/
   4 Description: The original WordPress theme that graced versions 1.2.x and prior.
   5 Version: 1.5
   6 Author: Dave Shea
   7 Tags: mantle color, variable width, two columns, widgets
   8
   9 Default WordPress by Dave Shea || http://mezzoblue.com
  10 Modifications by Matthew Mullenweg || http://photomatt.net
  11 This is just a basic layout, with only the bare minimum defined.
  12 Please tweak this and make it your own. :)
  13 */
  14
  15 .screen-reader-text {
  16      position: absolute;
  17      left: -1000em;
  18 }
  19
  20 a {
  21         color: #675;
  22 }
  23
  24 a img {
  25         border: none;
  26 }
  27
  28 a:visited {
  29         color: #342;
  30 }
  31
  32 a:hover {
  33         color: #9a8;
  34 }
  35
  36 acronym, abbr {
  37         border-bottom: 1px dashed #333;
  38 }
  39
  40 acronym, abbr, span.caps {
  41         font-size: 90%;
  42         letter-spacing: .07em;
  43 }
  44
  45 acronym, abbr {
  46         cursor: help;
  47 }
  48
  49 blockquote {
  50         border-left: 5px solid #ccc;
  51         margin-left: 1.5em;
  52         padding-left: 5px;
  53 }
  54
  55 body {
  56         background: #fff;
  57         border: 2px solid #565;
  58         border-bottom: 1px solid #565;
  59         border-top: 3px solid #565;
  60         color: #000;
  61         font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  62         margin: 0;
  63         padding: 0;
  64 }
  65
  66 cite {
  67         font-size: 90%;
  68         font-style: normal;
  69 }
  70
  71 h2 {
  72         border-bottom: 1px dotted #ccc;
  73         font: 95% "Times New Roman", Times, serif;
  74         letter-spacing: 0.2em;
  75         margin: 15px 0 2px 0;
  76         padding-bottom: 2px;
  77 }
  78
  79 h3 {
  80         border-bottom: 1px dotted #eee;
  81         font-family: "Times New Roman", Times, serif;
  82         margin-top: 0;
  83 }
  84
  85 ol#comments li p {
  86         font-size: 100%;
  87 }
  88
  89 p, li, .feedback {
  90         font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  91         letter-spacing: -1px;
  92 }
  93
  94 /* classes used by the_meta() */
  95 ul.post-meta {
  96         list-style: none;
  97 }
  98
  99 ul.post-meta span.post-meta-key {
 100         font-weight: bold;
 101 }
 102
 103 .credit {
 104         background: #90a090;
 105         border-top: 3px double #aba;
 106         color: #fff;
 107         font-size: 11px;
 108         margin: 10px 0 0 0;
 109         padding: 3px;
 110         text-align: center;
 111 }
 112
 113 .credit a:link, .credit a:hover {
 114         color: #fff;
 115 }
 116
 117 .feedback {
 118         color: #ccc;
 119         text-align: right;
 120         clear: both;
 121 }
 122
 123 .meta {
 124         font-size: .75em;
 125 }
 126
 127 .meta li, ul.post-meta li {
 128         display: inline;
 129 }
 130
 131 .meta ul {
 132         display: inline;
 133         list-style: none;
 134         margin: 0;
 135         padding: 0;
 136 }
 137
 138 .meta, .meta a {
 139         color: #808080;
 140         font-weight: normal;
 141         letter-spacing: 0;
 142 }
 143
 144 .storytitle {
 145         margin: 0;
 146 }
 147
 148 .storytitle a {
 149         text-decoration: none;
 150 }
 151
 152 #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 153         background: #fff;
 154         border: 1px solid #333;
 155         padding: .2em;
 156 }
 157
 158 #commentform textarea {
 159         width: 100%;
 160 }
 161
 162 #commentlist li ul {
 163         border-left: 1px solid #ddd;
 164         font-size: 110%;
 165         list-style-type: none;
 166 }
 167
 168 #commentlist li .avatar {
 169         float: right;
 170         margin-right: 25px;
 171         border: 1px dotted #ccc;
 172         padding: 2px;
 173 }
 174
 175 #content {
 176         margin: 30px 13em 0 3em;
 177         padding-right: 60px;
 178 }
 179
 180 #header {
 181         background: #90a090;
 182         border-bottom: 3px double #aba;
 183         border-left: 1px solid #9a9;
 184         border-right: 1px solid #565;
 185         border-top: 1px solid #9a9;
 186         font: italic normal 230% 'Times New Roman', Times, serif;
 187         letter-spacing: 0.2em;
 188         margin: 0;
 189         padding: 15px 10px 15px 60px;
 190 }
 191
 192 #header a {
 193         color: #fff;
 194         text-decoration: none;
 195 }
 196
 197 #header a:hover {
 198         text-decoration: underline;
 199 }
 200
 201 #menu {
 202         background: #fff;
 203         border-left: 1px dotted #ccc;
 204         border-top: 3px solid #e0e6e0;
 205         padding: 20px 0 10px 30px;
 206         position: absolute;
 207         right: 2px;
 208         top: 0;
 209         width: 11em;
 210 }
 211
 212 #menu form {
 213         margin: 0 0 0 13px;
 214 }
 215
 216 #menu input#s {
 217         width: 80%;
 218         background: #eee;
 219         border: 1px solid #999;
 220         color: #000;
 221 }
 222
 223 #menu ul {
 224         color: #ccc;
 225         font-weight: bold;
 226         list-style-type: none;
 227         margin: 0;
 228         padding-left: 3px;
 229         text-transform: lowercase;
 230 }
 231
 232 #menu ul li {
 233         font: italic normal 110% 'Times New Roman', Times, serif;
 234         letter-spacing: 0.1em;
 235         margin-top: 10px;
 236         padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
 237 }
 238
 239 #menu ul ul {
 240         font-variant: normal;
 241         font-weight: normal;
 242         line-height: 100%;
 243         list-style-type: none;
 244         margin: 0;
 245         padding: 0;
 246         text-align: left;
 247 }
 248
 249 #menu ul ul li {
 250         border: 0;
 251         font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 252         letter-spacing: 0;
 253         margin-top: 0;
 254         padding: 0;
 255         padding-left: 12px;
 256 }
 257
 258 #menu ul ul li a {
 259         color: #000;
 260         text-decoration: none;
 261 }
 262
 263 #menu ul ul li a:hover {
 264         border-bottom: 1px solid #809080;
 265 }
 266
 267 #menu ul ul ul.children {
 268         font-size: 142%;
 269         padding-left: 4px;
 270 }
 271
 272 #wp-calendar {
 273         border: 1px solid #ddd;
 274         empty-cells: show;
 275         font-size: 14px;
 276         margin: 0;
 277         width: 90%;
 278 }
 279
 280 #wp-calendar #next a {
 281         padding-right: 10px;
 282         text-align: right;
 283 }
 284
 285 #wp-calendar #prev a {
 286         padding-left: 10px;
 287         text-align: left;
 288 }
 289
 290 #wp-calendar a {
 291         display: block;
 292         text-decoration: none;
 293 }
 294
 295 #wp-calendar a:hover {
 296         background: #e0e6e0;
 297         color: #333;
 298 }
 299
 300 #wp-calendar caption {
 301         color: #999;
 302         font-size: 16px;
 303         text-align: left;
 304 }
 305
 306 #wp-calendar td {
 307         color: #ccc;
 308         font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 309         letter-spacing: normal;
 310         padding: 2px 0;
 311         text-align: center;
 312 }
 313
 314 #wp-calendar td.pad:hover {
 315         background: #fff;
 316 }
 317
 318 #wp-calendar td:hover, #wp-calendar #today {
 319         background: #eee;
 320         color: #bbb;
 321 }
 322
 323 #wp-calendar th {
 324         font-style: normal;
 325         text-transform: capitalize;
 326 }
 327
 328 /* Captions & aligment */
 329 .aligncenter,
 330 div.aligncenter {
 331         display: block;
 332         margin-left: auto;
 333         margin-right: auto;
 334 }
 335
 336 .alignleft {
 337         float: left;
 338 }
 339
 340 .alignright {
 341         float: right;
 342 }
 343
 344 .wp-caption {
 345         border: 1px solid #ddd;
 346         text-align: center;
 347         background-color: #f3f3f3;
 348         padding-top: 4px;
 349         margin: 10px;
 350         -moz-border-radius: 3px;
 351         -khtml-border-radius: 3px;
 352         -webkit-border-radius: 3px;
 353         border-radius: 3px;
 354 }
 355
 356 .wp-caption img {
 357         margin: 0;
 358         padding: 0;
 359         border: 0 none;
 360 }
 361
 362 .wp-caption p.wp-caption-text {
 363         font-size: 11px;
 364         line-height: 17px;
 365         padding: 0 4px 5px;
 366         margin: 0;
 367 }
 368 /* End captions & aligment */