Michi - MML

Login Sign Up Browse Users Random Profiles Browse Cults Browse Events Messageboard Chatroom Band Profiles Radio Digital Music Store VF Clothing Store

Akumu - Happy Unbirthday Rabbit Tanktop

Akumu - Undertaker Shirt

Leopard Fur Bondage Split Skirt

LAYOUTS ARE FOR MY USE ONLY. IF I SEE THEM BEING USED I WILL REPORT YOU.
Practice Layout #1

Description:

<br /><style> 
.main { width: 730px; } 
</style>
<center><img src="http://i1095.photobucket.com/albums/i470/MichiSanchez/PMIReady/Header-1.png" width="730" />

<br />
<style>
.overlay {
width: 732px;
height: 800px;
background: url('http://i1095.photobucket.com/albums/i470/MichiSanchez/PMIReady/body.png') 0px 0px no-repeat;
position: relative;
}

.innerbox {
overflow: auto;
position: absolute;
}
#innerbox1 {
top: 234px;
left: 1px;
width: 569px;
height: 171px;
}
#innerbox2 {
top: 269px;
left: 577px;
width: 153px;
height: 527px;
}
#innerbox3 {
top: 450px;
left: 2px;
width: 273px;
height: 169px;
}
#innerbox4 {
top: 445px;
left: 279px;
width: 295px;
height: 169px;
}
#innerbox5 {
top: 661px;
left: 2px;
width: 572px;
height: 136px;
}

#innerbox6 {
top: 797px;
left: 1px;
width: 730px;
height: 130px;
}
</style>

</div>
<div class="innerbox" id="innerbox2">

</div>
<div class="innerbox" id="innerbox3">

<h1>ADMINS</h1>

</div>
<div class="innerbox" id="innerbox4">

<h3>Icons</h3>

</div>
<div class="innerbox" id="innerbox5">

</div>

<div class="innerbox" id="innerbox6">
<br />
Navigation;  <a href="http://vampirefreaks.com/profiles/home.php">Home Page</a> // <a href="http://vampirefreaks.com/cults/group_edit.php?c=Michi">Edit Cult</a> // <a href="http://vampirefreaks.com/group_edit_members.php?c=Michi">Edit Members</a> // <a href="http://vampirefreaks.com/group_invite.php?c=Michi">Invite</a> // <a href="http://vampirefreaks.com/cults/controlpanel.php?c=Michi">Control Panel</a> // <a href="http://vampirefreaks.com/members/Michi/Portfolio">Credit </a>
</div>
</div>
<br /><br /><br /><br /><br />

HTML Header:

<center><style>
html, body { 
background: #000; 
background-repeat: repeat; 
background-position: top center; 
background-attachment: fixed; 
text-shadow: none;
text-shadow: none; 
font-family: Century Gothic;
}

.nav:link, .nav:active, .nav:visited{ 
color: #000; 
font-family: Century Gothic; 
text-transform: normal; 
font-size: 8pt; 
font-size: smaller;
font-style: italic;
font-weight: bold; 
line-height: 15px;
letter-spacing: 5px; 
text-align: center; 
background: #256c42;
margin: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin: 0px;  
display:block; 
letter-spacing: 3px;
text-shadow: none; 
}

.main { 
width: 50%; 
background-color: #000;
center: center; 
border: none; 
padding-right: 4px; 
float: center; 
text-shadow: none;
}

body, table, input, select, textarea { 
text-shadow: none; 
font-family: Century Gothic; 
text-transform: normal;
font-size: smaller;
font-size: 8pt;
color: white; 
text-align: left; 
letter-spacing: 1px; 
font-weight: lighter; 
font-style: normal; 
text-shadow: none; 
} 
a:link, a:visited { 
font-family: Century Gothic; 
font-size: 8pt; 
color: #72dcb8; 
font-weight: lighter; 
font-style: none; 
text-transform: normal; 
text-shadow: none;
} 
a:hover { 
background: none; 
color: #6c78a8; 
-webkit-transition: color 0.5s ease-out; 
-moz-transition: color 0.5s ease-out;
}

textarea { 
width: 80%; 
height: 60px; 
background: #000;
color: #FFF;
font-size: 10px Century Gothic;
border: none; 
-webkit-transition: color 0.5s ease-out; 
-moz-transition: color 0.5s ease-out; 
} 
table,td,th { 
border: none; 
} 
table { 
width:100%; 
text-align: center;
} 
th { height:30px; text-align: left; }

