Sable layout

<style>

{ D I V  C O D I N G -- C R Y P T I C }

body {
background-color:#0c0705;
background-image:url("http://i.imgur.com/7NwdCMa.gif");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom right;
overflow-y:hidden;
overflow-x:hidden;
}


.siteinfo{
left: 0%;
top: 0%;
position: absolute;
width:225px;
height:225px;
top:50PX;
padding:5px;
margin-left:400px;
background-color:#0d0d0d;
border: 5px solid #31150e;
box-shadow: 0 0 0 1px #a27458 inset;
text-align: center;
overflow: auto;
}

.navione{
left: 0%;
top: 0%;
position: absolute;
width:100px;
height:92px;
top:230PX;
padding:5px;
margin-left:200px;
background-color:#0d0d0d;
border: 5px solid #31150e;
box-shadow: 0 0 0 1px #a27458 inset;
text-align: center;
overflow: none;
}


.affiliates{
left: 0%;
top: 0%;
position: absolute;
width:235px;
height:110px;
margin-left:650px;
top:300PX;
background-color:#0d0d0d;
border: 5px solid #31150e;
box-shadow: 0 0 0 1px #a27458 inset;
text-align: left;
overflow: auto;
}

.affiliates2{
left: 0%;
top: 0%;
position: absolute;
width:232px;
height:108px;
margin-left:657px;
top:306px;
background-color:#0d0d0d;
text-align: left;
overflow: auto;
}


.updates{
left: 0%;
top: 0%;
position: absolute;
width:235px;
height:110px;
margin-left:650px;
top:425PX;
background-color:#0d0d0d;
border: 5px solid #31150e;
box-shadow: 0 0 0 1px #a27458 inset;
text-align: left;
overflow: auto;
}

.updates2{
left: 0%;
top: 0%;
position: absolute;
width:232px;
height:108px;
margin-left:657px;
top:431PX;
background-color:#0d0d0d;
text-align: left;
overflow: auto;
}


{owners}

.cryptic{
left: 0%;
top: 0%;
position: absolute;
width:235px;
height:110px;
margin-left:650px;
top:50px;
background-color:#000;
text-align: left;
overflow: auto;
border: 5px solid #31150e;
}

.cryptichover{
left: 0%;
top: 0%;
position: absolute;
width:233px;
height:110px;
margin-left:650px;
top:50px;
background-color:#000;
text-align: left;
overflow: auto;
-webkit-transition: all 1.2s ease-out;
-moz-transition: all 1.2s ease-out;
transition: all 1.2s ease-out;
opacity:0;
line-height:0px;
}

.cryptichover:hover{
width:245px;
height:245px;
line-height:9px;
opacity:1;}

.coownone{
left: 0%;
top: 0%;
position: absolute;
width:110px;
height:110px;
margin-left:650px;
top:175PX;
background-color:#000;
text-align: left;
overflow: auto;
border: 5px solid #31150e;
}

.co1{
left: 0%;
top: 0%;
position: absolute;
width:110px;
height:110px;
margin-left:650px;
top:175px;
background-color:#000;
text-align: left;
overflow: auto;
-webkit-transition: all 1.2s ease-out;
-moz-transition: all 1.2s ease-out;
transition: all 1.2s ease-out;
opacity:0;
line-height:0px;
}

.co1:hover{
width:245px;
height:245px;
margin-left:650px;
top:50px;
line-height:9px;
opacity:1;}


.coowntwo{
left: 0%;
top: 0%;
position: absolute;
width:110px;
height:110px;
margin-left:775px;
top:175px;
background-color:#000;
text-align: left;
overflow: auto;
border: 5px solid #31150e;
}

.co2{
left: 0%;
top: 0%;
position: absolute;
width:110px;
height:110px;
margin-left:775px;
top:175px;
background-color:#000;
text-align: left;
overflow: auto;
-webkit-transition: all 1.2s ease-out;
-moz-transition: all 1.2s ease-out;
transition: all 1.2s ease-out;
opacity:0;
line-height:0px;
}

.co2:hover{
width:245px;
height:245px;
margin-left:650px;
top:50px;
line-height:9px;
opacity:1;}

.everyoneelse{
left: 0%;
top: 0%;
position: absolute;
width:235px;
height:235px;
margin-left:400px;
top:300PX;
background-color:#000;
text-align: left;
overflow: auto;
border: 5px solid #31150e;
}

