School Idol (u's) -【 PAGE 8 by Anomaly ☽】

<!DOCTYPE html>
<head>

<!--

PAGE #8 by Anomaly ☾ tumblr user xollyx ☽ : SCHOOL IDOL (u's 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">

::-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:lucida console;
font-size:13px;
padding:3px;
color:#fff;
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/BNmxvcY.png');
background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
color:#000;
font-family:lucida console;
font-size:13px;
}

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 {
font-size:24px;
text-shadow: -2px 0 #ddd, 0 2px #ddd, 2px 0 #ddd, 0 -2px #ddd, 0px 0px 6px rgba(0, 0, 0, .5);
}

h2 {
font-size:24px;
text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd, 0px 0px 6px rgba(0, 0, 0, .5);
}

h2 a {
color:#ccc;
}

#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:30px;
border:5px solid #fff;
text-shadow: 0 0 2px #999;
}

#icon {
position:fixed;
bottom:340px;
width:120px;
height:120px;
left:calc(30% + 360px);
border:3px solid #eee;
border-radius:100%;
background:#ffff
}

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

#quote {
position:fixed;
bottom:330px;
left:calc(30% + 315px);
text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd, 2px 2px 2px rgba(0, 0, 0, 0.5);
z-index:1;
}

.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>
Age: ???<br>
Birthday: ??? (zodiac sign here)<br>
Skills : skills here<br>
Favourite Food: favourite food here, you can change these to whatever you want<br>
Despises: least favourite food here, you can change these to whatever you want<br>
<p>
bio here
</div>

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

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


<div style="position:fixed; left:220px; bottom:30px; z-index:1;"><img src="[IMG URL HERE]" width="100%"></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>