i, italic { 
color: #6c78a8; 
font-size: 8pt;
font-family: Century Gothic; 
font-weight: lighter; 
letter-spacing: 0pt; 
text-shadow: none;
}

b, bold { 
color: #1c2e50; 
font-size: 9pt;
font-family: Century Gothic; 
font-weight: lighter; 
letter-spacing: 0pt; 
text-transform: normal; 
font-style: normal; 
text-shadow: none;
}

textarea { width: 80%; height: 60px; }

table,td,th { border: none; }

table { width:100%; text-align: center; }

th { height:30px; text-align: left; }

td, a img, .menu2 { border: none!important; }

.leftnav, .maintop, .cult_name, .status, .description_title, .created_on, .forumopen, .forumclose, .cult_info, .menu2, .num_members, .view_expanded_posts { display: none; }

.view_expanded_posts, .affiliates, .permissions,
{   display:none;  }

.darkcontentbox{background: transparent; opacity: .5; border: none} .threads_related, .affiliates, .subheading b, .maintop, .permissions, .num_cult_posts, .menu2, table.leftnav, h2, .leftnav, .created_on, .status, .forumopen, .forumclose, .description_title, .owner_title, .view_expanded_posts, .num_members, .comment_input b, .cult_menu {display: none}

.members_viewing { 
background: #000; 
overflow: hidden; 
display: block; 
float: center; 
width: 750px; 
padding: 5px; 
margin: 2px; 
text-align: left; 
border: none;
box-shadow: 1px 3px 7px #111;
}

.group_entry, .group_comment, .group_forum, .group_expanded, .comment_input, .userinfo, .new_topic, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics, form table { 
width: 700px; 
background: #000; 
border: none; 
text-align: left; 
border: none;
box-shadow: 1px 3px 7px #111;
}

.new_topic { width: 500px; }

.new_topic textarea { width:100%; height:200px; }

.skinny { width: 600px; margin-left: auto; margin-right: auto; }

.forumheader { 
width: 730px; 
background: #1c2e50; 
text-transform: normal; 
font-family: Century Gothic; 
font-weight: normal; 
letter-spacing: 3px;  
font-style: ;
font-size: 25px; 
letter-spacing: 3px;
color: #c4f4d7; 
display: block; 
line-height: 6px; 
text-shadow: none;
}

.comment_input { 
text-align: center; 
font-family: Century Gothic; 
font-style: none; 
}

h1 { 
color: #c4f4d7; 
font-family: Century Gothic; 
text-transform: normal; 
font-size: 24pt; 
font-weight: lighter; 
line-height: 10px;
letter-spacing: 1px; 
text-align: center; 
background: #256c42;
margin-bottom: 5px;
letter-spacing: -1px;
text-shadow: none; 
}

h3 { 
color: #c4f4d7; 
font-family: Century Gothic; 
text-transform: normal; 
font-size: 20pt; 
font-weight: lighter; 
line-height: 10px;
letter-spacing: 1px; 
text-align: left; 
background: #6c78a8;
margin-bottom: 5px;
letter-spacing: -1px;
text-shadow: 1px 1px 3px #111;
}

.group_forum b, .subheading, .subheading b { 
color: #000; 
font-family: small fonts; 
text-transform: normal; 
font-size: 8px; 
font-weight: lighter; 
letter-spacing: 1px; 
text-align: center; 
background: #000;
margin-bottom: 5px;
font-style: italic;
letter-spacing: 3px;
text-shadow: 1px 1px 3px #111;
}

.members_viewing b { 
font-size: 15px; 
letter-spacing: 3px; 
line-height: 20px; 
font-family: Century Gothic; 
color: #000; 
text-transform: normal;  
display: block; 
float: center;
text-align: left; 
font-style: italic;
float: center; 
background: #1c2e50;
text-shadow: 1px 1px 3px #111;
}

.affiliates b { 
font-size: 15px; 
letter-spacing: 3px; 
line-height: 20px; 
font-family: Century Gothic; 
color: #000; 
text-transform: normal;  
display: block; 
float: center;
text-align: right; 
font-style: italic;
float: center; 
background: #0000FF;
text-shadow: 1px 1px 3px #111;
}

.group_forum b { display: block; }

input, select, textarea {  
background: #000;
color: #c4f4d7;
font-size: 8pt;
font-family: Century Gothic;
color: #c4f4d7;  
font-weight: none; 
text-align: center; 
border: none;
text-transform: none; 
text-shadow: none;
-webkit-transition: color 0.5s ease-out; 
-moz-transition: color 0.5s ease-out; }

