Skip to content

Instantly share code, notes, and snippets.

Created October 10, 2009 19:04
Show Gist options
  • Save anonymous/207054 to your computer and use it in GitHub Desktop.
Save anonymous/207054 to your computer and use it in GitHub Desktop.
* { 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