School Idol (Aquors) -【 PAGE 8 by Anomaly ☽】

<!DOCTYPE html>
<head>

<!--

PAGE #8 by Anomaly ☾ tumblr user xollyx ☽ : SCHOOL IDOL (aquors version) !!

            - i made the base code
            - please abide by all the rules

 【 All themes and pages can be found here : http://xollyx.tumblr.com/thm 】

Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
Feel free to message me if you need any help, my ask box is always open!

-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<title>{Title}</title>

<link rel="shortcut icon" href="{FAVICON URL HERE}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">

@font-face { font-family: "irohamaru mikami"; src: url('https://dl.dropboxusercontent.com/s/ld5t2maj592k1un/irohamaru-mikami-Regular.ttf?dl=0'); format("truetype");}

@font-face { font-family: "irohamaru mikami medium"; src: url('https://dl.dropboxusercontent.com/s/bw7hjhlth6883qf/irohamaru-mikami-Medium.ttf?dl=0'); format("truetype");}


::-webkit-scrollbar {
width: 9px;
height: 4px;
background:#dcdcdc;
border:4px solid #696969;
}

::-webkit-scrollbar-thumb {
background-color:#dcdcdc;
border-radius:5px;
}

#s-m-t-tooltip {
max-width:300px;
margin:10px 0px 0px 10px;
background-color:#000;
font-family:consolas;
font-size:8px;
padding:3px;
color:#eee;
z-index:999999999999999999999999999999999999;
}

#s-m-t-tooltip:after {
position: absolute;
display: block; content: "";
border-color: transparent #000 transparent transparent ;
border-style: solid;
border-width: 5px;
height:0;
width:0;
position:absolute;
top:3px;
left:-10px;
}

::selection {
background: #000;
color: #fff;
}

::-moz-selection {
background: #000;
color: #fff;
}

::-webkit-selection {
background: #000;
color: #fff;
}

{block:ifcursor}body, a, a:hover {cursor: url('CURSOR URL HERE'), progress;}{/block:ifcursor}

body {
background:#696969;
background-image:url('http://i.imgur.com/2O1X0oi.png');
background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
color:#000;
font-family:irohamaru mikami medium;
font-size:12px;
}

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

a:hover {
color:#ddd;
     -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

h1 {
text-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
font-size:24px;
}

h1 a {
color:#000;
}

#box {
float:left;
position:fixed;
left:30%;
padding:10px;
width:500px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* webkit browsers */
background: -moz-linear-gradient(top, #fff, #eee);/* firefox3.6+ */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fff', EndColorStr=' #eee');/* IE */
border-radius:10px;
bottom:120px;
padding-bottom:50px;
}

#icon {
position:fixed;
bottom:85px;
width:120px;
height:120px;
left:calc(30% + 360px);
border:5px solid #222;
border-radius:100%;
background:#cb4647;
box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
}

#icon img {
width:120px;
height:120px;
border-radius:100%;
}

#quote {
position:fixed;
bottom:105px;
left:calc(30% + 170px);
}

.credit {
position:fixed;
bottom:4px;
left:8px;
font: 9px consolas;
text-transform:uppercase;
letter-spacing: 0px;
padding: 2px;
}

</style>
<body>

<div id="box">

<h1>Name Here</h1>
Year: ???  Birth: ??? Height : ???<br>
Hobbies: hobbies here<br>
Skills : skills here<br>
Food Likes : food likes here, you can change these to whatever you want<br>
Food Dislikes : food dislikes here, you can change these to whatever you want<br>
<p>
bio here

</div>

<div id="quote"><h1><a href="/">Something here</a></h1></div>

<a href="/" title="back home"><div id="icon"><img src="[IMG URL HERE]"></div></a>


<div style="position:fixed; left:120px; bottom:20px; z-index:1;"><img src="[IMG URL HERE]" width="200"></div>

<div class="credit"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>

</body>
</html>