.group_comment, .group_forum { margin-top: 20px; text-align: left; }

.group_forum td img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{ background-image: url('http://i.imgur.com/6EDKc.gif'); top right no-repeat; height: 10px; width:0px; padding-right: 10px; } .group_forum td img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/CQ6ms.gif'); top right no-repeat; height: 10px; width:0px; padding-right: 10px; } .group_forum td img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/Ma0lw.gif'); top right no-repeat; height: 10px; width:0px; padding-right: 10px; }

</style>

Michi's GG Layout

About Me Box

#nav{
top: 85px;
left: 580px;
height: 85px;
background: transparent;
}

</style>

<div class="overlay">
<div class="gs" id="ab">
<h1>There's a grand chance i <b>wont</b> reply.</h1>
<div align="right"><img src="http://i1095.photobucket.com/albums/i470/MichiSanchez/PMIReady/MichiBanner.png" /></div>
<p><div align="left">Most people on here think I'm a bitch.</div>
<p><div align="right">I don't deny it, but I'm truly nice (:</div>
<p><div align="left">I'm here mainly to be nosy.</div>
<p><div align="right">But I might give you a chance.</div>
<p><div align="left">I'm a Cosmetologist and I love it.</div>
<p><div align="right">So I do have a life besides being nosy.</div>

</div>

</div>

<div class="gs" id="nav">
<a href="http://gonegothic.com" class="links"><div align="left"><font size="1"><b>GG Main</b></div></a>
<a href="http://gonegothic.com/comment.php?user=Michi" class="links"><div align="right">Comment</div></a>
<a href="http://gonegothic.com/gallery.php?user=Michi" class="links"><div align="left">Gallery</div></a>
<a href="http://MichiOlivia.tumblr.com/" class="links"><div align="right"><b>Shit</b></div></a>
</div>
</div>

body, div {
  font: 10px "trebuchet ms";
  color: #171717;
  text-decoration: none; }

a:link, a:visited {
  font: 10px "trebuchet ms";
  color: #b2b2b9;
  text-decoration: none; }

a:hover, a:active {
  color: #f5326e; 
  text-decoration: none;
  background: transparent; }

a.links:link,
a.links:visited,
a.links:active { padding: 2px;
display: block;
font-family: small fonts;
font-size: 5pt;
letter-spacing: 1pt;
text-transform: uppercase;
text-align: center;
color: #adadaf; 
background-color: #e5e5e7;
border-left: 5px solid #adadaf;
border-right: 5px solid #adadaf; 
margin: 1px; 
}

a.links:hover { padding: 2px;
font-family: small fonts;
font-size: 5pt;
color: #b2b2b9;
background-color: #e9edf1;
border-left: 5px solid #393939;
border-right: 5px solid #393939;
letter-spacing: 1pt; 
}

b, s {
  font-face: trebuchet ms;
  color: #c57052; }

i {
  font-face: trebuchet ms;
  color: #653b66; }

u {
  font-face: trebuchet ms;
  color: #505050;
  border-bottom: 1px solid #2b2b2b; }

a img{border:none;}
a img:hover{-webkit-box-shadow:0 3px 7px #848484; -moz-box-shadow:0 3px 7px #848484;}

h1 { 
font-size: 12pt;
line-height: 10pt;
font-family: arial;
font-weight: normal;
text-transform: uppercase;
text-align: right; 
margin-bottom: 3px; 
margin-top: 0px; 
line-height: 14px; 
padding-left: 2px; 
color: #6d5674; 
background-color: #e9edf1;
border-left: 5px solid #adadaf;
border-right: 5px solid #adadaf; 
}

#menu0, .maintop, .leftnav, .topbar, h2, .defaultpic, .thumbnail, .gallery, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .videos, .profilepages, .footer_links, .main br {
  display: none; }

Michi's Vf Extra Layout

About Me Box

<br /><p><p><center><style>
.main { width: 515px; }
</style> 
 <style>#logo { display: none; }</style> <style>#menu0 { display: none; }</style> <style>#page_header { display: none; }</style> <style>#site_stats { display: none; }</style> <style>#menu4 { display: none; }</style> <style>#sub_header_bar { display: none; }</style><style>
</style><style>
.about_table {
	background-color: #00ffff;
}
</style><style>
.report_link {display:none;} </style>
<center><style>

</style>
<p>
<div class="overlay">
<div class="gs" id="ab">
<p><p><h1> <font face="Century Gothic">---Shinx // Graphics   </h1><p><p>
<img src="http://i1095.photobucket.com/albums/i470/MichiSanchez/Al.jpg" align="right" /></a>
<div align="left"><font face="Century Gothic"><p><span style="background:#e5e5e7">I'm just a person that will ALMOST talk to anyone. I try to reply to everyone, but i can be picky. i love to make things so in other words, I'm here for Graphics. (:
<p><font face="Century Gothic"><p><span style="background:#e5e5e7">[<b>+</b>]
<p><font face="Century Gothic"><p><span style="background:#e5e5e7">+ <i>POKEMON</i> + Guys + Girls + Talking + Texting + Taking pictures + Love + My dog + Colors + Sleeping + Eating + Graphics
<p>
<p><font face="Century Gothic"><p><span style="background:#e5e5e7">[<b>-</b>]
<p><font face="Century Gothic"><p><span style="background:#e5e5e7">- Girls (sometimes) - Not having a phone - Being alone - Not Talking - i don't know just lots of things
</div>
<br /><br />
<br />
</div>

<div class="gs" id="nav">
<a href="http://vampirefreaks.com" class="links"><div align="left">VF Main</div></a>
<a href="http://vampirefreaks.com/profile_action.php?user=Shinx&uid=4761986" class="links"><div align="left">Add Me</div></a>
<a href="http://vampirefreaks.com/user_comment.php?user=Shinx&uid=4761986&rate=1" class="links"><div align="left">Comment</div></a>
<a href="http://vampirefreaks.com/gallery/Shinx" class="links"><div align="left">Gallery</div></a>
<a href="http://vampirefreaks.com/cult/Fags" class="links"><div align="left">Fags</div></a>
<a href="http://vampirefreaks.com/cult/GpxPokemon" class="links"><div align="left">GpxPokemon</div></a>

body, div {
  font: 10px "trebuchet ms";
  color: #171717;
  text-decoration: none; }

a:link, a:visited {
  font: 10px "trebuchet ms";
  color: #b2b2b9;
  text-decoration: none; }

a:hover, a:active {
  color: #f5326e; 
  text-decoration: none;
  background: transparent; }

b, s {
  font-face: trebuchet ms;
  color: #c57052; }

i {
  font-face: trebuchet ms;
  color: #653b66; }

u {
  font-face: trebuchet ms;
  color: #505050;
  border-bottom: 1px solid #2b2b2b; }

a img{border:none;}
a img:hover{-webkit-box-shadow:0 3px 7px #848484; -moz-box-shadow:0 3px 7px #848484;}

h1 { 
font-size: 12pt;
line-height: 10pt;
font-family: arial;
font-weight: normal;
text-transform: uppercase;
text-align: right; 
margin-bottom: 3px; 
margin-top: 0px; 
line-height: 14px; 
padding-left: 2px; 
color: #6d5674; 
background-color: #e5e5e7;
border-left: 5px solid #e5e5e7;
border-right: 5px solid #c57052; 
}

Faggots Layout

Description:

.innerbox {
overflow: auto;
position: absolute;
}
#innerbox1 {
top: 180px;
left: 39px;
width: 377px;
height: 82px;
}
#innerbox2 {
top: 308px;
left: 39px;
width: 256px;
height: 128px;
}
#innerbox3 {
top: 320px;
left: 367px;
width: 320px;
height: 125px;
}
#innerbox4 {
top: 502px;
left: 46px;
width: 644px;
height: 86px;
}
#innerbox5 {
top: 649px;
left: 50px;
width: 338px;
height: 118px;
}
#innerbox6 {
top: 650px;
left: 462px;
width: 244px;
height: 117px;
}
</style>

<div class="overlay">
<div class="innerbox" id="innerbox1"><br /><font color="67621e">..................</font>
<a href="http://vampirefreaks.com/profiles/home.php" title="Home"><font size="6" color="#333">01</font></a> <font color="67621e">.</font>
<a href="http://vampirefreaks.com/group_invite.php?c=Faggots" title="Invite Memebers"><font size="5" color="#333">02</font></a> <font color="67621e">.</font>
<a href="http://vampirefreaks.com/cults/group_edit.php?c=Faggots" title="Edit Cult"><font size="6" color="#333">03</font></a> <font color="67621e">.</font>
<a href="http://vampirefreaks.com/group_edit_members.php?c=Faggots" title="Edit Members"><font size="5" color="#333">04</font></a> <font color="67621e">.</font>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=Faggots" title="Control Panel"><font size="6" color="#333">05</font></a> <font color="67621e">.</font>
<a href="http://vampirefreaks.com/members/Michi/Portfolio" title="Credit"><font size="5" color="#333">06</font></a></div>
<div class="innerbox" id="innerbox2"><div align="justify"><br />
<font size="1" color="111">Original Cult; <a href="/cult/Fags">Fags</a>
<br />Faggots was created for <i>ALL</i> AGES.
Now the <i>kiddows</i> that cant get into Fags can still be a fag!
We still are <b>offensive, perverted, sensitive, caring and more</b>. We give advice ask for advice and are an all around <i>family</i>. So join us!</font></font></div></div>
<div class="innerbox" id="innerbox3">WINNER</div>
<div class="innerbox" id="innerbox4"><div align="justify">
<a href="/Michi" title="Owner"><img src="http://icons1.vampirefreaks.com/M/Mi/Mic/Michi/4612813.jpg" width="40" /></a>
</div></div>
<div class="innerbox" id="innerbox5">FEATURED</div>
<div class="innerbox" id="innerbox6"><div align="justify">
<i>001.</i> All Ages Are Allowed.
<br /><i>002.</i> No Straight People.
<br /><i>003.</i> Curiosity is 100% Allowed.
<br /><i>004.</i> No Disrespect to ANYONE.
<br /><i>005.</i> 
<br /><i>006.</i> 
<br /><i>007.</i> </div></div>
</div>

HTML Header:

.main { 
background: transparent;
border: none; 
width: 760px; 
text-align: center;   
color: #000000; 
font: 12px verdana;  
text-shadow: none; 
}

.group_forum { 
width: 730px;
text-shadow: none;
box-shadow: -2px 3px 5px #000000;
border: 1px solid #000000; 
background-color: #67621E;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.group_forum td { 
border: none; 
text-shadow: none;
}

.group_forum b {
text-align: center;
padding: 2px;
border: 1px solid #000000;
background: #4B3235;
display: block;
font: 12px verdana;
color: #ffffff;
text-shadow: -1px 1px 1px #000000;
}

.group_comment { 
width: 679px;
border: 1px solid #000000; 
background-color: #333333;
font-size: 12px;
float: center;
}

.comment_input, .comment_input td{
background-color: #333333;
font: 12px VERDANA;
color: #ffffff;
width: 660px;
border: 1px solid #000000;
text-align: center;
}
 
.comment_input textarea {
background-color: #333333;
font: 12px VERDANA;
color: #ffffff;
width: 660px;
border: 1px solid #000000;
float: center;
text-shadow: -1px 1px 1px #000000;

}
 
.comment_input input{
background-color: #333333;
font: 12px VERDANA;
color: #ffffff;
width: 660px;
border: 1px solid #000000;
text-shadow: -1px 1px 1px #000000;
}

.group_entry {
width: 679px;
border: 1px solid #000000; 
background-color: #333333;
font-size: 12px;
margin: 0px auto;
}

.new_topic { 
width: 679px;
border: 1px solid #000000; 
background-color: #333333;
font-size: 12px;
float: center; }

.new_topic td { 
border: 1px solid #000000; }
 
.subheading { 
background: #333333; 
border: 1px solid #000000;
}

.cult_info {
border: 1px solid #000000;
Width: 679px;
Background-color: #67621E;
}
</style>

a.nav:hover {
 background: #333333;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 0px;
 border-right: 0px;
 font: 10pt VERDANA;
 color: #ffffff;
 letter-spacing: 2px;
 margin-top: 3px;
 margin-bottom: 3px;
 text-shadow: -1px 1px 1px #000000;
 text-transform: none;
}

A:LINK, A:VISITED {    
 font: 8pt VERDANA;
 text-transform: uppercase;    
 color: #ffffff;
 text-decoration: none;    
 background-color: transparent;    
 font-weight: normal;      
 text-shadow: -1px 1px 1px #000000;
}

A:hover {
border: none;    
font: 8pt VERDANA;    
color: #ffffff;
font-weight: normal;  
background-color: transparent;    
text-transform: uppercase;
text-shadow: none;
}

B {
color: #67621E;
text-decoration: bold; 
font: 9pt VERDANA;
text-shadow: -1px 1px 1px #000000;
text-transform: uppercase;
}

i {
color: #ffffff;
text-decoration: italic; 
font: 10pt VERDANA;
font-style: italic;
text-shadow: -1px 1px 1px #000000;
text-transform: none;
}

u {
color: #000000;
text-decoration: underline;
border-bottom: 1px dashed #67621E;
font: 10pt VERDANA;
text-shadow: -1px 1px 1px #ffffff;
text-transform: none;
}

s {
color: #000000;
text-decoration: strike;
font: 8pt VERDANA;
text-shadow: -1px 1px 1px #ffffff;
text-transform: uppercase;
}

hr {
width: 99%;
background: #333333;
height: 2px;
border: 1px solid #000000;
box-shadow: -1px 1px 1px #000000;
}

h1 {
padding: 1px;
background-color: #333333;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #ffffff;
font: 14px verdana;
letter-spacing: 2px;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
text-shadow: -1px 1px 1px #000000;
}
 
a:link img, a:visited img { filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; } 
a:hover img { filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
</style>

Normal Layout

Description:

.innerbox {
overflow: auto;
position: absolute;
}
#innerbox1 {
top: 240px;
left: 34px;
width: 663px;
height: 101px;
}
#innerbox2 {
top: 392px;
left: 34px;
width: 674px;
height: 54px;
}
#innerbox3 {
top: 501px;
left: 34px;
width: 671px;
height: 115px;
}
#innerbox4 {
top: 675px;
left: 34px;
width: 676px;
height: 100px;
}
</style>

<font color="#555">WE WONT NORMAL STRAIGHT PEOPLE IN THIS CULT SO JOIN PLZ.</font>

</div></div>

</div></div>

</div></div>

</div></div>
</div>
<br />Navigation; <a href="http://vampirefreaks.com/profiles/home.php" title="Home">Home</a> // <a href="http://vampirefreaks.com/group_invite.php?c=Normal" title="Invite Memebers">Invite</a> // <a href="http://vampirefreaks.com/cults/group_edit.php?c=Normal" title="Edit Cult">Edit Cult</a> // <a href="http://vampirefreaks.com/group_edit_members.php?c=Normal" title="Edit Members">Edit Members</a> // <a href="http://vampirefreaks.com/cults/controlpanel.php?c=Normal" title="Control Panel">Control Panel</a> // <a href="http://vampirefreaks.com/group_notifications.php?c=Normal" title="Notify">Notifications</a> // <a href="http://vampirefreaks.com/members/Michi/Portfolio" title="Credit">Credit</a>

HTML Header:

.nav:link, .nav:active, .nav:visited{ 
color: #000; 
font-family: Century Gothic; 
text-transform: normal; 
font-size: 8pt; 
font-size: smaller;
font-style: italic;
font-weight: bold; 
line-height: 15px;
letter-spacing: 5px; 
text-align: center; 
background: #555;
margin: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin: 0px;  
display:block; 
letter-spacing: 3px;
text-shadow: none; 
}

.main { 
width: 50%; 
background-color: #000;
center: center; 
border: none; 
padding-right: 4px; 
float: center; 
text-shadow: none;
}

body, table, input, select, textarea { 
text-shadow: none; 
font-family: Century Gothic; 
text-transform: normal;
font-size: smaller;
font-size: 8pt;
color: white; 
text-align: left; 
letter-spacing: 1px; 
font-weight: lighter; 
font-style: normal; 
text-shadow: none; 
} 
a:link, a:visited { 
font-family: Century Gothic; 
font-size: 8pt; 
color: #999; 
font-weight: lighter; 
font-style: none; 
text-transform: normal; 
text-shadow: none;
} 
a:hover { 
background: none; 
color: #444; 
-webkit-transition: color 0.5s ease-out; 
-moz-transition: color 0.5s ease-out;
}

i, italic { 
color: #FFF; 
font-size: 8pt;
font-family: Century Gothic; 
font-weight: lighter; 
letter-spacing: 0pt; 
text-shadow: none;
}

b, bold { 
color: #777; 
font-size: 10pt;
font-family: Century Gothic; 
font-weight: lighter; 
letter-spacing: 0pt; 
text-transform: normal; 
font-style: normal; 
text-shadow: none;
}

textarea { width: 80%; height: 60px; }

table,td,th { border: none; }

table { width:100%; text-align: center; }

th { height:30px; text-align: left; }

td, a img, .menu2 { border: none!important; }

.leftnav, .maintop, .cult_name, .status, .description_title, .created_on, .forumopen, .forumclose, .cult_info, .menu2, .num_members, .view_expanded_posts { display: none; }

.view_expanded_posts, .affiliates, .permissions,
{   display:none;  }

.members_viewing { 
background: #000; 
overflow: hidden; 
display: block; 
float: center; 
width: 750px; 
padding: 5px; 
margin: 2px; 
text-align: left; 
border: none;
box-shadow: 1px 3px 7px #111;
}

.new_topic { width: 500px; }

.new_topic textarea { width:100%; height:200px; }

.skinny { width: 600px; margin-left: auto; margin-right: auto; }

.forumheader { 
width: 730px; 
background: #999; 
text-transform: normal; 
font-family: Century Gothic; 
font-weight: normal; 
letter-spacing: 3px;  
font-style: ;
font-size: 25px; 
letter-spacing: 3px;
color: #FFF; 
display: block; 
line-height: 6px; 
text-shadow: none;
}

.comment_input { 
text-align: center; 
font-family: Century Gothic; 
font-style: none; 
}

h1 { 
color: #FFF; 
font-family: Century Gothic; 
text-transform: normal; 
font-size: 24pt; 
font-weight: lighter; 
line-height: 10px;
letter-spacing: 1px; 
text-align: center; 
background: #222;
margin-bottom: 5px;
letter-spacing: -1px;
text-shadow: none; 
}

h3 { 
color: #FFF; 
font-family: Century Gothic; 
text-transform: normal; 
font-size: 20pt; 
font-weight: lighter; 
line-height: 10px;
letter-spacing: 1px; 
text-align: left; 
background: #444;
margin-bottom: 5px;
letter-spacing: -1px;
text-shadow: 1px 1px 3px #111;
}

.group_forum b { display: block; }

input, select, textarea {  
background: #000;
color: #FFF;
font-size: 8pt;
font-family: Century Gothic;
color: #FFF;  
font-weight: none; 
text-align: center; 
border: none;
text-transform: none; 
text-shadow: none;
-webkit-transition: color 0.5s ease-out; 
-moz-transition: color 0.5s ease-out; }

.group_comment, .group_forum { margin-top: 20px; text-align: left; }

</style> <style> .entry_points , .comment_points {   display:none;  } </style>

Rant Layout

Description:

<br /><br />
<style>
.overlay {
width: 675px;
height: 673px;
background: url('http://i45.tinypic.com/5wl60.png') 0px 0px no-repeat;
position: relative;
}

.innerbox {
overflow: auto;
position: absolute;
}
#innerbox1 {
top: 176px;
left: 9px;
width: 246px;
height: 165px;
}
#innerbox2 {
top: 176px;
left: 267px;
width: 307px;
height: 195px;
}
#innerbox3 {
top: 176px;
left: 586px;
width: 82px;
height: 490px;
}
#innerbox4 {
top: 352px;
left: 7px;
width: 246px;
height: 174px;
}
#innerbox5 {
top: 386px;
left: 266px;
width: 307px;
height: 139px;
}
#innerbox6 {
top: 537px;
left: 8px;
width: 564px;
height: 125px;
}
</style>

