code.

 <style type="text/css">

<style>
                body { background:none; }
                #scroller { padding: 35px 0; box-sizing: border-box; }
                #profile-container { width:750px;background:#333; }
                                    body { background:none; }
                    #profile-container { width:750px;background:#333; }
                    .pfor{display:none;}
#profile{border:none; background:none;}
#profile-container { width:750px;background-color:transparent; }

body{
background-image:url('http://subtlepatterns.com/patterns/twinkle_twinkle.png');
background-repeat:repeat;
background-size:20%;
background-position: top right;
background-color: #000000;
}

@font-face{
font-family: playdate;
src: url('https://dl.dropboxusercontent.com/s/gpd5wn26wkjgxda/glassantiqua-regular.ttf');
}

@font-face{
font-family: sweetly;
src: url('https://dl.dropboxusercontent.com/s/ecf9dllfpem9qpi/ALincolnFont.ttf');
}

body, a, a:hover { cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-all/arrow38.gif), auto; }

#ride{
position:fixed;
left: 599px;
top:60px;
width:202px;
height:300px;
background-image:url('http://bgmaker.ventdaval.com/get.php?id=311228');

background-position:top right;
border:5px solid #0d0d0d;
}

#rhythm{
position:fixed;
top:4px;
left:674px;
height:267px;
width:120px;
background-image:url(http://i.( Imgur blocks RPC when too many people use it to host images, causing images to appear broken on profiles. Upload to htt://picpar.com/ instead. )/JzQSOto.jpg);
background-size: 150%;
background-position: 38% 22%;
border:1px solid #111;
}

#pristine{
position:fixed;
top:70px;
left:608px;
height:58px;
width:192px;
background-color:#131313;
overflow:auto;
border:1px solid #111;
}

 .beat{
color:#666;
font-size:11px;
text-align:justify;
line-height:11px;
font-family:gisha;
margin: 3px 8px 3px 3px;
}

#pristineone{
position:fixed;
top:310px;
left:608px;
height:50px;
width:192px;
background-color:#131313;
overflow:auto;
border:1px solid #111;
}

 .beatone{
color:#666;
font-size:11px;
text-align:justify;
line-height:11px;
font-family:gisha;
margin: 3px 8px 3px 3px;
}

 .drum{
position:fixed;
top: 401px;
left: 153px;
color: red;
font-size:44px;
font-family:'Parisienne', cursive;
letter-spacing:-2px;
text-shadow:0px 0px 5px rgba(255,255,255, .5);'
border-bottom: 1px dotted #F6358A; position: absolute; top: 390px; left: -50px; width: 310px; font-family: 'sweetly'; font-size: 30px; color: red; text-align: center; letter-spacing: 4px; font-weight: 100; text-shadow: 0px 0px 5px rgba(255,255,255, .5); line-height: 16px;
}

strong {
background-color: transparent;
color: #7B0303;
font-size: 10;
font-family: georgia;
margin-top: -1px;
text-align: right;
text-shadow: #1F0606 0px 0px 5px;
}

i{
color:#7C6C3B;
font-family:cambria;
font-weight:light;
letter-spacing: 1px;
font-style:italic;
}

u{
text-decoration:none;
border-bottom:1px dotted #210c0a;
}

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

a:hover{
cursor:help;
color:#000;
text-decoration:line-through;
}

big{
color: #080201;
font-size:22px;
line-height:11px;
}

h1 {
font: normal 16px 'playdate';
border-bottom: 1px dotted red;
color:red;}


::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #666;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #222;border: 0px ;width: 15px;}

.welcome{bottom:100px;width:196px;height:298px;font-size:11px;overflow-y:auto;color:#666;
text-align:justify;
line-height:11px;
font-family:gisha;}

#info {
position:fixed;
top:30px;
left:230px;
height:300px;
width:198px;
background-color: #131313;
overflow:auto;
border:1px solid #111;
}

    #image_container {
    background: url();
    background-size: 520px, auto;
    background-position: center center;
top:125px;
left:600px;
height:157px;
width:120px;
background-size: 160%;
background-position: center right;

position: absolute;
    padding: 12px 20px 20px;
    }

#image {
        class: fade;
    background: url("http://i62.tinypic.com/160ydea.jpg");
    background-size: 520px, auto;
    background-position: center center;
top:136px;
left:620px;
height:170px;
width:162px;
position: absolute;
background-size: 180%;
background-position: 20% 2%;


 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;

    }

#image:hover {
          class: fade;
          opacity: 0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;

}

#navi {
position:fixed;
width:50px;
top:175px;
left:530px;
height: 10px;
}

#navi:hover {
height: 10px;
width: 50px;
background-color: #000;
font-family: Century Gothic;
font-weight: normal;
font-variant: small-caps;
font-size: 65%;
display: inline-block;
background-color: #663366;
text-shadow: #FFFFFF;
}

#navi a:link { display: block; }

a.navi, a:active.navi, a:link.navi, a:visited.navi {
display:block;
padding:3px;
text-transform:uppercase;
font:8px times new roman, serif;
letter-spacing:3px;
color:red;
text-align:center;
background-color:#000000;

}

a.navi:hover{ color:#666;}

#music {
position: fixed;
top: 112px;
left: 782px;
}

#whole{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}

