HANNAH HUNT camp

<style> /* main code */
body {
 background: url(https://36.media.tumblr.com/3cca60810de972cc08c4a5ac40b690df/tumblr_ndpupoDTro1rnmh3no1_250.png) fixed;;
background-size: repeat;
}
</style>

<style>
#admin_menu {
font-size: 10pt;
}
#profile_right .windowbg {
background: white;
width: 500px;
border: black;
border-radius: #px;
color: black;
font-family: consolas;
opacity: .80;
margin-bottom: 26px;
margin-left: 1px;
}
#profile_right .bbc_standard_quote {
background: white;
color: black;
border: solid;
border-radius: 20px;
}
div.quoteheader {
color: black;
font-family: consolas;
}
div.spoilerheader input {
background: white;
color: black;
border: solid;
border-radius: #px;
font-family: consolas;
}
background: white;
color: black;
border: solid;
border-radius: #px;
font-family: consolas;
}
ul#menu_nav {
position: relative;
top: 0;
right: 0;
left: 0;
margin: 0;
display: block;
padding: 8px 0 0 10px;
width: 400px;
height: 50px;
background: white;
color: black;
border: solid;
border-radius: #px;
font-family: consolas;
}
ul#menu_nav li, ul#menu_nav li a {
display: inline-block;
float: none;
}</style>

<style>
/* avvie thing */

#profile_left .windowbg {
background: transparent;
font-size: 0px;
border-radius: 1px 1px 1px 1px;
color:transparent;
border: none;
position: relative;
margin-left: -100px;
z-index: 1;
}

.profile_rp_user_info img {
    display: block;
    margin: 5px auto 0;
    max-height: 50px;
    max-width: 50px;
    padding: 0;
    background: black;
    border: 1px solid white;
    border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 5px;
}

.avatar {
border: solid white 1pt;;
border-radius: 100px 100px 100px 100px;
width: 100pt;
height: 100pt;
opacity: .95;
margin-top: -10%;
margin-left: 80%;
z-index: 2;
}

img:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
</style>

<style>
/* hyperlinks */

a:visited,a:link {
color: lightblue;
text-decoration: none;
font-family: consolas;
}
a {
    text-decoration:none;
    -webkit-transition:all 1.5s linear;
    -moz-transition:all 1.5s linear;
    -o-transition:all 1.5s linear;
    transition:all 1.5s linear;
    color:{color:link};
}

    a:hover {
        letter-spacing: 2pt;
        color: white;</style>

<style> /* drop down menus */
li a.firstlevel span.firstlevel, span.firstlevel, .dropmenu li a.active, .dropmenu li a.active span.firstlevel {
background: transparent;
color: white;
border: none;
}
.dropmenu li li a:hover, .dropmenu li li:hover, .dropmenu li li:hover ul, .dropmenu li:hover ul{
background: white;
color: white;
border: none;
opacity: .80;
}
.dropmenu li li.additional_items {
background: transparent;
color: white;
border : none;
}
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel, #lightbox_backdrop {
background: transparent;
}
.dropmenu li:hover a.firstlevel span.firstlevel {
background: white;
color: white;
border-radius: 1px;
border: none;
opacity: .80;
}
.dropmenu li a.firstlevel span.firstlevel {
padding: 0px 0px 0px 0px;
}
.dropmenu li:hover a.firstlevel span.firstlevel {
background: transparent;
border: none;
border-radius: 1px;
}
.dropmenu li *, div#up_pictures, div#up_pictures:hover, div#forumposts, div#forumposts a:hover {
color: black;
}
#main_menu .dropmenu li li a:hover, #main_menu .dropmenu li li:hover a {
background: transparent;
color: white;
border: none;
border-radius: 15px;
text-decoration : none;
}
.dropmenu li li, #main_menu .dropmenu li li {
border-left : none;
border-right : none;
}</style>

<style> /* removed */
.newsDiv, .userinfo, #header,  div#up_pictures, img#menu_toggle, #up_interests, p, #profile_left .catbg, .cat_bar, .catbg77, div.cat_bar, .navigate_section, #profile_rp_sidebar, .pagesection, div#up_pictures_summary, li.copyright, ul#menu_nav, img#menu_toggle, #profile_rp_topic_container, #up_pictures, div#profile_success.windowbg, div#profile_success, .signature, .newsDiv, .userinfo, center, a img, img.gender, #profile_right .catbg, .cat_bar, .catbg77, #forumposts, #up_summary .creator dd, span.smalltext, .windowbg2 {
display: none;
}</style>

