Plum Blossoms

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');

body { background-color: #F6F6F1; background-image: url(http://i.picpar.com/J8nc.png); background-attachment: fixed; background-position: bottom right; background-repeat: no-repeat; background-size: auto;}

::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color: #E2A1A6;}
::-webkit-scrollbar {width:2px;height:5px;}

a {color: #E2A1A6;  text-decoration: none;}
a:hover {color: #B4566E; text-decoration: none;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}

.bg { position: absolute; top: 120px; left: 120px; height: 420px; width: 800px; background-color: #F6F6F1; background-image: url("https://secure.static.tumblr.com/db6450259bb86f23eb708e1048af8aad/6uqswe3/Nnvn6va9d/tumblr_static_tumblr_static_d2vcvtwbf5wgks048koc88skc_640.jpg"); background-size: 130% 100%; border: 1px solid #EFAAAF; overflow: hidden;}

.img { position: absolute; bottom: 121px; left: 121px; height: 420px; width: 360px; background-image: url("http://i.picpar.com/M8nc.png"); background-size: 100% 100%; background-position: center center; overflow: hidden;}

.quote { position:fixed; top: 125px; left: 550px; text-align: left; font-family: 'Great Vibes', cursive; text-shadow: -1px 0px 0px #F6F6F1, 0px 1px 0px #F6F6F1, 1px 0px 0px #F6F6F1, 0px -1px 0px #F6F6F1; font-size:40px; color: #E2A1A6; z-index:999; text-align: center;}

.ooc { position: fixed; background-color: #F6F6F1; border:1px #EFAAAF solid; overflow: auto; top: 170px; left: 480px; width: 200; height: 350;  padding: 3px; text-align: justify; font-size: 12px;  font-family: 'yanone kaffeesatz', sans-serif; color: #8a8790; line-height: 14px; z-index: 2;}

.stats { position: fixed; background-color: #F6F6F1; border:1px #EFAAAF solid; overflow: auto; top: 170px; left: 700px; width: 200; height: 165;  padding: 3px; text-align: justify; font-size: 12px;  font-family: 'yanone kaffeesatz', sans-serif; color: #8a8790; line-height: 14px; z-index: 2;}

.powers { position: fixed; background-color: #F6F6F1; border:1px #EFAAAF solid; overflow: auto; bottom: 134px; left: 700px; width: 200; height: 165;  padding: 3px; text-align: justify; font-size: 12px;  font-family: 'yanone kaffeesatz', sans-serif; color: #8a8790; line-height: 14px; z-index: 2;}

.abox { background-color: #F6F6F1; color: #8a8790; font-size: 12px; font-family: 'yanone kaffeesatz', sans-serif; text-align: justify; position: absolute; width: 200; height: 350; left: 479; top:169; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #EFAAAF; z-index: 1;}

.bbox { background-color: #F6F6F1; color: #8a8790; font-size: 12px; font-family: 'yanone kaffeesatz', sans-serif; text-align: justify; position: absolute; width: 200; height: 350; left: 699; top:169; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #EFAAAF; z-index: 1;}

.navbar {Background-color: transparent; Position: absolute; Left: 520px; top: 135px; padding: 4px; z-index: 1000; font-family: dosis; font-size: 10px; color: #8a8790; }

.link1 {Position: absolute; Left: 10px; Border: solid 2px #EFAAAF; Height: 10px; Width: 10px; background-color: #F6F6F1; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.link2 {Position: absolute; left: 330px; Border: solid 2px #EFAAAF; Height: 10px; Width: 10px; background-color: #F6F6F1; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.slide {Position: fixed; Height: 555555; Width: 555555; Top: 200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 2; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

h1 { Color: #E2A1A6; font-family: 'Dancing Script', cursive; Border-left: 15px double #E2A1A6; Border-right: 15px double #E2A1A6; font-size:15px; text-align: center; Text-Shadow: #F6F6F1 2px 1px 1px; Margin-top: 0px; letter-spacing: .3;}

h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}

</style>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
</div>

<div class="quote">Plum Blossom Child</div>
<div class="bg"></div>
<div class="img"></div>

<div class="ooc">


</div>

<div class="stats">


</div>

<div class="powers">


</div>

<div id="1" class="slide">
<div class="abox">


</div>

<div class="bbox">

<img src="LINK" height="70" width="60" align="left"><center>-<a href="profile.php?user=" target="_blank">Connection Name </a>-</center> Description of the connection goes here. Keep it short and sweet, nothing too long. Make this shit look real good with sweet words. Could make it go to like.. the bottom of the picture or something. At least then it'd look decent. Haters gonna hate, bitch. Just deal with it, ho. M'kay?

</div></div>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>