Noir Black

<style type="text/css">

body {
 margin: 0;
 padding: 0;
 background-color:#6f0a0c; /*change your background here*/
 -webkit-background-size: ;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: ;

}


a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#414a4c;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#dcdbd9;
}




#top-one {
 position: fixed;
 left: 4%;
 top: 8%;
 width: 35%;
 height: 0px;
 border-top: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#top-two {
 position: fixed;
 right: 4%;
 top: 8%;
 width: 35%;
 height: 0px;
 border-top: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#left {
 position: fixed;
 left: 4%;
 top: 8%;
 height: 84%;
 width: 0px;
 border-left: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/

}

#bottom {
 position: fixed;
 width: 92%;
 height: 0px;
 margin: 0 auto;
 left: 0px;
 right: 0px;
 bottom: 8%;
 border-bottom: 0px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#right {
 position: fixed;
 right: 4%;
 top: 8%;
 height: 84%;
 width: 0px;
 border-right: 0px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#title {
 margin: 0 auto;
 left: 0px;
 right: 0px;
 width: 22%;
 text-align: center;
 top: 7%;
 position: fixed;
 font-family: Montserrat;
 letter-spacing: 13px;
 color: #FFFFFF; /*change title color here*/
 font-size: 12px;
}

#url a {
 margin: 0 auto;
 left: 0px;
 right: 0px;
 width: 100%;
 text-align: center;
 top: -30px;
 position: fixed;
 font-size: 50px; /*change url size here*/
 letter-spacing: 20px;
 color: #114636; /*change url color here*/
 font-family: Prata;
 text-shadow:
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF; /*change url shadow color here*/
}

#url a:hover {
 color: #3b3439; /*change url hover color*/
}

.contentpage{position:absolute;top:0%;left:0%;height:100%;width:100%;background-image:url(' '); background-color:#414a4c; opacity:0;z-index:-1;}
.contentpage:target{opacity:1;z-index:1;transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;}




</style>


 <a href="#1">


<div id="url">
<a href="#1" title="click">
<img src="http://i.picpar.com/F9xc.png" alt="" width="412" /></a>
</div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 460px; height: px; background-color: ; position: absolute; top: 450px; left: 580px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">


<img src="http://i.picpar.com/B9xc.png" alt="" width="90">


</span></div>



<div id="1" class="contentpage">





<style type="text/css">

::selection {
background: #ddd;
color: #fff;
}

::-moz-selection {
background: #ddd;
color: #fff;
}

::-webkit-selection {
background: #ddd;
color: #fff;
}


::-webkit-scrollbar-thumb:vertical {
background-color: #c6a0a8;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #f0ebea;
}

body {
color: #aaa;
text-align:justify;
font-family: tahoma;
font-size: 10px;
background-color: #fff;
background-color:#5a5d5c;
background-attachment: fixed repeat; }


b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #FFF;
 background: ;
 letter-spacing: px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}
u {
 text-transform: ;
 font-size: ;
 font-weight: ;
 color: #000;
 background: #;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;
 border-bottom: dotted 1px #000;}
i {
 font-size: px;
 font-weight: ;
 color: ;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}



#heart{
margin-top: -28%; margin-left: -13%;
height: 25%; width: 15%;
-ms-transform: rotate(-4.4deg);
-webkit-transform: rotate(-4.4deg);
transform: rotate(-4.4deg);}
h4 {
color: black;
font: 10; Helvetica, sans-serif;}
h4.love {
position: absolute; margin-top: -30%;
background: url(https://s-media-cache-ak0.pinimg.com/564x/57/5a/ff/575affbcb741fe912044dcfbe1df8872.jpg) 0% 75% no-repeat;
background-size: 120%;
-webkit-filter: brightness(115%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}


#bubble {
position: absolute;
margin: auto; bottom: 36%; right: 0; left: 10%;
height: 34%; width: 20%;
background-image:url(http://i.picpar.com/Eetc.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: 42% 5%;
opacity: 1;
z-index: 10;}

#content {
position: absolute;
margin: auto; top: 4.90%; right: 5%; left: 0%;
height: 68.50%; width: 76%;
padding: 1.5% 7%;
font-family:Gabriola;
font-size:14;
line-height: -10;
border-radius: 5.5vmin;
text-align: center;
opacity: 1;
z-index: 10;
-ms-transform: rotate(-4.4deg);
-webkit-transform: rotate(-4.4deg);
transform: rotate(-4.4deg);}





a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#fff;
text-shadow: -1px 0 #a7a7a7, 0 1px #a7a7a7, 1px 0 #a7a7a7, 0 -1px #a7a7a7;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#fff;
}




#name {
position: absolute; pointer-events: none;
margin: auto; bottom: 68.70%; right: 0; left: 8%;
height: 3vmin; width: 27vmin;
color: #4D5562;
font: normal 3.50vmin/75% 'emilys candy';
text-align: left;
opacity: 1;
z-index: 15;
-ms-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;}
body:hover #title1{color: #2D3AE3; opacity: 1;}

