@import url("http://www.smackjeeves.com/templates/default/default_jumpbox.css");
body {
background-color:#000;
color:#d4d4d4;
font-family:Courier New, serif;
}
a img {
border:0;
}
a:link, a:visited {
font-weight:bold;
text-decoration:none;
color:#fff;
font-family:Courier New
}
a:hover {
text-decoration:none;
}
/* OVERALL LAYOUT */
#wrap {
width:980px;
}
/* Image Menu */
#menu {
float:left;
width:50px;
}
#menu img {
display:inline;
}
/* Determines how transparent the menu is when rolled over */
#menu a:hover {
opacity:0.5;
filter:alpha(opacity=50);
}
#content {
width:920px;
float:right;
text-align:center;
padding-top:30px;
padding-bottom:70px;
}
/* These two image classes create the gradient fade for the content */
.image {
position: fixed;
bottom: 0px;
left:0px;
}
.image2 {
position: fixed;
top: 0px;
left:0px;
}
/* The large title in the bottom right and it's hover class */
#title {
position:fixed;
right: 10px;
bottom: 0px;
font-size:35px;
}
#title a:hover {
opacity:0.5;
filter:alpha(opacity=50);
text-decoration:none;
}
/* The sitemap on the top right used in case of custom pages */
#menu2 {
position:fixed;
top:40px;
right:40px;
width:125px;
border:1px solid #535353;
border-width:1px 0 0 1px;
padding:10px;
font-size:80%;
}
#menu2 a:link, #menu2 a:visited {
color:#c5c5c5;
text-decoration:none;
}
#menu2 a:hover {
text-decoration:none;
}
#menu2 ul
{
margin: 0;
padding: 0;
}
#menu2 li
{
margin: 0;
padding: 0;
list-style-type: none;
}
/* The latest comic sidebar box */
#menu3 {
position:fixed;
top:140px;
right:40px;
width:125px;
border:1px solid #535353;
border-width:1px 0 0 1px;
padding:10px;
font-size:80%;
text-align:center;
}
#menu3 img {
background-color:#fff;
padding:5px;
}
/* NEWS PAGE */
/* Floats the description on the left + sets width and border */
#left {
float:left;
width:350px;
margin:10px;
padding:10px;
border:1px solid #535353;
border-width:1px 0 0 1px;
}
/* Floats latest comic on right + sets width and border */
#right {
float:right;
width:350px;
margin:10px;
padding:10px;
border:1px solid #535353;
border-width:0 1px 1px 0;
}
#right img {
background-color:#fff;
padding:5px;
margin:5px;
border:2px solid #d7d8d8;
border-width:0 2px 2px 0;
}
#newstitle {
font-size:50px;
text-align:left;
margin:10px 0 10px 40px;
}
/* News Posts */
.date-header
{
margin: 10px 29px 0;
float: right;
font-size:100%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:#EFEFEF;
}
.post
{
margin:15px;
padding:0;
text-align: left;
background-color:#535353;
border:8px solid #fff;
}
.post-title
{
margin:0;
font-size:145%;
line-height:1.5em;
display:block;
padding:8px 14px 2px 29px;
color:#fff;
}
.post-body
{
padding:0 14px 1px 15px;
}
p.post-footer
{
margin:0;
padding:2px 14px 2px 29px;
font-size:80%;
line-height:1.5em;
color:#fff;
text-align:right;
}
/* COMIC PAGE */
#comic-container
{
margin: 0 auto;
}
.comic-date-header
{
margin: 0 auto;
font-size:85%;
text-transform:uppercase;
letter-spacing:.2em;
color:#EFEFEF;
}
/* Ratings */
#comic-header
{
height: 30px;
margin:0 10px 0 10px;
}
#comic-header #rating
{
display: block;
float: left;
}
#comic-header #rating img
{
vertical-align: top;
margin-top: 5px;
}
#comic-header #rating b
{
font-size: 120%;
}
#comic-header #rate
{
display: inline;
float: right;
}
#comic-header #rate ul, #comic-header #rate li
{
margin: 0;
padding: 0;
display: inline;
}
#comic-header #rate li
{
list-style-type: none;
}
#comic-header #rate span
{
margin: 0;
padding: 0;
display: block;
float: left;
}
#comic-header #rate #text
{
margin: 4px 4px 0;
}
/* COMIC IMAGE */
#page {
margin:10px 0 10px 0;
border:1px solid #535353;
border-width:0 1px 1px 0;
padding-bottom:30px;
}
/* Comments */
#comments_container
{
text-align: left;
margin: 0;
padding: 0;
padding-left: 8px;
padding-right: 8px;
width: 100%;
}
#comments_container h1
{
font-weight: none;
}
#comments_container h1 span
{
padding-top:5px;
float: right;
}
#comments_container .sub-title
{
clear: left;
font-size: 130%;
margin: 10px;
padding-left:30px;
font-weight:none;
}
#comments_container .cpost-header, #comments_container p
{
clear: left;
font-size: 80%;
}
#comments_container .cpost-header
{
background-color:#535353;
padding: 2px 5px 5px 10px;
margin:0 0 0 10px;
}
#comments_container .cpost-header b {
font-size:140%;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-weight:none;
}
#comments_container p
{
padding: 5px;
margin: 0;
}
#comments_container p img
{
float: left;
margin: 0 5px 5px 0;
background:#fff;
padding:5px;
}
#comments_container p b
{
font-size: 1.15em;
display: block;
margin: 0;
padding: 0;
}
.post-me
{
clear: left;
margin: 0;
padding-top: 15px;
font-size: 1.4em;
text-align: center;
}
#author {
margin:0 0 5px 10px;
background-color:#535353;
border:8px solid #fff;
min-height:150px;
padding:5px;
}
#user {
margin:0 0 5px 10px;
background-color:#878787;
border:8px solid #fff;
min-height:150px;
padding:5px;
}
/* Navigation */
#comicnav .navleft {
float:left;
display:inline;
}
#comicnav .navleft img {
margin:5px;
}
#comicnav .form {
padding-top:30px;
}
#comicnav .navright {
float:right;
display:inline;
}
#comicnav .navright img {
margin:5px;
}
/* COMIC ARCHIVE */
.archivetitle {
font-size:40px;
margin:10px;
}
#archivetable {
margin:0 auto;
border:1px solid #868787;
background-color:#535353;
}
#archivetable th {
border:1px solid #868787;
}
#archivetable tr {
border:1px solid #868787;
}
#archivetable td {
border:1px solid #868787;
}
/* NEWS ARCHIVE */
ul.months
{
margin: 10px;
padding: 0;
font-size:80%
}
.months li
{
margin: 0;
padding: 0;
text-align: left;
list-style-type: none;
border: 1px solid #868787;
width:150px;
}
.months .month {
border: 1px solid #868787;
border-width: 1px 0 0 1px;
}
.months a:link, .months a:visited
{
display: block;
padding: 2px;
padding-left: 5px;
margin: 2px;
}
.months a:hover
{
}
.months li.post-item, .months li.post-item-selected
{
margin: 5px;
padding-left: 20px;
background: url("http://www.smackjeeves.com/templates/pyro_black/images/monthselected.png") no-repeat 8px 50%;
}
.months li.post-item-selected
{
background: #535353 url("http://www.smackjeeves.com/templates/pyro_black/images/monthselected.png") no-repeat 8px 50%;
border: 1px solid #fff;
}