
In honor of the upcoming convention I decided to whip out a theme. Feel free to make use of it, folks, to promote the event.
I based this theme on the
skyline theme.
One more thing, to put the navbar below the header photo, click on EDIT in the header (site name) frame and type in <br> several times AFTER the title (site name) until the navbar falls below the header graphic.Below is the CSS:
/*****************************************************************************************
Event theme --- NW5: The 5th Science Fiction and Fantasy Convention theme
By: Slvrdlphn
18 October 2007
******************************************************************************************/
body {
background: none;
color: #FFFFFF;
width: auto;
margin: 0;
background-color: #000000;
}
a, a:visited, a:link { color: #0b5eb4; }
.rail { width: 159px; }
.railstart { display: none; }
.railbody iframe { margin-left: 8px; }
.railbody {
padding-top: 20px;
width: 139px;
background: none;
background-color: #ecf2f9;
background-color: #eee;
font-size: 12px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: none;
border: none;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #abd;
}
.railend { display: none; }
div.owner_nav {
border: none;
margin: 0;
height: 330px;
background:url(
http://images.slvrdlphn.multiply.com/image/2/photos/67/orig/1/masthead.jpg?et=EL6vqtsw0VJJ7VAIPQ0K9w) top center no-repeat;
background-color:#000000;
}
div#subnavc { width: auto; }
div#subnav {
padding: 1px;
padding-left: 100px;
background: none;
background-color: #000;
border: none;
border-top: none;
border-bottom: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 16px;
font-weight: bold;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link { color: #0b5eb4; }
li.gnoptsel {
border-color: #abd;
border-color: #ccc;
}
h1#page_owner_title {
margin: 22px 0 75px 10px;
background-color: none;
background: url(
http://images.multiply.com/common/dot_clear.gif);
font-size:27px;
font-style:italic;
font-stretch:wider;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border: none;
}
div.header h3 { color: #ffffff; }
table#content_wrapper { clear: left; }
div#page_start { padding: 10px 10px 0 10px; }
td#maincontent { padding-right: 20px; }
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0;
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: none;
border-bottom: none;
background-color: #000;
color: #ffffff;
padding: 2px;
text-align: center;
font-size: 10px;
}
div.stats { border-bottom: none; }
.itemboxsub {
color: #0d0;
color: #9bf;
background-color: #d3ddee;
background-color: #ecf2f9;
font-weight: bold;
font-size: 18px;
border: 1px solid #444;
padding-left: 5px;
background: none;
}
.rolloverfordnd {
color: #0d0;
color: #9bf;
background-color: #d3ddee;
background-color: #ecf2f9;
font-weight: bold;
font-size: 18px;
border: 1px solid #444;
padding-left: 5px;
background: #000;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #ffffff;
color: #9bf;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
color: #666;
}
.itembox {
border: 1px solid #333;
border: 1px solid #d00;
border: 1px solid #0d0;
border: none;
/* border-top: none; */
padding: 10px;
padding-top: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #000;
}
.itemactionspacer { height: 30px; }
.itemboxalbum {
border: 1px solid #99f;
background: none;
background-color: #000;
padding: 10px;
text-align: center;
}
.rail .userlogo { border: 1px solid #999; }
.caldiv1 { background-color: #99f; }
div.caldiv1 td.calday {
font-size: 10px;
background-color: #222;
}
.caldate {
font-size: 13px;
font-weight: bold;
}
.cald {
float:right;
text-align: center;
background-color: #222;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #99f;
width: 20px
}
.calevent { margin: 0px 0px 8px 0px; }
div.caldiv1 td.calday:hover { background-color: #444; }
.caldiv1 th {
background-color: #444;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff; }
table.globalnav {
border: none;
background: none;
width: 95%;
}
div.header {
height: 30px;
overflow: visible;
}
img#multiply_logo_anon { margin: -10px }
.header .globalnav ul.gnopt a, .header .globalnav a.select { color: #FF9933; }
.navinput {
border: none;
color: #222;
}
.album { margin: 0 10px 10px 0; }
.album img { border: 1px solid #333; }
table.indextitle {display: none}
.infobox { background-color: #000; }
div.infobox .boxbody { border: 1px solid #333; }
.header .globalnav div.gndd a {
color: #444;
border: 1px solid #eee
}
div.gndd {
color: #000;
background-color: #eee;
border: 1px solid #666;
}
div.ddsep { background-color: #666; }
td.rail {
padding: 0;
border-left: none;
}
div.vopt span.voptlabel { color: #ffffff }
a:link.voptsel, a:visited.voptsel, a.voptsel {
background-color: #222;
color: #ffffff;
border: none;
}
.tablediv1 { background: none; }
.tablediv1 tr { background-color: #222; }
.tablediv1 tr:hover { background-color: #444; }
.bg0 { background-color: #444; }
tr.blank, tr.blank:hover { background-color: #444; }
.tablediv1 th {
background-color: #444;
color: #99f;
}
.header { background: none; }
.itembox legend { color: #eee; }
div.guidebox {
color: #9bf;
background: none;
background-color: #000;
border: 1px solid #99f;
}
div.add_sublabel { color: #444; }
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited { color: #444; }
div.add_sublabel a:hover { color: #444; }
tr#row_vote { color: #9bf; }
div#poll_answers, td#cell_ {
color: #fff;
font-weight: bold;
}
table#post_new_table {
margin-left: auto;
margin-right: auto;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link { color: #FF9933; }