<div class="overlay">
<div class="innerbox" id="innerbox1"><h1>RULES</h1><div align="left">
<br /> 01. Do <i>NOT</i> Troll.
<br /> 02. Respect Staff And other Members.
<br /> 03. ALL <b>VF</b> Rules Apply.
<br /> 04. BE AS NICE AS POSSIBLE.
<br /> 05. More Rules may Come.
</div>
</div>

<div class="innerbox" id="innerbox2"><h1>WELCOME</h1>
<br />Ever need to just get EVERYTHING OFF your chest???? Well here at Rant you can just RANT it all out! We dont judge you, we just want to help you FEEL BETTER! We Welcome everyone and anyone! Here you can Post your own Rant thread, or even submit one to be posted Anon! we have everything other cults have and maybe even more! So join us, take that step to feeling better!

</div>

<div class="innerbox" id="innerbox3"><h1>STAFF</h1><center>
width="76" height="75"
width="76" height="74"

</div>

<div class="innerbox" id="innerbox4"><h1>FEATURED MEMBER</h1>
</div>

<div class="innerbox" id="innerbox5"><h1>FEATURED</h1>
</div>

<div class="innerbox" id="innerbox6"><h1>WINNERS</h1>
 width="65" height="60" 
<h1><font size="1">PAST WINNERS</font></h1></div>
</div>

