simplepie/demo/for_the_demo/simplepie.css

   1 /*
   2 Theme Name: SimplePie
   3 Theme URI: http://simplepie.org
   4 Description: A simple, yet beautiful theme inspired by several cleanly designed websites.
   5 Version: 1.4
   6 Author: Ryan Parman
   7 Author URI: http://skyzyx.com
   8 Updated: 21 June 2007
   9 */
  10
  11
  12 /*********************************************
  13 HYPERLINK STYLES
  14 *********************************************/
  15 a {
  16         color:#369;
  17         text-decoration:underline;
  18         padding:0 1px;
  19 }
  20
  21 a:hover {
  22         color:#fff !important;
  23         background-color:#333;
  24         text-decoration:none;
  25         padding:0 1px;
  26 }
  27
  28 a.nohover {
  29         text-decoration:none;
  30         border:none;
  31 }
  32
  33 a.nohover:hover {
  34         background-color:transparent;
  35         border:none;
  36 }
  37
  38 a.namelink {
  39         padding:0;
  40         margin:0;
  41         overflow:hidden;
  42         height:1px;
  43 }
  44
  45 h4 a,
  46 .sample_feeds a {
  47         color:#000;
  48 }
  49
  50
  51 /*********************************************
  52 GENERAL STYLES
  53 *********************************************/
  54 body {
  55         /*font:12px/18px Verdana, sans-serif;*/
  56         font:14px/1.5em "Lucida Grande", Tahoma, sans-serif;
  57         letter-spacing:0px;
  58         color:#333;
  59         background-color:#fff;
  60         margin:0;
  61         padding:0;
  62 }
  63
  64 div#site {
  65         width:600px;
  66         margin:50px auto 0 auto;
  67 }
  68
  69 h1#logo {
  70         margin:0;
  71         padding:0;
  72         text-align:center;
  73 }
  74
  75 h1#logo a,
  76 h1#logo a:hover {
  77         background-color:transparent;
  78         text-decoration:none;
  79         padding:0;
  80 }
  81
  82 h2.image {
  83         margin:0;
  84         padding:0;
  85         text-align:center;
  86 }
  87
  88 h3 {
  89         margin:20px 0 0 0;
  90         padding:0;
  91         font-size:1.5em;
  92 }
  93
  94 h4 {
  95         margin:20px 0 0 0;
  96         padding:0;
  97         font-size:1.2em;
  98         letter-spacing:-1px;
  99 }
 100
 101 h5 {
 102         margin:10px 0 0 0;
 103         padding:0;
 104         font-size:1em;
 105         font-weight:bold;
 106 }
 107
 108 em {
 109         font-style:normal;
 110         background-color:#ffc;
 111 }
 112
 113 p {
 114         margin:0;
 115         padding:5px 0;
 116 }
 117
 118 ul, ol {
 119         margin:10px 0 10px 20px;
 120         padding:0 0 0 15px;
 121 }
 122
 123 ul li, ol li {
 124         margin:0 0 7px 0;
 125         padding:0 0 0 3px;
 126 }
 127
 128 form {
 129         margin:0;
 130         padding:0;
 131 }
 132
 133 code {
 134         font-size:1em;
 135         background-color:#f3f3ff;
 136         color:#000;
 137 }
 138
 139 div#site pre {
 140         background-color:#f3f3ff;
 141         color:#000080;
 142         border:1px dotted #000080;
 143         overflow:auto;
 144         padding:3px 5px;
 145 }
 146
 147 blockquote {
 148         font-size:1em;
 149         color:#666;
 150         border-left:4px solid #666;
 151         margin:10px 0 10px 30px;
 152         padding:0 5px 0 10px;
 153         background:#f3f3f3 url(background_blockquote.png) repeat top left;
 154 }
 155
 156 input, select, textarea {
 157         font-size:12px;
 158         line-height:1.2em;
 159         padding:2px;
 160 }
 161
 162 input[type=text], select, textarea {
 163         background-color:#e9f5ff;
 164         border:1px solid #333;
 165 }
 166
 167 input[type=text]:focus, select:focus, textarea:focus {
 168         background-color:#ffe;
 169 }
 170
 171 .clearLeft {clear:left;}
 172 .clearRight {clear:right;}
 173 .clearBoth {clear:both;}
 174 .hide {display:none;}
 175
 176
 177 /*********************************************
 178 NAVIGATION STYLES
 179 *********************************************/
 180 div#header {
 181         background:#fff url(top_gradient.gif) repeat-x top left;
 182         margin:0;
 183         padding:0;
 184 }
 185
 186 div#header form {
 187         margin:0;
 188         padding:0;
 189 }
 190
 191 div#header div#headerInner {
 192         margin:0;
 193         padding:0;
 194 }
 195
 196 div#header div#headerInner div#logoContainer {}
 197
 198 div#header div#headerInner div#logoContainerInner {
 199         width:550px;
 200         margin:0 auto;
 201         padding:20px;
 202 }
 203
 204 div#header div#headerInner div#logoContainer div#logo {
 205         float:left;
 206         width:200px;
 207 }
 208
 209 div#header div#headerInner div#logoContainer div#logo a,
 210 div#header div#headerInner div#logoContainer div#logo a:hover {
 211         border:none;
 212         background:none;
 213 }
 214
 215 div#header div#headerInner div#logoContainer div#feed {
 216         float:right;
 217         width:300px;
 218         text-align:right;
 219         padding:10px 0 0 0;
 220 }
 221
 222 div#header div#headerInner div#logoContainer div#feed input.text {
 223         width:60%;
 224 }
 225
 226 div#header div#headerInner div#menu {
 227         background:#eee url(background_menuitem_shadow.gif) repeat-x top left;
 228         border-top:2px solid #ccc;
 229         border-bottom:1px solid #ddd;
 230         text-align:center;
 231 }
 232
 233 div#header div#headerInner div#menu table {
 234         width:auto;
 235         margin:0 auto;
 236 }
 237
 238 div#header div#headerInner div#menu ul {
 239         display:block;
 240         width:100%;
 241         margin:0 auto;
 242         padding:0;
 243         font-size:12px;
 244 }
 245
 246 div#header div#headerInner div#menu ul li {
 247         display:block;
 248         float:left;
 249 }
 250
 251 div#header div#headerInner div#menu ul li a {
 252         display:block;
 253         margin:-2px 0 0 0;
 254         padding:5px 7px 8px 7px;
 255         text-decoration:none;
 256         color:#666 !important;
 257         background-color:transparent;
 258 }
 259
 260 div#header div#headerInner div#menu ul li a:hover {
 261         display:block;
 262         margin:-2px 0 0 0;
 263         padding:5px 7px 8px 7px;
 264         text-decoration:none;
 265         color:#666;
 266         background:#fff url(background_menuitem_off.gif) no-repeat bottom right;
 267 }
 268
 269 body#bodydemo div#header div#headerInner div#menu ul li#demo a {
 270         display:block;
 271         margin:-2px 0 0 0;
 272         padding:5px 7px 8px 7px;
 273         text-decoration:none;
 274         color:#333;
 275         font-weight:bold;
 276         background:#fff url(background_menuitem.gif) no-repeat bottom right;
 277 }
 278
 279
 280 /*********************************************
 281 CONTENT STYLES
 282 *********************************************/
 283 div.chunk {
 284         margin:20px 0 0 0;
 285         padding:0 0 10px 0;
 286         border-bottom:1px solid #ccc;
 287 }
 288
 289 div.topchunk {
 290         margin:0 !important;
 291 }
 292
 293 .footnote,
 294 .footnote a {
 295         font-size:12px;
 296         line-height:1.3em;
 297         color:#aaa;
 298 }
 299
 300 .footnote em {
 301         background-color:transparent;
 302         font-style:italic;
 303 }
 304
 305 .footnote code {
 306         background-color:transparent;
 307         font:11px/14px monospace;
 308         color:#aaa;
 309 }
 310
 311 p.subscribe {
 312         background-color:#f3f3f3;
 313         font-size:12px;
 314         text-align:center;
 315 }
 316
 317 p.highlight {
 318         background-color:#ffc;
 319         font-size:12px;
 320         text-align:center;
 321 }
 322
 323 p.sample_feeds {
 324         font-size:12px;
 325         line-height:1.2em;
 326 }
 327
 328 div.sp_errors {
 329         background-color:#eee;
 330         padding:5px;
 331         text-align:center;
 332         font-size:12px;
 333 }
 334
 335 .noborder {
 336         border:none !important;
 337 }
 338
 339 img.favicon {
 340         margin:0 4px -2px 0;
 341         width:16px;
 342         height:16px;
 343 }
 344
 345 p.favicons a,
 346 p.favicons a:hover {
 347         border:none;
 348         background-color:transparent;
 349 }
 350
 351 p.favicons img {
 352         border:none;
 353 }
 354
 355
 356 /*********************************************
 357 DEMO STYLES
 358 *********************************************/
 359 div#sp_input {
 360         background-color:#ffc;
 361         border:2px solid #f90;
 362         padding:5px;
 363         text-align:center;
 364 }
 365
 366 div#sp_input input.text {
 367         border:1px solid #999;
 368         background:#e9f5ff url(feed.png) no-repeat 4px 50%;
 369         width:75%;
 370         padding:2px 2px 2px 28px;
 371         font:18px/22px "Lucida Grande", Verdana, sans-serif;
 372         font-weight:bold;
 373         letter-spacing:-1px;
 374 }
 375
 376 form#sp_form {
 377         margin:15px 0;
 378 }
 379
 380 div.focus {
 381         margin:0;
 382         padding:10px 20px;
 383         background-color:#efe;
 384 }
 385
 386 p.sample_feeds {
 387         text-align:justify;
 388 }
 389
 390
 391 /*********************************************
 392 SIFR STYLES
 393 *********************************************/
 394 .sIFR-active h3.header {
 395         visibility:hidden;
 396         line-height:1em;
 397 }