Beau MacNamara first code

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Calligraffitti);

.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">

body {

background-color: #fff;
background-image: url(http://www.snazzyspace.com/defaultimages/000000_grey-vintage-wall.gif);
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: 3px;
	height: 0px;
	background: ;
	}

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

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

	a:hover {color: white;
	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;
	}

b {
color: #8A0808; }

.abox {background-color:#000; color: #fff; font-size: 14px; font-family: Calibri; font-variant: small-caps; text-align: justify; position: absolute; width: 370; height: 200; top: 420px; left: 70px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px solid #780002;}
.aimg { position: absolute; width:390; height:230; left: 71; top:170; overflow:auto; border:4px solid #780002;}

.bbox {background-color:#000; color: #fff; font-size: 14px; font-family: Calibri; font-variant: small-caps; text-align: justify; position: absolute; width: 370; height: 200; top: 420px; left: 829px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px solid #780002;}
.bimg { position: absolute; width:390; height:230; left: 829; top:170; overflow:auto; border:4px solid #780002;}

.navbar {Background-color: ; Position: absolute; Height: 16px; Width: 325px; left: 483; Top: 99.5px; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 40px; Border: solid 3px #fff; Height: 8px; Width: 45px; background-color: #780002; }

.link2 {Position: absolute; Left: 105px; Border: solid 3px #fff; Height: 8px; Width: 45px; background-color: #780002; }

.link3 {Position: absolute; Left: 170px; Border: solid 3px #fff; Height: 8px; Width: 45px; background-color: #780002; }

.link4 {Position: absolute; Left: 235px; Border: solid 3px #fff; Height: 8px; Width: 45px; background-color: #780002; }

.link1:hover {Background-color: #fff; border: solid 3px #780002;}
.link2:hover {Background-color: #fff; border: solid 3px #780002;}
.link3:hover {Background-color: #fff; border: solid 3px #780002;}
.link4:hover {Background-color: #fff; border: solid 3px #780002;}

.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: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
 #title {position:absolute;
 color: black;
 font-size:70;
 font-family:tunga;
 left:230;
 top:140;
 }

#bar { position: fixed; top: 80px; left:-10px; height: 20px; width: 2000px; border: 1px #000 solid; background-color: #780002; overflow: auto; opacity: 0.9; z-index: -3; }
#bartwo { position: fixed; top: 120px; left:-10px; height: 20px; width: 2000px; border: 1px #000 solid; background-color: #780002; overflow: auto; opacity: 0.9; z-index: -3; }


#mainfuckinimage { position:fixed; left: 480px; top: 170px; border: 5px solid black;}

</style>

<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>
</div></div>

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

<div id="mainfuckinimage">
<img src="https://s-media-cache-ak0.pinimg.com/736x/80/ff/7c/80ff7cf70ce8c31dee18b8cd6955a9eb.jpg" class="image" height="470px;" width="330px;">
</div>

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

Name<font style=float:right>Beau MacNamara</font>
<br>Nicknamess<font style=float:right> Pup, Shchenok, Koroleva</font>
<br>Age<font style=float:right>28</font>
<br>Gender<font style=float:right>Female</font>
<br>Marital<font style=float:right><a href="https://media.giphy.com/media/vD9dWMYNPs3MA/giphy.gif">D</a><a href="https://media0.giphy.com/media/FeKFegFLBBnFK/200w.gif#68">e</a><a href="https://68.media.tumblr.com/9bf6b5f94308977e8607d3003326d202/tumblr_nrydbcgvzK1rfd7lko1_500.gif">v</a><a href="http://i.imgur.com/uwrS8ti.gif">o</a><a href="http://24.media.tumblr.com/a956d5f0c26d84d9f145e51dfa4782d0/tumblr_mo0hfri0ta1s9a317o1_400.gif">t</a><a href="https://media.giphy.com/media/gJvDnawBoIFAA/giphy.gif">e</a><a href="http://imgur.com/yPGbDug">d</a></font>
<br>Hair<font style=float:right>Dirty blonde</font>
<br>Eyes<font style=float:right>Doe brown</font>
<br>Build<font style=float:right>Lithe, Dancer, Elegant </font>
<br>Profession<font style=float:right>??</font>
<br>Personality<font style=float:right>Aloof</font>
<br>Interested?<font style=float:right><a href="http://www.thiscrush.com/~beautifulbeau">Sign it</a></font>
<br>Haunt<font style=float:right>τнε ςλτλτσπις</font>
<p>
<center><b>Bloodlines</b></center>
<br>Tribe<font style=float:right>Fianna</font>
<br>Auspice<font style=float:right><a title="the Full Moon represents the war aspect of Luna (the Moon) and these Garou are the most fierce Warriors. They usually step into leadership during war-time.">Ahroun</a></font>
<br>Form<font style=float:right>Hispo</font>
<br>Form appearance<font style=float:right><a href="http://i.imgur.com/HPjGSsR.jpg">Peek</a></font>
<br>Blood<font style=float:right>Pure-blood</font>
<br>Family<font style=float:right>MacNamara</font>
<br>Language<font style=float:right>Gaelic, Russian, English, German, Italian.</font>

</div>
<div class="aimg"><img src="http://www.teenidols4you.com/blink/Actors/julia_stiles/julia_stiles_1175110265.jpg" Height="100%" Width="100%"></div>

<div class="bbox">

<center><i>"I'm your darkest dream."</i></center>
<p>
To the passing eye, Beau is easily seen to be nothing special; and yet she is. She is by no means a woman of great stature, yet carries an air of superiority to her, despite how aloof and lax she is. They say that the eyes are the gates to one's soul, but don't expect to read much from her simply by looking into hers. Hers are beautiful brown doe eyes that could fool anyone into thinking she was just a regular girl; but she's anything but.
<p>
Beau is a keeper of secrets and one of those secrets is that of what it is that she truly is. A pure-blooded loup garou. Born a wolf in the Fianna tribe, it didn't take long for her parents to realize that the young pup they bore was different. While other wolves take up timber, black, red or slate colours, she was born with a pelt that was blonde like her hair and sharp grey eyes. In the days of her growth, she showed herself to be of the lines of a Hispo garou, for she grew to be faster, stronger, and bigger than her littermates. When her personality began to develop, she was found to be an Ahroun garou while her siblings were soft natured and calm. With the full moon representing the war aspect of Luna, she took to her Ahroun traits in being a rather fierce warrior. In times of hardship, she was the one to step up into leadership, take control and lead the fray when it came to fights and little wars that went on between the pups. When it came to fighting and hunting, she was seen to be mean-tempered, ill-spirited and downright vicious. It got her into trouble with the elders, and more than once got her into predicaments where she bit off more than she could chew.
<p>
As she got older she changed though. Her size doubled to that of a dire wolf, and while her brethren were still impulsive, she was seen to be very much different from other Ahroun garous. From her mistakes she began to learn, wanting to ensure that she didn't make them again. In doing so she learned to be tactical before she did things, though she was still impulsively vicious at times. When it came to fights, she didn't back down, and she was even more willing to snap at another's muzzle, should her family be brought into it. Unlike the other females in the pack, she could handle her own and easily keep up with the males and make them struggle to keep up as well.
<p>
When she discovered her human form, life for her changed though, and she had to learn new ways. The ways of the human. Sometimes her wolf is a bit more in control than she is, but she hides it well enough.

</div>
<div class="bimg"><img src="http://www.btchflcks.com/wp-content/uploads/2015/05/blue5_thumb.jpg" Height="100%" Width="100%"></div>
</div>

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

BLEH I don't know what to write here

</div>
<div class="aimg"><img src="http://st.kinopoisk.ru/im/wallpaper/3/6/9/kinopoisk.ru-Julia-Stiles-369212--w--1024.jpg" Height="100%" Width="100%"></div>

<div class="bbox">
<b>Her Babies</b>
<br><b><a href="https://en.wikipedia.org/wiki/McMillan_Tac-50" target="_blank" title="Long Range Sniper Rifle. Adores this gun for times when she doesn't want to get her fingers wet.">Katie</a></b> - Her first love when she's looking for distance.
<br><b><a href="linkhere" target="_blank" title="leavenoteshereabout">Charlie</b></a> -
<br><b><a href="https://www.marinecorpsrings.com/138/marine-corps-combat-knife-p-248.jpg" target="_blank" title="Handy knife to have when you need it. Never goes on a mission without it.">Henry</a></b> - 498 Marine Corps Combat Knife


</div>
<div class="bimg"><img src="http://images.nymag.com/movies/features/juliastiles070730_560.jpg" Height="100%" Width="100%"></div>
</div>

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

☘ Family ☘
<br><a href="profile.php?user=Johnny+MacNamara" target="_blank" title="Father. Teacher.">☪ Johnny MacNamara</a>, <a href="profile.php?user=Cullen+MacNamara" target="_blank" title="Littermate. Brother. Blood. Rival.">☾ Cullen MacNamara</a><br><a href="profile.php?user=Quinn+MacNamara" target="_blank" title="Aunt. Stranger. Rival.">☽ Quinn MacNamara</a>
<p>♦ People of Interest ♦
<br><a href="profile.php?user=Vyacheslav" target="_blank" title="Vyacheslav: Her beloved gentleman that she lives with. Her partner in crime, he's a Russian wolf in fine clothing with a great taste in music. She greatly enjoys his company and adores his affection and kisses.">♕ Vʏᴀᴄʜᴇᴠᴏʟᴋ</a> , <a href="profile.php?user=Reed+Valerius" target="_blank" title="Reed Valerius: Newly found drinking buddy. ">♠ Scotch Whiskey</a>
<p>
☢ Enemies ☢
<br>
<a href="profile.php?user=Reina" target="_blank" title="Reina: Strange and dejected woman with a nail gun. Mentally unstable. Prefers to keep her distance from.">☠ Mutt</a>
</center></div>
<div class="aimg"><img src="https://68.media.tumblr.com/ed5b17efdeb21c4673a387d39a270f64/tumblr_o54kmhFcSG1s8zllpo1_500.jpg" Height="100%" Width="100%"></div>

<div class="bbox">

<b>Rules</b>
<br><b>The basics</b> - I'm not my character so don't judge me based on their actions - yadda yadda. Can't keep your IC and OOC separate then fuck off. Same with drama. I don't have time for your bullshit. I'm here to write.
<br><b>Style</b> - Well, that depends partially on the day, but 60% depends on you. Spark my muse and I might write <b>Novella</b>, but if you fail to amuse or intrigue me, you'll only get a paragraph, semi-para or even a shitpost. Be interesting. Also, I prefer <b>long term</b> ideas to short term, but I'll take either. Smut's welcome with a storyline, but don't expect any true romance from it - that's reserved for LT. Ya dig? Cool.
<br><b>Genre & Rating </b> - M for Mature due to not being appropriate for minors or for adults with large sticks up their asses. My character is rather flexible and can be used in modern day roleplay and some supernatural kinds of roleplay, too.
=
</div>
<div class="bimg"><img src="https://s-media-cache-ak0.pinimg.com/736x/dc/b3/6c/dcb36c62f4f8c7ecd68cb9fb6e059ee3.jpg" Height="100%" Width="100%"></div>
</div>