<style>
/*BW hover*/
img {
-webkit-filter: grayscale(100%);
z-index: -9999999999999999999999999px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}

img:hover {
-webkit-filter: grayscale(0%);
z-index: -9999999999999999999999999px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
</style>

<style>
/*SCROLLBAR*/
::-webkit-scrollbar-thumb:vertical {
    background: #000;
    background-image:url(http://static.tumblr.com/aegsbm3/Tfamxykq2/lines.png);
    border: 2px solid #000;
    height: 60px;
}
::-webkit-scrollbar-thumb:vertical:hover {
    background: #000;
    background-image:url(http://static.tumblr.com/aegsbm3/Tfamxykq2/lines.png);
    border: 2px solid #000; }
::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: #000;
}
::-webkit-scrollbar-corner {
    background-color:#000;
    color:#000;
}
::-webkit-scrollbar-thumb:horizontal {
    background-color:#000;
}
</style>

<style>
/*MUSIC*/
#editthis{
    /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
    position:fixed;
    top:20px; /* YOU CAN CHANGE THIS TO BOTTOM */
    left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
    z-index:99;}

/* I DONT RECOMMEND TOUCHING THIS STUFF */
#music1{
    position:fixed;
    padding:2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;}

#music1:hover #music2{
    opacity:0;
    margin-top:-25px;
    z-index:-1;}

#music1:hover #music3{
    opacity:1;
    margin-top:-5px;
    z-index:99;}

#music1:hover #musiclist{
    opacity:1;}

#music2{
    /* THIS IS THE GIF DIV */
    opacity:1;
    background-color:#fff;
    border:1px dotted #ccc;
    padding:6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;}

#music3{
    /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
    opacity:0;
    position:fixed;
    background-color:#fff;
    border:1px dashed #ccc;
    width:55px;
    height:20px;
    z-index:99;
    margin-left:-5px;
    overflow:hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;}

#musiclist{
    /* THIS IS THE PLAYLIST DIV */
    opacity:0;
    position:fixed;
    padding:6px;
    border:1px dashed #ccc;
    margin-left:10px;
    margin-top:10px;
    font-family:consolas;
    font-size:8px;
    background-color:#fff;
    width:120px;
    color:#999;
    text-transform:uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;}

#musiclist h1{
    /*THIS IS THE PLAYLIST TITLE SETTINGS*/
    font-family:consolas;
    font-size:11px;
    margin-top:0px;
    margin-bottom:2px;
    font-style:normal;
    font-weight:normal;
    color:#1bbafc; /*THIS IS THE PLAYLIST TITLE COLOR*/
    border-bottom:1px dotted #ccc;
    text-align:left;
    text-transform:uppercase;}
</style>

<div id="editthis">
<div id="music1">
<div id="music2">

<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif" alt="image" /></div>

<div id="music3">
<div style="margin-top:4px;">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&amp;f0=http://k003.kiwi6.com/hotlink/gcxhxr96w4/Hannah_Hunt_-_Vampire_Weeken.mp3&amp;t0=HANNAH HUNT&amp;f1=http://k003.kiwi6.com/hotlink/2oov8iij0i/Fall_Out_Boy_-_Jet_Pack_Blues.mp3&amp;t1=JETPACK BLUES&amp;f2=http://k003.kiwi6.com/hotlink/v08we21syu/Crystal_Castles_Affection.mp3&amp;t2=AFFECTION&amp;f3=http://k003.kiwi6.com/hotlink/ozp4wn896e/400_Lux_-_Lorde_HD_Lyrics_.mp3&amp;t3=400 LUX&amp;f4=http://k003.kiwi6.com/hotlink/lwchrovjsj/Alt-J_-_-_Taro_Lyrics_On_Screen_.mp3&amp;t4=TARO&amp;total=5" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
</div>

<div id="musiclist">
<h1>Playlist</h1>
01. Hannah Hunt. <br />
02. Jet Pack Blues. <br />
03. Affection. <br />
04. 400 LUX. <br />
05. Taro.<br />
</div>

</div>
</div>

<div style="text-align:center;"><span style="color: white;"><span style="font-size: xx-small;"><a href="http://warriorcatsrpg.com/index.php?action=profile;u=180448" title="coded by lightsy"><b>camp by lightsy</b></a></span></span></div>