-
-
Save johnduhart/207058 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* { padding:0; margin:0; } | |
a:link { color:#CCCCCC; text-decoration: none; } | |
a:visited { color: #CCCCCC; text-decoration: none; } | |
a:hover { text-decoration: underline; color: #CCCCCC; } | |
a:active { text-decoration: underline; color: #CCCCCC; } | |
#wrapper { | |
width:797px; | |
margin:0 auto; | |
} | |
<?php $num = rand(1,3) ?> | |
body { | |
background-color:#1e1e1e; | |
background-image:url(images/bg<?php echo $num;?>.jpg); | |
background-repeat:no-repeat; | |
font-family:Georgia, "Times New Roman", Times, serif; | |
font-size:12px; | |
background-position: center top; | |
} | |
#top { | |
width:797px; | |
} | |
#lefta { | |
width: 400px; | |
float: none; | |
} | |
#rightcolumn { | |
width:397px; | |
float:right; | |
} | |
#logo { | |
background-repeat:no-repeat; | |
height:50px; | |
width:540px; | |
font-family:Verdana, Arial, Helvetica, sans-serif; | |
font-size:18px; | |
font-weight:bold; | |
color:#FFFFFF; | |
} | |
#logo span { | |
position: relative; | |
left:0px; | |
top: 60px; | |
color:#FFFFFF; | |
} | |
#logo a:hover { | |
text-decoration:none; | |
} | |
#rss { | |
background-image:url(images/rss.png); | |
background-repeat:no-repeat; | |
height:45px; | |
width:42px; | |
float:left; | |
margin-top:9px; | |
clear:both; | |
} | |
#rss a { | |
display:block; | |
height:45px; | |
} | |
#rss a:hover { | |
background-image:url(images/rssover.png); | |
background-repeat:no-repeat; | |
height:45px; | |
width:42px; | |
} | |
#rss a span { display:none; } | |
#nav { | |
background-repeat:no-repeat; | |
height:0px; | |
width:800px; | |
float:right; | |
margin-top:9px; | |
list-style:none; | |
} | |
#nav li { | |
float:none; | |
} | |
#nav li a { | |
display:block; | |
background-repeat:no-repeat; | |
width:0px; | |
height:0px; | |
line-height:0px; | |
text-align:center; | |
text-decoration:none; | |
color:#1e1e1e; | |
} | |
#nav li a:hover { | |
background:url(images/rollover.png) no-repeat 0 -45px; | |
color:#fb4e00; | |
text-decoration:none; | |
} | |
#subnav { | |
background-image:url(images/subnav.png); | |
background-repeat:no-repeat; | |
height:37px; | |
width:797px; | |
list-style:none; | |
clear:both; | |
} | |
#subnav li { | |
float:left; | |
margin-top:10px; | |
} | |
#subnav li a { | |
color:#FFF; | |
height:17px; | |
text-align:center; | |
text-decoration:none; | |
display:block; | |
} | |
#subnav li a:hover { | |
text-decoration:underline; | |
} | |
#banner { | |
background-image:url(images/banner.png); | |
background-repeat:no-repeat; | |
height:74px; | |
width:548px; | |
margin-top:8px; | |
float:left; | |
text-align:left; | |
font-family:Verdana, Arial, Helvetica, sans-serif; | |
font-size:18px; | |
color:#FFFFFF; | |
} | |
#banner span { | |
position:relative; | |
left: 40px; | |
top: 25px; | |
color:#FFFFFF; | |
} | |
#banner a { | |
display:block; | |
height:74px; | |
text-decoration:none; | |
} | |
#banner a:hover { | |
text-decoration: none; | |
} | |
#left { | |
width:548px; | |
float:left; | |
overflow: hidden; | |
} | |
.leftpost { | |
height:255px; | |
width:106px; | |
margin-top:10px; | |
float:left; | |
overflow:hidden; | |
} | |
.vid { | |
float:left; | |
width:800px; | |
margin-top:10px; | |
} | |
.rightpost { | |
float:left; | |
width:548px; | |
margin-top:10px; | |
} | |
.rightpost2 { | |
margin-top: 10px; | |
width: 548px; | |
} | |
.info { | |
background-image:url(images/cbg.png); | |
background-repeat:no-repeat; | |
height:255px; | |
width:106px; | |
} | |
.vidbottom { | |
background-image:url(images/vidbottom.png); | |
height: 10px; | |
max-height:none; | |
width:795px; | |
clear:both; | |
} | |
.vidtop { | |
background-image:url(images/vidtop.png); | |
height: 10px; | |
max-height:none; | |
width:795px; | |
clear:both; | |
} | |
.vidmiddle { | |
background-image:url(images/vidmiddle.png); | |
min-height: 10px; | |
max-height:none; | |
width:795px; | |
clear:both; | |
} | |
.cpostbottom { | |
background-image:url(images/cpostbottom.png); | |
height: 15px; | |
max-height:none; | |
width:548px; | |
clear:both; | |
} | |
.cposttop { | |
background-image:url(images/cposttop.png); | |
height: 15px; | |
max-height:none; | |
width:548px; | |
clear:both; | |
} | |
.cpost { | |
background-image:url(images/cbg2.png); | |
min-height: 10px; | |
max-height:none; | |
width:548px; | |
clear:both; | |
} | |
.rss2 { | |
background-image:url(images/rss2.png); | |
background-repeat:no-repeat; | |
height:35px; | |
width:548px; | |
margin-top:5px; | |
float:left; | |
} | |
.rss2 a { | |
display:block; | |
height:35px; | |
text-decoration:none; | |
} | |
.rss 2 a:hover { | |
text-decoration:none; | |
} | |
.rss2 span { | |
position: relative; | |
left: 15px; | |
top: 9px; | |
font-family:Geneva, Arial, Helvetica, sans-serif; | |
text-decoration:underline; | |
text-transform:uppercase; | |
color:#999999; | |
} | |
h2 { | |
font-family:Arial, "Times New Roman", Times, serif; | |
font-size:18px; | |
color:#FFF; | |
padding-top:19px; | |
padding-left:14px; | |
} | |
h3 { | |
font-family:Arial, "Arial", Times, serif; | |
font-size:16px; | |
colour: #fff; | |
} | |
h4 { | |
font-family:Arial, "Times New Roman", Times, serif; | |
font-size:12px; | |
color: #555555; | |
} | |
.post { | |
font-family:Arial, "Times New Roman", Times, serif; | |
font-size:11px; | |
padding-top:19px; | |
padding-left:14px; | |
padding-right:14px; | |
} | |
.callender { | |
height:64px; | |
width:78px; | |
padding-left:20px; | |
padding-top:20px; | |
} | |
.date { | |
width:64px; | |
height:30px; | |
text-align:center; | |
} | |
.month { | |
width:64px; | |
height:48px; | |
text-align:center; | |
} | |
.comments { | |
font-family:Georgia, "Times New Roman", Times, serif; | |
font-size:11px; | |
color:#FFF; | |
padding-left:14px; | |
} | |
.extra { | |
font-family:Georgia, "Times New Roman", Times, serif; | |
font-size:11px; | |
color:#FFF; | |
padding-left:14px; | |
margin-top:15px; | |
} | |
.button { | |
background-image:url(images/search.png); | |
background-repeat:no-repeat; | |
height:25px; | |
width:50px; | |
border:none; | |
text-align:center; | |
color:#FFF; | |
} | |
#rightvid { | |
width:237px; | |
float:right; | |
overflow: hidden; | |
} | |
#righta { | |
width:237px; | |
float:right; | |
overflow: hidden; | |
} | |
#atop { | |
background-image:url(images/header.png); | |
background-repeat:no-repeat; | |
height:52px; | |
width:237px; | |
line-height:48px; | |
padding-left:12px; | |
margin-top:8px; | |
color:#FFF; | |
font-weight:bold; | |
overflow: hidden; | |
} | |
.color { | |
color:#038EDA; | |
} | |
#acontent { | |
background-image:url(images/bg2.png); | |
background-repeat:repeat-y; | |
width:237px; | |
text-align:center; | |
padding:2px 0 20px 0; | |
} | |
#afoot a { | |
color: #000000; | |
} | |
#afoot { | |
background-image:url(images/footer.png); | |
background-repeat:no-repeat; | |
height:54px; | |
width:237px; | |
} | |
#leftc { | |
float:left; | |
width:100px; | |
margin-left:37px; | |
padding-top:20px; | |
} | |
#rightc { | |
float:right; | |
padding-right:22px; | |
padding-top:20px; | |
} | |
.btop { | |
background-image:url(images/header.png); | |
background-repeat:no-repeat; | |
height:52px; | |
width:237px; | |
line-height:48px; | |
padding-left:12px; | |
margin-top:8px; | |
color:#FFF; | |
font-weight:bold; | |
} | |
.btop2 { | |
background-image:url(images/header2.png); | |
background-repeat:no-repeat; | |
height:52px; | |
width:237px; | |
line-height:48px; | |
padding-left:12px; | |
margin-top:8px; | |
color:#FFF; | |
font-weight:bold; | |
} | |
.bcontent { | |
background-image:url(images/bg2.png); | |
background-repeat:repeat-y; | |
width:237px; | |
font-size:11px; | |
text-align:left; | |
line-height:15px; | |
padding:2px 0 0 25px; | |
} | |
.bcontent a { | |
color: #000000; | |
} | |
.bfoot { | |
background-image:url(images/footer2.png); | |
background-repeat:no-repeat; | |
height:12px; | |
width:237px; | |
} | |
.float-left { float: left; padding-right: 5px; } | |
.float-right { float: right; padding-left: 5px; } | |
img { | |
border: 0px; | |
} | |
blockquote { | |
margin: 15px; padding: 0 0 0 20px; | |
background-color:#FAFAFA; | |
background-position: 8px 10px; | |
border-left: 5px solid #666666; | |
font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; | |
color: #000000; | |
font-style:italic; | |
margin-right: 5px; | |
} | |
code { | |
margin: 5px 0; | |
padding: 10px; | |
text-align: left; | |
display: block; | |
overflow: auto; | |
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; | |
/* white-space: pre; */ | |
background: #FAFAFA; | |
border-left: 5px solid #666666; | |
margin-right:5px; | |
color: #000000; | |
} | |
th { | |
} | |
tr { | |
} | |
td { | |
} | |
td.first,th.first { | |
} | |
tr.row-a { | |
} | |
tr.row-b { | |
} | |
strong { | |
color: #FFFFFF; | |
} | |
#footer { | |
width: 802; | |
height: 37px; | |
background-image:url(images/footer.png); | |
background-repeat:no-repeat; | |
background-position:center; | |
clear:both; | |
text-align:center; | |
padding-top: 15px; | |
} | |
#footer span { | |
font-size:16px; | |
color:#666666; | |
} | |
ul.menu li { | |
display:block; | |
float:left; | |
margin:0; | |
padding:0; | |
} | |
ul.menu li a { | |
float:left; | |
color:#A79787; | |
text-decoration:none; | |
height:24px; | |
padding:9px 15px 0; | |
font-weight:normal; | |
} | |
ul.menu .current a { | |
color:#fff; | |
font-weight:700; | |
} | |
/*BLUE*/ | |
ul.menu.blue{ | |
background-color:#000000; | |
} | |
ul.menu.blue li a:hover, .menu.blue li.current { | |
background-color:#000000; | |
} | |
.ratethis{ background: url(stars831.gif) no-repeat 0 0; | |
width:100px; | |
height:20px; | |
margin:-17px 0px -20px -5px; | |
border:0px; | |
clear:both; | |
position:relative; | |
list-style:none; | |
} | |
.nopos {background-position:0 0} | |
.onepos {background-position:0 -20px} | |
.twopos {background-position:0 -40px} | |
.threepos {background-position:0 -60px} | |
.fourpos {background-position:0 -80px} | |
.fivepos {background-position:0 -100px} | |
ul.ratethis li { text-indent:-999em; | |
cursor: pointer; | |
float:left; | |
} | |
ul.ratethis li a { position:absolute; | |
left:0; | |
top:0; | |
width:20px; | |
height:20px; | |
text-decoration:none; | |
z-index: 200; | |
} | |
ul.ratethis li.one a {left:0} | |
ul.ratethis li.two a {left:20px; | |
} | |
ul.ratethis li.three a {left:40px; | |
} | |
ul.ratethis li.four a {left:60px; | |
} | |
ul.ratethis li.five a {left:80px; | |
} | |
ul.ratethis li a:hover { background: url(stars831.gif) no-repeat 0 0; | |
z-index:2; | |
width:100px; | |
height:20px; | |
overflow:hidden; | |
left:0; | |
} | |
ul.ratethis li.one a:hover {background-position:0 -120px; | |
} | |
ul.ratethis li.two a:hover {background-position:0 -140px; | |
} | |
ul.ratethis li.three a:hover {background-position:0 -160px} | |
ul.ratethis li.four a:hover {background-position:0 -180px} | |
ul.ratethis li.five a:hover {background-position:0 -200px} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment