A Thousand Knives To The Heart

<style type="text/css">
.pfor { display: none; }
#profile { font-family: cambria;  background: none;  border: none;  font-size: 10px;  color: #000; background-image: url(''); } body {cursor: url(http://i.picpar.com/f5Eb.gif), progress !important;}
</style>

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);

body {

background-color: #F1FFFF;
background-image: url();
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

::-webkit-scrollbar {
 width: 2px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: black;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

 a {color: #C23149;
 text-decoration: none;
 }

 a:hover {color: black;
 text-decoration: none;
 cursor: url(http://i.picpar.com/f5Eb.gif);
 }

.abox {background-color: #fff; color: #000; font-size: 12px; font-family: 'Ubuntu Condensed', sans-serif; text-align: justify; position: absolute; width: 400; height: 170; top: 252px; left: -180px; letter-spacing: .5px; line-height: 12px; border: 3px double black; padding: 2px; margin: 1px; overflow:auto;}

.aimg { position: absolute; width:404; height:155; left: -179; top:435; overflow:auto; border:3px double black;}
.bimg { position: absolute; width:180; height:337; left: 233; top:253; overflow:auto; border:3px double black;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 37; Top: 305; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}

.link2 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}

.link3 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}

.link4 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}

.link1:hover {Background-color: #B50426;}
.link2:hover {Background-color: #B50426;}
.link3:hover {Background-color: #B50426;}
.link4:hover {Background-color: #B50426;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -10px; Left: 350; 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: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}

.Quote { position: fixed; top: 153px; left: -70px; color: #FAD0D4; font-size: 25px; line-height: 50px; font-family: 'Poiret One', cursive; transform: rotate(-270deg); }

#bar { position: fixed; top: 0px; left:20px; height: 680px; width: 15px; background-color: #F9D9DA; overflow: auto; opacity: 0.9; z-index: -3; }

#bartwo { position: fixed; top: 0px; left:70px; height: 680px; width: 15px; background-color: #F9D9DA; overflow: auto; opacity: 0.9; z-index: -3; }

#mainpic { position:fixed; right:0px; top:0px; height: 680px; width:500px; }

h1 { Color: #000; font-family: 'Poiret One', cursive; text-align: center;  font-size:15px; Text-Shadow: #FC6E6C 2px 1px 1px; Margin-top: 3px; Border-left: 15px double #D5A7F0; Border-right: 15px double #D5A7F0;}

</style>

<div class="Quote">
A Thousand Knives To The Heart
</div>

<div id="bar"></div>
<div id="bartwo"></div>

<div id="mainpic">
<img src="http://i.picpar.com/7JNb.jpg" height="100%" width="100%">
</div>

<div class="navbar">
<a class="link1" href="#1"></a><br><br>
<a class="link2" href="#2"></a><br><br>
<a class="link3" href="#3"></a><br><br>
<a class="link4" href="#4"></a>
</div></div>

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

<h1>Dossier</h1>

Stat: <font style=float:right>Input Info</font>

</div>

<div class="aimg">
<img src="IMG HERE" Height="100%" Width="100%">
</div>

<div class="bimg">
<img src="IMG2 HERE" Height="100%" Width="100%">
</div></div></div>

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

<h1>The Beloved</h1><center>

<a href="profile.php?user=" target="_blank"><img src="IMG HERE" width="75" height="75" border="1px solid"></a>

<a href="profile.php?user=" target="_blank"><img src="IMG HERE" width="75" height="75" border="1px solid"></a>

</center></div>

<div class="aimg">
<img src="IMG HERE" Height="100%" Width="100%">
</div>

<div class="bimg">
<img src="IMG2 HERE" Height="100%" Width="100%">
</div></div></div>

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

<h1>Tab Title</h1>

Rain melts down from the stars, falling from azure skies
All at once turning this world's every hue into blue
Granted a simple choice: Stay mute or raise your voice
I for one want to find out just how far you can be heard<br><br>

At a glance we both were falling for this world, enchanted by its light
Could this be the place we finally belong?
For all of humanity, I will take the stage alone
And somehow manifest a roaring symphony
We were born for flight before the light of the dawn<Br><Br>

Murmur sweet nothings to me
It's nothing more than a whisper of pain,
A thousand knives to my heart
Inside it boils my darkness, that sea of pitch black
I fear that I'm addicted, now there's no going back

</div>

<div class="aimg">
<img src="IMG HERE" Height="100%" Width="100%">
</div>

<div class="bimg">
<img src="IMG2 HERE" Height="100%" Width="100%">
</div></div></div>

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