.bighover{
left: 0%;
top: 0%;
position: absolute;
width:233px;
height:233px;
margin-left:406px;
top:306px;
background-color:#000;
text-align: left;
overflow: auto;
-webkit-transition: all 1.2s ease-out;
-moz-transition: all 1.2s ease-out;
transition: all 1.2s ease-out;
opacity:0;
line-height:0px;
}

.bighover:hover{
line-height:9px;
opacity:1;}

.music{
left: 0%;
top: 0%;
position: absolute;
width:200px;
height:10px;
margin-left:575px;
top:560PX;
background-color:transparent;
text-align: left;
overflow: none;
}


{ T E X T  C O D I N G -- C R Y P T I C }

p, div, table, tr, td, font, br {
font:8px courier;
line-height:10px;
letter-spacing:0px;
text-transform:uppercase;
color:#a48d7e; }

b {
font-family:courier;
font-size: 8px;
color:#533120;
letter-spacing: 0px;
text-transform: uppercase;
font-weight:normal;
letter-spacing: 2px;}

I {
font: 9px courier;
text-transform:uppercase;
font-style:italic;
color:#a47458;
line-height:10px;
letter-spacing: 0px;}

u {
font-family: courier;
font-size: 9px;
color:#3e2016;
line-height: 9px;
font-weight:normal;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px dotted #000;}

h1{
font-family:courier;
color:#543121;
font-size: 10px;
text-align: right;
text-transform: uppercase;
border-bottom: 1px solid #31150e;
font-weight: normal;
line-height: 9px;
letter-spacing:1px;
margin:1px;
padding:0px; }

h2{
font-family:courier;
color:#706e66;
font-size: 0px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #543121;
font-weight: normal;
line-height: 10px;
letter-spacing: 3px;
margin:1px;
padding:0px; }

a.first, a.first:link, a.first:active, a.first:visited {
text-transform:uppercase;
background-color:#26130d;
color:#a48d7e;
text-align:center;
display:inline-block;
padding:1px;
margin-bottom:4px;
width: 20%;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out; }

a.first:hover {
background-color:#31150e;}


a.second, a.second:link, a.second:active, a.second:visited {
font-family:courier new;
font-size:8px;
color:#a48d7e;
font-weight: normal;
text-decoration:none;
text-transform:uppercase;
text-align:left;
display:block;
margin-bottom:1px;
letter-spacing: 3px;
line-height: 10px;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out; }

a.second:hover {
font-family:courier new;
background-color:#31150e;
font-size:8px;
line-height: 10px;
letter-spacing: -1;}

a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:courier;
font-size:8px;
line-height:10px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
color:#82593e;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

a:hover, a:hover b {
 text-transform:uppercase;
text-decoration:none;
color:#543121;  }


 textarea, input, select {
font:8pt courier !important;
text-transform: none;
letter-spacing: 0px;
color:#4e2e2e;
background-color: transparent;
border:0px;
width: 400px;
overflow:auto;
line-height: 100%;}


{ M I S C  C O D I N G -- C R Y P T I C }

::-webkit-scrollbar-thumb {
height:auto;
background-color:#31150e;
border:2px solid #0d0d0d;
}

::-webkit-scrollbar {
height:9px;
width:9px;
background-color:#412217;
border:4px solid #0d0d0d;
}

a span.av, a:hover span.sm{display: inline;}
a:hover span.av, a span.sm{display: none;}
a:hover {visibility:visible;}
webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;


{ H I D E  C O D E S -- C R Y P T I C }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color: transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-12e2e2epx !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color: transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.2e2e2e1}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}

</style>

------------------------LIKE TO MEET------------------------

<div class="siteinfo">
<br>
<h1> Biography</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae turpis lectus. Ut porta erat a tincidunt molestie. Maecenas ullamcorper tortor sed sollicitudin lacinia. Vivamus imperdiet venenatis erat. Nullam a ex lacus. Pellentesque posuere lectus eget vehicula sagittis. Aliquam vulputate sollicitudin ex quis semper. Duis id risus erat. Donec efficitur ante non efficitur aliquam. Vestibulum luctus tellus non pulvinar consequat. Praesent non urna quis risus bibendum condimentum. Curabitur pharetra, diam nec convallis euismod, nunc erat malesuada enim, ac ultricies enim felis eget tortor. Praesent et mi nec quam ullamcorper malesuada. Quisque odio enim, consectetur ut pellentesque ut, dictum imperdiet tellus. Phasellus tristique est sit amet urna sagittis volutpat. Sed lobortis urna ipsum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae turpis lectus. Ut porta erat a tincidunt molestie. Maecenas ullamcorper tortor sed sollicitudin lacinia. Vivamus imperdiet venenatis erat. Nullam a ex lacus. Pellentesque posuere lectus eget vehicula sagittis. Aliquam vulputate sollicitudin ex quis semper. Duis id risus erat. Donec efficitur ante non efficitur aliquam. Vestibulum luctus tellus non pulvinar consequat. Praesent non urna quis risus bibendum condimentum. Curabitur pharetra, diam nec convallis euismod, nunc erat malesuada enim, ac ultricies enim felis eget tortor. Praesent et mi nec quam ullamcorper malesuada. Quisque odio enim, consectetur ut pellentesque ut, dictum imperdiet tellus. Phasellus tristique est sit amet urna sagittis volutpat. Sed lobortis urna ipsum.
</div>

<div class="navione">
<br>
<i>song choice:</i><br> underground,<br>avril lavigne<br><br>

<a href="/home.php" class="first">h</span></a>
<a href="#" class="first">c</span></a>
<a href="/send_message.php?member_id=IDNUMBER" class="first">m</span></a><br>
<a href="#" class="first">a</span></a>
<a href="#" class="first">s</span></a>
<a href="/gallery.php?member_id=IDNUMBER" class="first">g</span></a>

</div>


<div class="updates"></div>
<div class="updates2">
<h1> Disclaimer</h1>

<b></b>line:</b> ask for this, I am not giving it away freely. | <b></b>discord:</b> chronic-psychosis#7459
<br><br>
Please be patient with me while I work on getting this page up and running. This layout was edited by  Juniper. Now I do not claim to be Mila, she is just the character that fit the vision I hade for Sable the best. Layout and PSD credit goes to Sinful misfortune /725475 .
</div>

<div class="affiliates"></div>
<div class="affiliates2">
<h1> Demonic family:</h1>
<a href="http://www.roleplayer.me/1474555" class="second">Juniper Della Morte</a>
<a href="" class="second">link here</a>
<a href="" class="second">link here</a>
<a href="" class="second">link here</a>
<a href="" class="second">link here</a>
<a href="" class="second">link here</a>
<a href="" class="second">link here</a>


</div>



<div class="cryptic">
<img src="https://images2.imgbox.com/d7/83/tkR5sXDX_o.gif">
</div>

<div class="coownone">
<img src="https://images2.imgbox.com/fb/ca/lJgvBem2_o.png">
</div>

<div class="coowntwo">
<img src="https://images2.imgbox.com/92/72/bN4n4dVT_o.gif">
</div>

<div class="everyoneelse">
<img src="https://images2.imgbox.com/79/d3/YKZV6cvY_o.png">
</div>

<div class="cryptichover">
<h1> Asylum Life</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae turpis lectus. Ut porta erat a tincidunt molestie. Maecenas ullamcorper tortor sed sollicitudin lacinia. Vivamus imperdiet venenatis erat. Nullam a ex lacus. Pellentesque posuere lectus eget vehicula sagittis. Aliquam vulputate sollicitudin ex quis semper. Duis id risus erat. Donec efficitur ante non efficitur aliquam. Vestibulum luctus tellus non pulvinar consequat. Praesent non urna quis risus bibendum condimentum. Curabitur pharetra, diam nec convallis euismod, nunc erat malesuada enim, ac ultricies enim felis eget tortor. Praesent et mi nec quam ullamcorper malesuada. Quisque odio enim, consectetur ut pellentesque ut, dictum imperdiet tellus. Phasellus tristique est sit amet urna sagittis volutpat. Sed lobortis urna ipsum.
</div>

<div class="co1">
<h1> Demonic Powers</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae turpis lectus. Ut porta erat a tincidunt molestie. Maecenas ullamcorper tortor sed sollicitudin lacinia. Vivamus imperdiet venenatis erat. Nullam a ex lacus. Pellentesque posuere lectus eget vehicula sagittis. Aliquam vulputate sollicitudin ex quis semper. Duis id risus erat. Donec efficitur ante non efficitur aliquam. Vestibulum luctus tellus non pulvinar consequat. Praesent non urna quis risus bibendum condimentum. Curabitur pharetra, diam nec convallis euismod, nunc erat malesuada enim, ac ultricies enim felis eget tortor. Praesent et mi nec quam ullamcorper malesuada. Quisque odio enim, consectetur ut pellentesque ut, dictum imperdiet tellus. Phasellus tristique est sit amet urna sagittis volutpat. Sed lobortis urna ipsum.


</div>


<div class="co2">
<h1> Into the underworld</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae turpis lectus. Ut porta erat a tincidunt molestie. Maecenas ullamcorper tortor sed sollicitudin lacinia. Vivamus imperdiet venenatis erat. Nullam a ex lacus. Pellentesque posuere lectus eget vehicula sagittis. Aliquam vulputate sollicitudin ex quis semper. Duis id risus erat. Donec efficitur ante non efficitur aliquam. Vestibulum luctus tellus non pulvinar consequat. Praesent non urna quis risus bibendum condimentum. Curabitur pharetra, diam nec convallis euismod, nunc erat malesuada enim, ac ultricies enim felis eget tortor. Praesent et mi nec quam ullamcorper malesuada. Quisque odio enim, consectetur ut pellentesque ut, dictum imperdiet tellus. Phasellus tristique est sit amet urna sagittis volutpat. Sed lobortis urna ipsum.
</div>


<div class="bighover">


<i>birth name</i>  Juniper Emberle Della-Morte<br>
<b>birth name</b>  Juniper Emberle Brahms <br>
<i>nickname</i>June , Little Death.
<br>
<b>date of birth</b> October 31 , 1997 - 21 years old.
<br>
<i>gender</i> Female.
<br>
<b>current location</b> San Francisco , California
<br>
<i>hair | eye color</i> Black | Blue
<br>
<b>weight</b> 53 Kgs or 119 lbs.
<br>
<i>hight</i>5 feet 4 inches or 162.56 cm
<br>
<b>birthmarks/scars</b> Juniper was born with what seemed to be 3 claw like marks that ran across her hip and to a small part of her lower back. The mark started out as an almost blue mark but over the years it has turned blackish in color and faded. She was told by her birth mother that this was the mark of the devil and it is where the voices in her mind came from. This caused her to hate the birthmark.
<br>
<i>distinguishing features.</i>  Juniper can easily be distinguished not only by her strange birthmark but by the bright blue color of her eyes. Her adoptive parents always hated how her eyes where so bright and blue, claiming it made it even easier to tell that she was not theirs since their eyes where a mucky brown..<br>
<b>species</b> <br> Demon
<br>
<i>family members</i>  Avery James-Brahms <i>[ apoptive mother</i> , Jonathan Christopher Brahms<i>[ adoptove father ]</i> ,  unknown biological mother and father.
<br>
<b>described as</b> WORDS HERE.

<h1>Personality</h1>

<indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>


<h1>Physical</h1>

<indent>L</indent><I>orem ipsum dolor sit amet</I> consectetur adipisicing elit, <U>sed do eiusmod tempor incididunt</U> ut labore et dolore magna aliqua. <B>Ut enim ad minim veniam,</B> quis nostrud exercitation <EM>ullamco</EM> laboris <Strong>nisi ut aliquip ex ea commodo consequat.</Strong> Duis aute <EM>irure</EM> dolor in reprehenderit <TT>in voluptate velit esse cillum dolore eu</TT> fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat non proident,</big> sunt in culpa qui officia deserunt <I>mollit anim id est laborum.</I> Lorem ipsum <EM>dolor</EM> sit amet, <B>consectetur adipisicing elit,</B> sed do eiusmod tempor incididunt <U>ut labore et dolore magna aliqua.</U> Ut enim ad minim veniam, quis nostrud exercitation <TT>ullamco laboris nisi ut aliquip ex ea commodo consequat.</TT> Duis aute irure dolor in <I>reprehenderit in voluptate</I> velit esse cillum dolore eu fugiat nulla pariatur. <big>Excepteur sint occaecat cupidatat</big> non proident, sunt in culpa qui <EM>officia</EM> deserunt <B>mollit anim id est laborum.</B>
</div>

<div class="music">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/z9wwantpxucj5fv/Alice%20In%20Wonderland%20-%20In%20a%20World%20Of%20My%20Own.mp3?dl=1&t0=MY WORLD.&f1=https://www.dropbox.com/s/hpu35l9gjdej74u/Avril%20Lavigne%20-%20Official%20_Alice%20_Underground__%20Music%20Video%20_HQ_.mp3?dl=1&t1=UNDERGROUND.&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>