Karima Aaota Alt

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; } body, a{cursor: url(http://i.picpar.com/wxpb.png), auto;}
</style>

<style text="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: #fff;
background-image: url(http://41.media.tumblr.com/tumblr_leicq7vAsw1qeei4to1_540.png);
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: 13px; font-family: 'Ubuntu Condensed', sans-serif; text-align: justify; position: absolute; width:400; height:175; left: 200; top:210; letter-spacing:0px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 3px double black;}

.aimg {background-color: #fff; position: absolute; width:406; height:133; left: 201; top:400; overflow:auto; border:3px double black;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 700; Top: 608; 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: 30px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}

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

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

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

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

.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;}

#mainpic { position:fixed; left:0px; top:0px; }

#bar { position: fixed; top: 630px; left:-10px; height: 17px; width: 2000px; background-color: #99040C; overflow: auto; opacity: 0.9; z-index: -3; }

#bar2 { position: fixed; top: 590px; left:-10px; height: 17px; width: 2000px; background-color: #99040C; overflow: auto; opacity: 0.9; z-index: -3; }

.Quote { position: fixed; top: 555px; left: 1000px; color: #400000; font-size: 25px; line-height: 50px; font-family: 'Poiret One', cursive; }

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

<div id="mainpic">
<img src="---" height="100%" width="100%">
</div>

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

<div class="Quote">
<b> Title Here </b>
</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

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