Dark Crimson (Black/red theme)

[Dorothia]

dark crimson

>> RULES & REGULATIONS

Alright! First time I'm uploading a skin/theme so I'm a little excited! C: Don't shoot me please, it's my first time posting a skin.

Anyway here's what's included:
- Board Template
- Chatbox Area
- Affiliation table
- Chatbox rules area
- The fonts: lobster, fjalla one, petit formal script.
- Scrollbar

Here's what's not included:
- Sidetables plugin

If you DO end up putting the sidebards plugin I'll be glad to give you the contents. It comes with a Census, navigation etc....

Rules:
- Link to where you're using it please
- Don't use it as a skeleton
- You can change the colors

www.dropbox.com/s/hgytk110fnbdqdv/Crimson%20Nights.pbt

GLOBAL HEADERS:
<link href='http://fonts.googleapis.com/css?family=Lobster|Petit+Formal+Script|Fjalla+One' rel='stylesheet' type='text/css'>


<style>
 
.nav{
height: 20px;
-o-transition: 0.6s;
-webkit-transition: 0.6s;
transition: 0.6s;
overflow: hidden;
-o-transition: 0.6s;
-webkit-transition: 0.6s; -moz-transition: 0.6s;
}

.nav:hover, .nav a:hover {
-webkit-transition: 0.6s;
height: 150px;
-o-transition: 0.6s;
color: #dadada;
transition: 0.6s;
-moz-transition: 0.6s;
}

.boxheader {
font: 17px fjalla one;
color: #dadada;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 4px;
margin-bottom: 10px;
}

::-webkit-scrollbar-thumb:vertical {
background-color:#eeeeee;
}

::-webkit-scrollbar {
width:7px;
height:5px;
background-color:#181818;
}

.box {
background: url(http://i.imgur.com/4OwCcnq.png);
padding: 5px;
}

.titlebar {
font-family: Fjalla One;
font-size: 24px;
}

.minititlebar {
text-align: right;
font-family: Petit Formal Script;
font-size: 11px;
text-transform: lowercase
}

.content {
text-align: justify;
font-family: tahoma;
font-size: 11px;
background-color: #181818;
padding: 5px;
}

.welcomebox {
opacity: 0;
padding: 10px;
background-color: #181818;
width: 190px;
font-family: tahoma;
height: 210px;
text-align: justify;
color: #dadada;
font-size: 11px;
-webkit-transition: .5s linear;
transition: .5s linear;
}


.content2 {
width: 270px;
text-align: justify;
font-family: tahoma;
font-size: 11px;
padding: 5px;
background-color: #181818;
}

.censusname {
font-family: ms gothic;
font-size: 11px;
border-bottom: 1px solid #9d9d9d;
letter-spacing: -1px;
text-transform: uppercase;
padding-left: 2px;
}

.censusmale, .censusfemale {
text-align: center;
font-family: ms gothic;
font-size: 11px;
border-bottom: 1px solid #9d9d9d;
letter-spacing: -1px;
text-transform: uppercase;
padding-left: 2px;
}

.staffwords {
text-align: center;
border-bottom: 1px solid #9d9d9d;
font-family: ms gothic;
font-size: 11px;
text-transform: uppercase;
}

.pmstaff, .pmstaff:link, .pmstaff a:visited, .pmstaff a:active {
text-align: center;
font-family: ms gothic;
font-size: 11px;
text-transform: uppercase;
}

.updateicon {
border-radius: 15px;
}

.updatetext {
text-align: justify;
}

</style>

GLOBAL FOOTERS:
<div align="right"><table><tbody><tr><td style="padding-right: 10px;"><div class="box">
<div class="titlebar">GG THE CHATBOX</div>
<div class="minititlebar">chat amongst us</div>
<div class="content">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
The width should be 625px and the height should be 210px if you want this to look okay.
<!-- END CBOX -->
</div></div></td>

<td valign="top"><div class="box" style="width: 280px;"><div class="titlebar">CHAT RULES</div>
<div class="minititlebar">respect them or get banned</div>
<div class="content" style="line-height: 18px;"><b>01.</b> One liner rule<br>
<b>02.</b> One liner rule<br>
<b>03.</b> One liner rule<br>
<b>04.</b> One liner rule<br>
<b>05.</b> One liner rule<br></div></div><br>

<div class="box" style="width: 280px; height: 199px;"><div class="titlebar">AFFILIATES</div>
<div class="minititlebar">our dear friends</div>
<div class="content2"><a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <hr>
<img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a>  <img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a>
<marquee height="31px" behavior="scroll" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" direction="left"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/Ubmkr3B.png" border="0" alt="OPEN SPOT" /></a> </marquee></div></div></td></tr></tbody></table></div>

Here's a photo preview: i.imgur.com/6LPCebT.png

[iHarp]

Thanks for making this. It didn't come out right at first, but a friend of mine who can actually code managed to fix it, so I apologize if anything looks odd or out of place. Using it here, where you've been credited.

[Jageroux]

Awesome theme is awesome. I only had to make a few, barely noticeable, edits. Made sure to credit you here.