Egress - 【 PAGE 1 by Anomaly ☽】

<head>
<title>{title}</title>

<link rel="shortcut icon" href="FAVICON URL"> <!-- if you dont want a favicon just remove the image link and change it to {/Favicon/} without the slashes -->

<!--


                page 1: egress by anomaly betrayus
                  base code by asschlinthemes
                  dont remove credit otherwise have fun!


-->

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


<style type="text/css">

@font-face { font-family:"betty noir"; src: url('https://dl.dropboxusercontent.com/s/alsnahmekny1i5v/bettynoir.ttf'); format(“truetype”);}

::-webkit-scrollbar-thumb:vertical {background-color:#F4D910;border-radius:10px;}
::-webkit-scrollbar-button:horizontal {display:none;}
::-webkit-scrollbar {background-color:transparent; width:5px; border-radius:5px;}


body {
background:#ffec67;
background-image:url('BACKGROUND URL');
color:#D99601;
font-family:consolas;
font-size:11px;
text-align:justify;
margin:0;}

a {
color:#A55204;
text-decoration:none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;}

a:hover {
color:#5D1600;
text-decoration:none;}

#top{
position:fixed;
margin-top:0px;
margin-left:-450px;
width:200%;
height:55px;
background-image: url('LACE URL');
z-index:2;
}

#title{
position:fixed;
top:95px;
left:110px;
font-family:betty noir;
color:#A55204;
font-size:32px;
text-shadow: -1px 0  #F5E81E, 0 1px  #F5E81E, 1px 0  #F5E81E, 0 -1px #F5E81E;
}


#container{
position:fixed;
background:#fcf4a9;
padding:20px;
left:100px;
top:130px;
width:600px;
max-height:400px;
border-radius:5px;
overflow-y:scroll;
overflow-x:hidden;
}

#nip{
position:fixed;
top: 320px;
left:740px;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left:30px solid #fcf4a9;
}

#links{
position:fixed;
margin-top:575px;
margin-left:120px;
font-size:30px;
}

#links a{
position:fixed;
width:20px;
height:20px;
border-radius:100%;
background-color:#F4D910;
}

#links a:hover{
background-color:#D99601;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}


</style>

<!--bubble tooltip from tutorial-baby! Enjoy-->
<style>

.tooltip{display: inline;position: relative;}
#s-m-t-tooltip {min-width:120px;-moz-border-radius:10px;-webkit-border-radius:10px; padding:3px 4px 5px 4px; margin:20px 7px -2px -10px; background: #F5E81E; font-family:consolas; font-size:11px; text-transform:uppercase; color:#D99601; text-align: center;}
#s-m-t-tooltip:after {position: absolute; display: block; content: ""; border-color: transparent transparent #F5E81E transparent ; border-style: solid; border-width: 7px; height:0; width:0; position:absolute; bottom: 20px;left:10px;}
</style>

</head>

<body>
<div id="top"></div>
<div id="title">title</div>
<div id="container">
this is where you put your content
</div>
<div id="nip"></div>
<div id="links"><div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:0px"><a href="/" title="home"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:30px"><a href="/ask" title="message"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:60px"><a href="/submit" title="submit"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:90px"><a href="/" title="link 1"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:120px"><a href="/" title="link 2"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:150px"><a href="/" title="link 3"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:180px"><a href="/" title="link 4"></a></div>
<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:210px"><a href="/" title="link 5"></a></div>
</div></div>

<div style="position:fixed; left:600px; bottom:-50px; z-index:1;"><img src="RENDER URL" width="600px"></div>

<div style="position:fixed; left:8px; bottom:4px; z-index:1;"><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>