#buttona {position: fixed;top: 100px;left: 550px;height: 15px;width: 40px;font: normal small-caps normal 10px/16px arial;color: #fff;background-color: #100F0F;text-align: center;padding-top: 4px;padding-bottom: 6px;letter-spacing: 1px;cursor: default;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 4;}

#buttona:hover, #buttonb:hover, #buttonc:hover {color: #ff0000; }

#stats {position: fixed;top: 50px;left: 820px;width: 200px;overflow: hidden;opacity: 0;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 1;}

#buttona:hover + #stats, #stats:hover {left: 820px;opacity: 1;}

#lilu {position: absolute;height: 110px;width: 5px;top: 420px;left: 447px;background-color: #121212;}#slide{position:absolute;left:360px;bottom:160px;z-index: 999999;}

p.tabs {font: normal normal normal 10px/10px 'lucida console';color: #aaaaaa;margin: 10px;margin-top: 0px;padding: 5px;text-align: left;background-color: #0A0A0A;}

span.tabs {background-color: #000;padding-left: 2px;padding-right: 2px;}

h1.stats {font: italic normal 20px/20px 'kristi';margin-bottom: 0px;margin-left: 10px;margin-right: 10px;color: #fff;letter-spacing: 1px;background-color: #000000;text-align: right;letter-spacing: 4px;padding-left: 0px;}

#buttonb {position:fixed;top: 300px;left: 550px;height: 15px;width: 40px;font: normal small-caps normal 10px/16px arial; color: #fff;background-color: #100F0F;text-align: center;padding-top: 4px;padding-bottom: 6px;letter-spacing: 1px;cursor: default;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 4;}

#history {position: fixed;top: 60px;left: 820px;width: 190px;overflow: hidden;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 1;opacity: 0;}

#buttonb:hover + #history,#history:hover {left: 820px;opacity: 1;}


            </style>

                        <div id="ride">
<div id="pristine">
<div style="text-align: center;" class="beat"><strong>Fierce</strong>, loyal, <strong>compassionate</strong>. Strong willed. Firey, <strong>possessive</strong>, compassionate towards <strong>friends</strong> and <strong>family</strong>.</div>
</div>
<div id="pristineone">
<div style="text-align: center;" class="beatone"><strong>Sons of Anarchy RP  only</strong> <br /><strong>Smut</strong> -- For character pairing only. <br /><strong> D' Llamas.</strong> -- <a href="http://media.tumblr.com/6ec5a923368be07d6884ee6c4d1f5c37/tumblr_inline_mxpzx6DtOu1sq6gkx.gif"> This</a>. <br /> <strong>Code is mine.</strong> Want it? Ask nicely.</div>
</div>
</div>
<div id="image_container"><img src="http://i60.tinypic.com/oubmoi.jpg" border="0" alt="" width="170" height="170" /></div>
<div class="fade" id="image"><img src="http://i60.tinypic.com/oubmoi.jpg" border="0" alt="" width="171" height="172" /></div>
<div id="navi"><a class="navi" href="https://www.youtube.com/watch?v=Qd9ULJf2jqU" target="_blank">Theme</a><br /> <a class="navi" href="https://www.youtube.com/watch?v=SJGCbRBc-EY" target="_blank">Theme</a><br /> <a class="navi" href="https://www.youtube.com/watch?v=sZ9RcDGR4ag" target="_blank">Theme</a></div>
<div id="music"><a href="https://www.youtube.com/watch?v=PbeIv39s04s" target="_blank"><img src="http://media.tumblr.com/tumblr_m7vz8bkCsM1r6o8v2.gif" alt="" width="14" height="11" /></a></div>

<div id="buttona">hover</div>
<div id="stats">
<h1 class="stats"><span class="tabs">Stats;;</span></h1>
<p class="tabs"><strong>Name:</strong> <span style="float: right;">Tara Knowles</span> <br />  <strong>Age:</strong> <span style="float: right;">Twenty-Nine</span><br />  <strong>Orientation</strong> <span style="float: right;">Heterosexual</span><br />
<strong>Relationship:</strong> <span style="float: right;">Jax Teller</span><br /> <strong>Height:</strong> <span style="float: right;">5'7"</span><br /> <strong>Weight:</strong> <span style="float: right;">135lbs</span><br /> <strong>Eyes:</strong> <span style="float: right;">Blue</span><br /> <strong>Hair:</strong> <span style="float: right;">Brunette</span><br /> <strong>Occupation:</strong> <span style="float: right;">Ped. Surgeon.</span><br /> <strong>Location:</strong> <span style="float: right;">Charming, Cali.</span><br /> </p>
<p class="tabs"><img src="http://i61.tinypic.com/30cah36.jpg" alt="" width="169" height="127.5" /></p>
</div>
<div id="buttonb">hover </div>
<div id="history">
<p class="tabs"><img src="https://31.media.tumblr.com/9fedeb18a3625ba2cf77179a28b2d53b/tumblr_mxzc8g9tTl1qzw0zeo1_250.gif" alt="" width="160" height="145" /></p>
<h1 class="stats"><span class="tabs">Allies--;</span></h1>
<p class="tabs"><br /> Name <span style="float: right;">Name</span><br /> Name <span style="float: right;">Name</span> <br /> Name <span style="float: right;">Name</span><br /> Name <span style="float: right;">Name</span> <br /> Name <span style="float: right;">Name</span><br />  </p>
</div>
</div>