chemicalzombie - ChillNation Description

<center>

<div class="directory">
<i>Cult Directory</i>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<a href="SUBFORUM URL GOES HERE" target="blank">SUBFORUM LINK</a>
<br />
 <center><small>Layout made by CosmicKarma for the use of Chillzone only! ©2015 Best veiwed in Premium Membership on Google Chrome. </small> </center>

</div>






<style>

.overlay {
width: 800px;
height: 834px;
background: url('http://i.imgur.com/Abb514T.png') 4px  4px no-repeat;
position: relative;
background-color: #3B2857;
border-radius: 0px;
border: 2px solid #0E8F8F;
}
.innerbox {
overflow: auto;
border: none;
background: #2A1D33;
position: absolute; border-radius: 2px;
}
#about {
top: 400px;
left: 4px;
width: 284px;
height: 140px;
}
#rules {
top: 400px;
left: 290px;
width: 180px;
height: 140px;
}
#featured1 {
top: 400px;
left: 472px;
width: 161px;
height: 140px;
}
#featured2 {
top: 684px;
left: 472px;
width: 161px;
height: 145px;
}
#vip {
top: 400px;
left: 635px;
width: 161px;
height: 428px;
}
#contest {
top: 542px;
left: 4px;
width: 466px;
height: 140px;
}
#featcult {
top: 542px;
left: 472px;
width: 161px;
height: 140px;
}
#staff {
top: 684px;
left: 4px;
width: 466px;
height: 146px;
}

</style>




<div class="overlay">
<div class="innerbox" id="about"> <h1>About</h1>
<small>This is small text.</small><br />
 <b>This is bold text.</b><br />
 <u>This is underlined text.</u><br />
 <i>This is italic text.</i><br />
 <s>This is striked text.</s><br />
 This is normal text.<br />
 <a href="">This is a link.</a><br />
 <h1>This is the h1</h1> <h2>header2</h2> <h3>This is the h3</h3>
<hr />
<blockquote>
Blockquote looks like this!
</blockquote>

</div>
<div class="innerbox" id="rules">
<h1>Rules</h1><br />



<small>Layout preview for ChillNation.
Requested by @chemicalzombie in Inspiration@cult!</small>

</div>

<div class="innerbox" id="featured1">
<h1>Ft. Mem.</h1>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="featuredmem" />
<a href="" class="linkage">Interveiw</a>
<a href="" class="linkage">Status</a>
<a href="" class="linkage">Profile</a>

</div>

<div class="innerbox" id="featured2">
<h1>Ft. Staff</h1>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="featuredmem" />
<a href="" class="linkage">Interveiw</a>
<a href="" class="linkage">Status</a>
<a href="" class="linkage">Profile</a>

</div>

<div class="innerbox" id="contest">
<h1>Contest Winners</h1>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="contest" title="Contest | User" />

<a href="CULT GALLERY LINK" class="linkage">Veiw All Contest Winners</a>

</div>

<div class="innerbox" id="featcult">
<h1>Featured Cult</h1>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="featuredcult" />

<a href="CULT THREAD LINK" class="linkage">Veiw Thread</a>



</div>

<div class="innerbox" id="staff">
<h1>Cult Staff</h1>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>


<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>
<a href="/user" target="_blank"><img src="http://i.imgur.com/9sT6Yhz.gif" class="staff" title="Position | User" /></a>



</div>

<div class="innerbox" id="vip">
<h1>Top Posters</h1>

<i>Post Level</i>
<a href="USERNAME URL HERE" class="linkage">USERNAME</a>
<a href="USERNAME URL HERE" class="linkage">USERNAME</a>
<a href="USERNAME URL HERE" class="linkage">USERNAME</a>


<i>Post Level</i>
<a href="USERNAME URL HERE" class="linkage">USERNAME</a>
<a href="USERNAME URL HERE" class="linkage">USERNAME</a>
<a href="USERNAME URL HERE" class="linkage">USERNAME</a>

<br /> <br />
~ OR ~
<br /> <br />


<i>Post Level</i> <br />
@Username <br />
@Username <br />
@Username <br />

<br /> <br />
~ OR ~
<br /> <br />


<b>Post Level</b> <br />
<i>Username </i> <br />
<i>Username </i> <br />
<i>Username </i> <br />

</div>
</div>
</div>






<style>



.hidden {
position: fixed;
padding: 5px;
right: 5px;
top: 0px;
background: #b19784;
width: 0px;
border-bottom: 5px
solid #7e6f64;
z-index: 1; }


.directory {
position: fixed;
padding: 5px;
left:  85px; border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
top: 20px;
background: #2A1D33;
width: 170px;
border-bottom: 5px
solid #0E8F8F;
border-left: 2px
solid #0E8F8F;
border-right: 2px
solid #0E8F8F;
z-index: 1;
}

.directory a:link, .directory a:visited, .directory a:active {
display: block;
background: #30C99C;
font-family: trebuchet ms;
text-transform: uppercase;
font-size: 8px;
text-align: center;
color: #2A1D33;
margin: 1px;
padding: 1px;
letter-spacing: 1px;
text-shadow: none; }

.directory a:hover {
color: #2A1D33; }
.top { width: 100%;
position: fixed;
background: #0E8F8F;
height: 25px;
overflow: hidden;
top: 0px;
left: 0px;
margin: 0px;
z-index: 1;
}

</style>