.top a:link, .top a:visited, .top a:active { 
display: inline-block;   
font-family: trebuchet ms;
text-decoration: none;
font-size: 10px;
width: 85px;
line-height: 20px;
margin: 2px;  
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #333; 
background-color: #999;
text-align: center;
text-shadow: 0px -1px 0px #1a1a1a;
transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

.top a:hover {  
background: #cdb6ff;
transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out; 
} 
</style>

<div class="top">  
<a href="http://vampirefreaks.com/">Home</a>
<a href="http://vampirefreaks.com/cult/Rant">Rant</a>
<a href="http://vampirefreaks.com/group_invite.php?c=Rant">Invite</a>
<a href="http://vampirefreaks.com/cults/group_edit.php?c=Rant">Edit Cult</a>
<a href="http://vampirefreaks.com/group_edit_members.php?c=Rant">Edit Mems</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=Rant">C. Panel</a>
<a href="http://vampirefreaks.com/cults/statistics.php?c=Rant">Cult Stats</a>

<a href="http://vampirefreaks.com/michi">Credit</a><a href="http://staticglitch.wallsofreason.com" target="_blank">Navi Credit</a>  
</div>

HTML Header:

<center><style>
.affiliates {display: none}
</style><style> 
.menu2, .maintop table, .maintop, .maintop img, .heading, .leftnav, .entry_points, .comment_points, .status, .cult_menu, .created_on, .description_title, .owner_title, .num_members, .cult_info, .permissions, .num_cult_posts, .view_expanded_posts, .view_all_cult_posts, .threads_related, .maintop, .leftnav, .status, .created_on, .description_title, .permissions, h2 { display: none; } 
</style>

.main { 
background: transparent;
border: none; 
width: 650px; 
text-align: center;   
color: #000000; 
font: 12px verdana;  
text-shadow: none; 
}

.group_forum { 
width: 675px;
text-shadow: none;
box-shadow: -2px 3px 5px #000000;
border: 1px solid #000000; 
background-color: #999999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.group_forum td { 
border: none; 
text-shadow: none;
}

.group_forum b {
text-align: center;
padding: 2px;
border: 1px solid #000000;
background: #ba9aff;
display: block;
font: 12px verdana;
color: #ffffff;
text-shadow: -1px 1px 1px #000000;
}

.group_comment { 
width: 679px;
border: 1px solid #000000; 
background-color: #333333;
font-size: 12px;
float: center;
}

}
 
