Coding for V

[Jack'Aran]

<style type="text/css">

#profile {width: 0;}
#profile {background-color: transparent;}
#profile {border-color: transparent; color: FFFFFF}
#profile {float: left; margin-left: 0%; margin-right: 50%;}

.pfor {
color: transparent;
display: none;
}

body {
background-color: #000;
background-image:url("http://www.freevector.com/site_media/preview_images/FreeVector-Blue-Star-Background.jpg");
background-attachment:fixed; no-repeat;
background-align: center;
background-repeat:no-repeat;
background-position: center;
background-size: 100%;
}

a:link, a:visited {
color:#FFF;
text-decoration:none;
}

a:hover {
color:#9CF;
}


h1 {
color:#fff;
text-shadow:1px 1px 20px #ccc;
margin-top: 5px;
line-height:7px;
font-family: 'Times New Roman';
/*'Century Gothic' */
/* 'monotype corsiva' */ !important;
letter-spacing:-3px;
font-weight:bold;
font-size:32px;
background:none;
text-align:center;
text-transform:none;
}

i {
color:#000;
font-weight:bold;
}

#i2 {
color:#000;
font-weight:bold;
}

#image {
color: transparent;
background-color:
black;
text-align: center;
width: 100px;
height: 100px;
padding: 3px;
border-width: 5px;
border-color: 999999;
position: absolute;
top: 10px;
left: 400px;

box-shadow:inset 1px 1px 25px 1px #33F;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#image img {
width: 100px;
height: 100px;
border-radius: 100px;
}


#template {
color: #CCC;
text-shadow:1px 1px 10px #000;
text-align: center;
font-size: 16px;
width: 790px;
height: 400px;
padding: 3px;
border-width: 5px;
border-color: 999999;
position: absolute;
top: 300px;
left: 500px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #000;
background-image:url("http://ocebackgrounds.files.wordpress.com/2008/06/picture-3.png");
background-attachment: no-repeat;
background-repeat:no-repeat;
background-position: center;
background-size: 100%;
-webkit-box-shadow: inset 0px 0px 25px 5px #000;
max-width:800px;
max-height:600px;
border-radius: 2px;
border: 1px  solid #ccc;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
box-shadow:inset 1px 1px 1px 1px #CCC;
}

#base {
width: 790px;
height: 400px;
overflow: hidden;
}

#page {
width: 785px;
height: 400px;
overflow: auto;
padding-left: 5px;
text-align: left;
}

#quotebox {
color:#FFF;
text-shadow:1px 1px 20px #000;
width: 230px;
font-weight:bold;
font-size: 12px;
font-style: italic;
background-color: #000;
text-align:center;
border: 1px  solid #119;
padding: 3px;
box-shadow:inset 1px 1px 15px 1px #000;
}

#statbox {
color:#000;
position:Absolute;
margin-top: 360px;
margin-left: 270px;
width: 200px;
height: 260px;
font-weight:bold;
font-size: 12px;
background-color: #9CF;
text-align:left;
border: 2px  solid #000;
padding: 3px;
box-shadow:inset 1px 1px 15px 1px #69C;
}

#navbox {
color:#000;
position:Absolute;
margin-top: 360px;
margin-left: 1294px;
width: 150px;
height: 230px;
font-weight:bold;
font-size: 12px;
background-color: #000;
text-align:center;
border: 2px solid #000;
padding: 3px;
box-shadow:inset 1px 1px 15px 2px #222;
overflow: auto;
}