.quotes {
font: normal 2vmin/120% 'lights';}

.underline{
border-bottom: .3vmin dotted #c03;
width: 100%;
display: block;}

a.tagz span {
position: fixed;
margin: auto; top: -25%; left: 100%;
height: 100%; width: 100%;
padding: 1.5% 7%;
border: .3vmin solid # ;
border-radius: 5vmin;
background-color: rgba(77, 85, 98, 1);
color: # ;
font: normal 1.4vmin/105% 'share';
visibility: hidden; opacity: 0;
z-index: 20; overflow: auto;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;}
a.tagz:hover span{
visibility: visible; opacity: 1;}

a.tagz2 span {
position: fixed;
margin: auto; top: -25%; left: 100%;
height: 100%; width: 70%;
padding: 1.5% 7%;
border: .3vmin solid #a7a7a7;
border-radius: 5vmin;
background-color: rgba(77, 85, 98, 1);
color: #FAE2CA;
font: normal 1.4vmin/105% 'share';
visibility: hidden; opacity: 0;
z-index: 20; overflow: hidden;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;}
a.tagz2:hover span{
visibility: visible; opacity: 1;}

.h5 {
margin-top: 2%;
font: normal 2.5vmin/75% 'Gabriola';
text-decoration: underline;
text-decoration-color: #AA2B24;
opacity: 1;}

.f1 {
position: absolute; top: 0px; left: 0px;
height: 218px; width: 150px;
border: 1px solid #000;
background-image:url(http://data.whicdn.com/images/209026179/large.gif);
background-repeat: no-repeat;
background-size: cover;
background-position: 85% 10%;
-moz-box-shadow: 10px 10px 10px 38px rgba(15,0,20,.6);
-webkit-box-shadow: 10px 10px 10px 38px rgba(15,0,20,.6);
box-shadow: 10px 10px 10px 38px rgba(15,0,20,.6);}


 </style>


<a href="" title="Has a dildo collecting obsession because she likes to throw them at people.">

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 100px; left: 360px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">


<img src="http://i.picpar.com/R9xc.png" alt="" width="350" />


</span></div>
</a>






<div id="render"></div>
<div id="bubble"><div id="content">
 <span style="font-family: Gabriola; font-size: 15; color: #cbcbcb;">

N O I R | <i>outer space</i> | #414a4C
</span>
<div class="box">
 </div></span></a>

 She is of the <b>feminine</b> gender. Her complexion is <b>pale</b>. Her eyes are <b>crimson</b>. She is <b>lacking of color</b> and <b>does not wish to fix it</b>. Known to be a complete <b>asshole</b> and will most likely tell you to <b>fuck off</b>. Completely <b><a target="_blank" href="https://roleplay.chat/profile.php?user=Slate">taken</a></b>. // <a class="tagz">PEEPS.<span><div class="box"><div class="h5"></div><br />
 EERIE BLACK ; The bestie and partner in crime. She's 'eerily' lovely.<br /><br />

SLATE ; He takes the dildos she throws at him to the face... and he's hers so don't touch.<br /><br />


LILAC ; She's always smiling. I suppose it does suit her well.
</div></span></a>




</div></div>
<div id="name">NOIR BLACK</div>



<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: 80px; background-color:#fff ; position: absolute; top: 510px; left: 600px; overflow: auto; text-align: left; border-left: 1px solid #9396a9;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

</span></div>

<a target="_blank" href="https://cdnb.artstation.com/p/assets/images/images/004/785/971/large/aoi-ogata-hate-level.jpg?1486260497" title="">

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: 80px; background-color: ; position: absolute; top: 490px; left: 594px; overflow: auto; text-align: left; border-left: px solid #9396a9;"><span style="font-family: andale mono,times; font-size:35; color: #9396a9;">

•
</span></div></a>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: 75px; background-color:#fff ; position: absolute; top: 520px; left: 620px; overflow: auto; text-align: left; border-left: 1px solid #9396a9;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

</span></div>
<a target="_blank" href="https://cdna.artstation.com/p/assets/images/images/003/744/074/large/aoi-ogata-ji33.jpg?1477018167" title="">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: 75px; background-color: ; position: absolute; top: 500px; left: 614px; overflow: auto; text-align: left; border-left: px solid #9396a9;"><span style="font-family: andale mono,times; font-size: 35; color: #9396a9;">

•
</span></div>
</a>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: 65px; background-color:#fff ; position: absolute; top: 530px; left: 640px; overflow: auto; text-align: left; border-left: 1px solid #9396a9;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

</span></div>
<a target="_blank" href="https://cdnb.artstation.com/p/assets/images/images/004/657/633/large/aoi-ogata-maymeii2v21.jpg?1485341686" title="">
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: 65px; background-color: ; position: absolute; top: 510px; left: 634px; overflow: auto; text-align: left; border-left: px solid #9396a9;"><span style="font-family: andale mono,times; font-size: 35; color: #9396a9;">

•
</span></div></a>