htdocs/stc/sup/s/10y-early_morning.css

   1 /*_*/
   2
   3 /* Layout */
   4 BODY {
   5         padding-top:50px;
   6         font:62.5%/1.5 Tahoma, Arial, sans-serif;
   7         color:#4F3B1B;
   8         background:#62AA45 url(/sup/i/10y-early_morning/sprite.png?v=1) repeat-x;
   9         }
  10         BODY.column-left {
  11                 background-position:0 -416px;
  12                 }
  13         BODY.column-right {
  14                 background-position:100% -416px;
  15                 }
  16 .content-inner {
  17         background:none;
  18         }
  19         .column-right .content-inner {
  20                 margin-left:36px;
  21                 margin-right:400px;
  22                 }
  23         .column-left .content-inner {
  24                 margin-left:400px;
  25                 margin-right:36px;
  26                 }
  27 .content .hr {
  28         margin:0 0 29px;
  29         }
  30
  31 /* Links */
  32 A:link,
  33 A:visited {
  34         text-decoration:underline;
  35         color:#68AD45;
  36         }
  37 A:link:hover,
  38 A:visited:hover {
  39         color:#4F3B1B;
  40         }
  41 .content-inner A:link,
  42 .content-inner A:visited {
  43         border:none;
  44         text-decoration:underline;
  45         }
  46 .entry-content A:visited {
  47         color:#92D272;
  48         }
  49 .entry-title A:link,
  50 .entry-title A:visited {
  51         text-decoration:none;
  52         color:#4F3B1B;
  53         }
  54 .sidebar-tags A:link:hover,
  55 .sidebar-tags A:visited:hover,
  56 .entry-title A:link:hover,
  57 .entry-title A:visited:hover {
  58         text-decoration:underline !important;
  59         }
  60 .entry-linkbar A:link,
  61 .entry-linkbar A:visited,
  62 .ljuser A:link,
  63 .ljuser A:visited {
  64         border:0;
  65         }
  66 .ljad A:link,
  67 .ljad A:visited {
  68         color:#4F3B1B;
  69         }
  70 /* header */
  71 .header {
  72         float:none;
  73         display:block;
  74         width:auto;
  75         padding:300px 0 15px;
  76         margin:0 55px;
  77         overflow:hidden;
  78         }
  79 .column-left .header {
  80         padding-right:0;
  81         margin-right:0;
  82         }
  83 .header .u-wrap {
  84         position:static;
  85         float:none;
  86         padding:0;
  87         }
  88         .header .u-wrap .userpic {
  89                 position:absolute;
  90                 top:3px;
  91                 left:100%;
  92                 width:169px;
  93                 height:283px;
  94                 margin-left:-542px;
  95                 overflow:visible;
  96                 background:#62AA45 url(/sup/i/10y-early_morning/sprite.png?v=1) -1px -131px no-repeat;
  97                 z-index:auto;
  98                 }
  99                 .column-left .header .u-wrap .userpic {
 100                         left:307px;
 101                         margin-left:0;
 102                         }
 103                 .header .u-wrap .userpic-in {
 104                         position:static;
 105                         display:none;
 106                         }
 107                         .header .u-wrap .userpic IMG {
 108                                 position:absolute;
 109                                 bottom:10px;
 110                                 left:86px;
 111                                 }
 112                 .header .u-wrap H1 {
 113                         display:inline;
 114                         }
 115                         .header .u-wrap H1 A:link,
 116                         .header .u-wrap H1 A:visited {
 117                                 text-decoration:none;
 118                                 text-transform:uppercase;
 119                                 color:#FFF;
 120                                 }
 121                         .header .u-wrap H1 A:link:hover,
 122                         .header .u-wrap H1 A:visited:hover {
 123                                 text-decoration:underline;
 124                                 }
 125 .layout .header .nav {
 126         position:relative;
 127         top:0;
 128         left:0;
 129         display:inline;
 130         }
 131         .header .nav .item {
 132                 padding:0 0 0 15px;
 133                 }
 134                 .header .nav .item A:before {
 135                         content:"";
 136                         display:none;
 137                         }
 138                 .header .nav .item,
 139                 .header .nav .item A {
 140                         float:none;
 141                         display:inline;
 142                         margin:0;
 143                         }
 144                 .header .nav .item A {
 145                         padding:0;
 146                         font-size:1.3em;
 147                         color:#FFF;
 148                         }
 149                 #page .header .nav .item,
 150                 #page .header .nav .item A {
 151                         height:auto;
 152                         line-height:1.25;
 153                         }
 154                 .header .nav .item-rss A,
 155                 .header .nav .item-addfriend A {
 156                         padding-left:19px;
 157                         background:url(/sup/i/10y-early_morning/icons.gif?v=1) 0 -48px no-repeat;
 158                         zoom:1;
 159                         }
 160                 .header .nav .item-addfriend A {
 161                         background-position:0 2px;
 162                         }
 163                 .header .nav .item A:link,
 164                 .header .nav .item A:visited {
 165                         color:#FFF;
 166                         }
 167 .header H2 {
 168         position:absolute;
 169         top:1em;
 170         left:55px;
 171         font-size:2em;
 172         font-weight:normal;
 173         text-transform:uppercase;
 174         color:#FFF;
 175         }
 176 .header H3 {
 177         position:absolute;
 178         top:4em;
 179         left:55px;
 180         font-size:1.4em;
 181         font-weight:normal;
 182         text-transform:uppercase;
 183         color:#D2FFC8;
 184         }
 185
 186 /* Content */
 187 .content {
 188         padding-top:0;
 189         }
 190 .content .entry-wrap {
 191         padding:0;
 192         background:#FFF;
 193         }
 194 .content .entry {
 195         padding:0 0 16px;
 196         }
 197         .content .entry .entry-title {
 198                 padding:10px 20px;
 199                 margin-right:0;
 200                 font-size:1.8em;
 201                 background:#89C542 url(/sup/i/10y-early_morning/sprite.png?v=1) 100% 0 no-repeat;
 202                 }
 203         .content .entry .entry-linkbar {
 204                 position:relative;
 205                 margin-bottom:-13px;
 206                 }
 207         .content .entry .entry-text {
 208                 padding:10px 20px;
 209                 }
 210                 .content .entry .entry-text .author {
 211                         margin:10px 0 10px 20px;
 212                         }
 213                 .content .entry .entry-text .ljtags,
 214                 .content .entry .entry-text .metadata {
 215                         font-size:.76923em;
 216                         }
 217                 .content .entry .entry-text .metadata DT {
 218                         font-weight:normal;
 219                         }
 220                 .content .entry .entry-text BLOCKQUOTE {
 221                         padding:10px 30px;
 222                         border:0;
 223                         border-top:3px solid #ABE863;
 224                         margin:0 20% 1.5em 40px;
 225                         font-size:.846em;
 226                         background:#DEFFB8;
 227                         }
 228                 .content .entry .entry-text BLOCKQUOTE BLOCKQUOTE {
 229                         padding:7px 20px;
 230                         margin:0 10px 1em;
 231                         font-size:1em;
 232                         }
 233
 234 /* Entrymenu madness */
 235 #page .entrymenu,
 236 #page .entrymenu UL,
 237 #page .entrysubmenu {
 238         display:inline;
 239         }
 240 #page .entrymenu LI,
 241 #page .entrysubmenu LI {
 242         position:relative;
 243         top:6px;
 244         display:inline-block;
 245         //display:inline;
 246         zoom:1;
 247         }
 248 #page .entrymenu LI SPAN SPAN SPAN,
 249 #page .entrysubmenu LI SPAN SPAN SPAN {
 250         position:relative;
 251         z-index:100;
 252         }
 253 #page .entrymenu .postcomment {
 254         position:relative;
 255         top:5px;
 256         //top:-4px;
 257         float:none;
 258         display:inline;
 259         padding:0 .8em 0 0;
 260         }
 261 #page .entrymenu .postcomment .btn {
 262         display:inline;
 263         float:none;
 264         height:auto;
 265         padding:0;
 266         }
 267 #page .entrymenu .btn:hover,
 268 #page .entrysubmenu .btn:hover {
 269         word-spacing:0;
 270         }
 271 #page .entry .entrymenu .btn SPAN,
 272 #page .entry .entrysubmenu .btn SPAN {
 273         float:none;
 274         padding:0;
 275         margin:0;
 276         font-size:1em;
 277         line-height:1.1;
 278         text-decoration:none;
 279         }
 280 #page .give_button A:hover,
 281 #page .entry-wrap .entry .btn:link:hover SPAN SPAN SPAN,
 282 #page .entry-wrap .entry .btn:visited:hover SPAN SPAN SPAN {
 283         text-decoration:underline;
 284         }
 285 #page .entry .entrymenu .btn:before {
 286         content:"";
 287         display:none;
 288         }
 289 #page .entrymenu .comments {
 290         top:0;
 291         padding:0 0 7px 5px;
 292         margin:-6px 0 -10px;
 293         }
 294 #page .entrymenu .comments .btn {
 295         display:block;
 296         width:54px;
 297         height:43px;
 298         padding:0 0 0 10px;
 299         text-align:center;
 300         font-size:1.23em;
 301         line-height:40px;
 302         text-decoration:none;
 303         color:#FFF;
 304         background:#89C543 url(/sup/i/10y-early_morning/sprite.png?v=1) -173px -371px no-repeat;
 305         }
 306 #page .entry .entrymenu .comments .btn SPAN {
 307         line-height:40px;
 308         }
 309 #page .entrymenu,
 310 #page .entrysubmenu {
 311         position:relative;
 312         left:10px;
 313         padding-right:20px;
 314         z-index: 1;
 315         vertical-align:top;
 316         font-size:1.3em;
 317         line-height:1.1;
 318         }
 319 #page .entry .entrysubmenu .btn SPAN SPAN SPAN {
 320         padding-left:15px;
 321         line-height:1;
 322         background:url(/sup/i/10y-early_morning/sprite.png?v=1) -276px -247px no-repeat;
 323         }
 324 #page .give_button A {
 325         margin-top:-.3em;
 326         line-height:1.1;
 327         }
 328
 329 /* Sidebar */
 330 .sidebar-inner {
 331         padding-top:0;
 332         }
 333         .column-right .sidebar-inner {
 334                 margin-right:31px;
 335                 }
 336         .column-left .sidebar-inner {
 337                 margin-left:31px;
 338                 }
 339 .sidebar-block {
 340         padding:0 20px 10px;
 341         margin:0 0 45px;
 342         }
 343 #page .sidebar .sidebar-cal,
 344 #page .sidebar .sidebar-summary,
 345 #page .sidebar .sidebar-tags,
 346 #page .sidebar .sidebar-links,
 347 #page .sidebar .sidebar-custom {
 348         background:#FFF;
 349         }
 350         #page .sidebar .sidebar-cal CAPTION,
 351         #page .sidebar .sidebar-block DT {
 352                 height:auto;
 353                 padding:10px 20px;
 354                 margin:0 -20px 10px;
 355                 font-size:1.8em;
 356                 line-height:1.1;
 357                 background:#89C542 url(/sup/i/10y-early_morning/sprite.png?v=1) 100% 0 no-repeat;
 358                 }
 359         #page .sidebar .sidebar-links {
 360                 position:relative;
 361                 top:-20px;
 362                 padding-bottom:0;
 363                 margin-bottom:25px;
 364                 zoom:1;
 365                 }
 366         #page .sidebar .sidebar-links DT {
 367                 border-top:20px solid #62AA45;
 368                 }
 369         #page .sidebar .sidebar-links DD {
 370                 margin-bottom:10px;
 371                 }
 372         .sidebar-links DD,
 373         .sidebar-summary LI {
 374                 display:block;
 375                 padding-left:13px;
 376                 margin:0 0 5px;
 377                 list-style:none;
 378                 background:url(/sup/i/10y-early_morning/sprite.png?v=1) -276px -245px no-repeat;
 379                 zoom:1;
 380                 }
 381                 .sidebar-links DD A,
 382                 .sidebar-summary LI A {
 383                         padding:.1em 0;
 384                         }
 385         .sidebar-powered A:link,
 386         .sidebar-powered A:visited {
 387                 color:#4F3B1B;
 388                 }
 389
 390 /* Calendar */
 391 .calendar-wrap {
 392         height:16em;
 393         }
 394 #page .sidebar-cal .calendar-wrap {
 395         padding:0 8px 10px;
 396         //padding:0;
 397         margin:0;
 398         }
 399 #page .sidebar-cal {
 400         //padding:0 0 10px;
 401         }
 402 .sidebar-cal .calendar-wrap TABLE {
 403         border-spacing:1px;
 404         }
 405 #page .sidebar-cal .calendar-wrap TABLE {
 406         margin:0;
 407         }
 408         #page .sidebar .sidebar-cal CAPTION {
 409                 margin:0 -28px 20px;
 410                 }
 411                 #page .calendar-wrap CAPTION A:link,
 412                 #page .calendar-wrap CAPTION A:visited {
 413                         color:#4F3B1B;
 414                         text-decoration:none;
 415                         }
 416                 #page .calendar-wrap CAPTION A:link:hover,
 417                 #page .calendar-wrap CAPTION A:visited:hover {
 418                         text-decoration:underline;
 419                         }
 420         #page .layout .calendar-wrap THEAD {
 421                 display:none;
 422                 }
 423         #page .layout .calendar-wrap TBODY TD {
 424                 padding:10px 0;
 425                 border:0;
 426                 text-align:center;
 427                 font-size:1.1em;
 428                 line-height:1.1;
 429                 font-weight:normal;
 430                 }
 431         #page .entry .calendar-wrap TBODY TD {
 432                 padding:6px 0;
 433                 }
 434                 #page .calendar-wrap TABLE TBODY TD A:link,
 435                 #page .calendar-wrap TABLE TBODY TD A:visited {
 436                         padding:8px 0 10px;
 437                         border-top:3px solid #ABE863;
 438                         margin:-10px 0;
 439                         text-align:center;
 440                         text-decoration:none;
 441                         color:#62AA45;
 442                         background:#DEFFB8;
 443                         }
 444                 #page .entry .calendar-wrap TABLE TBODY TD A:link,
 445                 #page .entry .calendar-wrap TABLE TBODY TD A:visited {
 446                         padding:4px 0 6px;
 447                         }
 448                 #page .calendar-wrap TABLE TBODY TD A:link:hover,
 449                 #page .calendar-wrap TABLE TBODY TD A:visited:hover {
 450                         text-decoration:underline;
 451                         }
 452
 453 .sbar-cal-nav {
 454         margin: 0 -28px 20px;
 455         padding: 10px 20px;
 456         background: url(/sup/i/10y-early_morning/sprite.png?v=1) no-repeat 100% 0 #89C542;
 457         font-size: 1.8em;
 458         line-height: 1.1;
 459         }
 460         #page .calendar-wrap .sbar-cal-nav A:link,
 461         #page .calendar-wrap .sbar-cal-nav A:visited {
 462                 color:#4F3B1B;
 463                 text-decoration:none;
 464                 }
 465         #page .calendar-wrap .sbar-cal-nav A:link:hover,
 466         #page .calendar-wrap .sbar-cal-nav A:visited:hover {
 467                 text-decoration:underline;
 468                 }
 469         .sbar-cal-nav-prev .sbar-cal-nav-arr {
 470                 margin-top: -4px;
 471                 border-right-color: #4F3B1B;
 472                 }
 473         .sbar-cal-nav-next .sbar-cal-nav-arr {
 474                 margin-top: -4px;
 475                 border-left-color: #4F3B1B;
 476                 }
 477
 478 /* Page-nav */
 479 .content .page-nav {
 480         padding-top:0;
 481         text-align:center;
 482         font-size:1.5em;
 483         }
 484         .content .page-nav .prev,
 485         .content .page-nav .next {
 486                 float:none;
 487                 display:inline;
 488                 padding:0 10px;
 489                 }
 490                 .content .page-nav A:link,
 491                 .content .page-nav A:visited {
 492                         text-decoration:none;
 493                         color:#4F3B1B;
 494                         }
 495                 .content .page-nav A:link:hover,
 496                 .content .page-nav A:visited:hover {
 497                         text-decoration:underline;
 498                         }
 499
 500 /* Comments */
 501 .comment-wrap .odd {
 502         background-color:#89C542;
 503         }
 504 .comment-wrap .even {
 505         background-color:#89C542;
 506         }
 507 .comment-head H3 {
 508         margin-top:.2em;
 509         }
 510         .comment-wrap .comment-head A:link,
 511         .comment-wrap .comment-head A:visited {
 512                 color:#4F3B1B;
 513                 }