#navi {
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.navi:hover {
width: 100%;
color:#000;
background-color:#CCC;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}



</style>

<div id="image" style="top: 120px; left: 330px;">
<a href="http://static.comicvine.com/uploads/original/7/78926/2897582-donna_troy_vandrell.jpg" target="blank">
<img src="http://static.comicvine.com/uploads/original/7/78926/2897582-donna_troy_vandrell.jpg" style="">
</a>
</div>


<div id="image">
<a href="http://static.comicvine.com/uploads/original/3/31666/1147199-donna_2.jpg" target="blank">
<img src="http://static.comicvine.com/uploads/original/3/31666/1147199-donna_2.jpg" style="">
</div>

<div id="image" style="top: 80px; left: 530px;">
<a href="http://static.comicvine.com/uploads/original/7/78926/2940762-titans20p8.jpg" target="blank">
<img src="http://static.comicvine.com/uploads/original/7/78926/2940762-titans20p8.jpg" style="">
</a>
</div>

<div id="image" style="top: 10px; left: 680px;">
<a href="http://static.comicvine.com/uploads/original/7/78926/2940758-donna_header.jpg" target="blank">
<img src="http://static.comicvine.com/uploads/original/7/78926/2940758-donna_header.jpg" style="">
</a>
</div>

<div id="navbox">
<a class="navi" href="">Main</a>
<br><a class="navi" href="#1">One</a>
<br><a class="navi" href="#2">Two</a>
<br><a class="navi" href="#3">Three</a>
<br><a class="navi" href="#4">Four</a>
</div>


<div id="statbox">
<i>Name: Donna Troy
<br>Aliases: Wonder Girl, Dark Angel, Wonder Woman
<br>Age: 16-22 (Appearance)
<br>Height: 5'9" - 6'0"
<br>Weight: 140 - 158 lbs
<br>Eyes: Ocean Saphire
<br>Hair: Raven
<br>Body: Athletic
<br>Marital status: Single, not looking.
<br>
<br>Occupation: Hero / Photographer
<br>Affiliations: Wonder-Family, Teen Titans, The Titans, The Justice League
<br>
</i>
<br><br>
</div>

<div id="template">

<div id="base">
<a name=""></a>
<div id="page"><br>
<h1>Donna Troy</h1>
<center><div id="quotebox"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Silver_star.png" style="height:25; width:25px; float: left; ">My name is Donna Troy. <br>I am Wonder Woman.</div></center>
<img src="" style="height: 280px; width: 200px; float: right; margin-right:20px;">
<br><Font style="font-size:24;">H</font>istory goes here and caries on and on until it reaches the edge of this line. It will eventually reach the picture and break to the next line which is this one you are currently reading but watch as we continue onto a third line.


<br><br>
</div>
<a name="1"></a>
<div id="page"><br>
<h1>Wonder Girl</h1>
<center><div id="quotebox"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Silver_star.png" style="height:25; width:25px; float: left; ">We were fighting crime before we learned how to drive. We all grew up so fast.</div></center>
<img src="" style="height: 280px; width: 200px; float: right; margin-right:20px;">
<br><Font style="font-size:24;">H</font>istory goes here and caries on and on until it reaches the edge of this line. It will eventually reach the picture and break to the next line which is this one you are currently reading but watch as we continue onto a third line.

</div>

<a name="2"></a>
<div id="page"><br>
<h1>Dark Angel</h1>
<center><div id="quotebox"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Silver_star.png" style="height:25; width:25px; float: left; ">I've forgotten how much I love photography.</div></center>
<img src="" style="height: 280px; width: 200px; float: left; margin-right:10px;">
<br> <Font style="font-size:24;">H</font>istory goes here and caries on and on until it reaches the edge of this line. It will eventually reach the picture and break to the next line which is this one you are currently reading but watch as we continue onto a third line.

</div>

<a name="3"></a>
<div id="page"><br>
<h1>Wonder Woman</h1>
<center><div id="quotebox"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Silver_star.png" style="height:25; width:25px; float: left; ">Are you trying to hurt my feelings?</div></center>
</div>

<a name="4"></a>
<div id="page"><br>
<h1>O.O.C</h1>
<center><div id="quotebox"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Silver_star.png" style="height:25; width:25px; float: left; ">An amazon grieves after her duty is done.</div></center>
<center><img src="http://static.comicvine.com/uploads/original/7/78926/2940813-tumblr_lkor7zxd801qbqwgdo1_500.png" style="height: 150px; width: 500px;"></center>
</div>

</div>
</div>