.comment_input input{
background-color: #333333;
font: 12px VERDANA;
color: #ffffff;
width: 660px;
border: 1px solid #000000;
text-shadow: -1px 1px 1px #000000;
}

.group_entry {
width: 679px;
border: 1px solid #000000; 
background-color: #333333;
font-size: 12px;
margin: 0px auto;
}

.new_topic { 
width: 679px;
border: 1px solid #000000; 
background-color: #333333;
font-size: 12px;
float: center; }

.new_topic td { 
border: 1px solid #000000; }
 
.subheading { 
background: #333333; 
border: 1px solid #000000;
}

.cult_info {
border: 1px solid #000000;
Width: 679px;
Background-color: #67621E;
}
</style>

A:hover {
border: none;    
font: 8pt VERDANA;    
color: #ffffff;
font-weight: normal;  
background-color: transparent;    
text-transform: uppercase;
text-shadow: none;
}

B {
color: #d6c3ff;
text-decoration: bold; 
font: 9pt VERDANA;
text-shadow: -1px 1px 1px #000000;
text-transform: uppercase;
}

i {
color: #ffffff;
text-decoration: italic; 
font: 10pt VERDANA;
font-style: italic;
text-shadow: -1px 1px 1px #000000;
text-transform: none;
}

u {
color: #000000;
text-decoration: underline;
border-bottom: 1px dashed #d6c3ff;
font: 10pt VERDANA;
text-shadow: -1px 1px 1px #ffffff;
text-transform: none;
}

s {
color: #000000;
text-decoration: strike;
font: 8pt VERDANA;
text-shadow: -1px 1px 1px #ffffff;
text-transform: uppercase;
}

hr {
width: 99%;
background: #333333;
height: 2px;
border: 1px solid #000000;
box-shadow: -1px 1px 1px #000000;
}

h1 {
padding: 1px;
background-color: #333333;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #ffffff;
font: 14px verdana;
letter-spacing: 2px;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
text-shadow: -1px 1px 1px #000000;
}
 
a:link img, a:visited img { filter: alpha(opacity=75); -moz-opacity:.50; opacity:.75; } 
a:hover img { filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
</style>