Untitled Page

<!DOCTYPE html>
<head>
 
<!--
 
 
 
 
 
                                mist
                               
                             @odeysseus
 
 
 
 
 
-->
 
<link rel="shortcut icon" class="{Favicon}">
<link rel="alternate" type="application/rss+xml" class="{RSS}">
 
<title>explore</title> <!--title-->
 
<!--fonts-->
 
<link href='https://fonts.googleapis.com/css?family=Lora:400|Karla:400,400italic,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
 
 iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop,iframe.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { display:none!important; }
 
 
 @-webkit-keyframes fadein {
        0%   {opacity: 0;}
        100% { opacity: 1; }
}
 
@-moz-keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}
 
@keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}
 
 ::-webkit-scrollbar{
    height:3px;
    width:3px;
    background:#eee;
}
 
::-webkit-scrollbar-thumb {background:#ccc;}
 
::-webkit-scrollbar-track {background:transparent;}
 
::-moz-selection{ background: #eee; color:#777;}
::selection { background:#eee; color:#777; }
 
body {
background:#fff; /*main background*/
color:#898989;
font-family:'karla', sans-serif; /*main font*/
font-weight:550;
font-size:12.8px; /* font size */
line-height:180%;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}
 
 
a {
color:#000; /*link color*/
text-decoration:none;
}
 

}
 
b,strong {
    font-weight:700;
    color:#555;
}
 
#cred {
    bottom:27px;
    font-size:11px;
    position:fixed;
    right:30px;
}
 
 
#hey {
/* you can change the 5 in calc(5 depending on how many columns you want */
    width:calc(6 * (220px + 33px + 2px));margin:50px auto;text-align:left;
}
 
.nav {
   margin-top: 1%;
}
 
.box {
    width:290px;
    float:center; 
    margin:5px;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    text-align:center;
    background:#fff; /* background of tag boxes */
}
.box a,.box b {
    display:block;
    padding:5px 10px;
    border-bottom:1px solid #eee;
}
.box b { /* box headings */
    border-color:#A9A9A9;
    border-top:1px solid #A9A9A9;
    background:(119, 209, 194,.1);
    font-weight:690;
    letter-spacing:.5px;
    text-align:center;
    font-style:bold;
    font-size:21.5px;
    font-family: calibri;
}
.box a:before {
    content:'';
    width:0px;
    height:1px;
    background:#eee;
    margin-top:10px;
    position:absolute;
}
 

}
 
#top { /* header */
    top:0;left:0;position:fixed;width:100%;
    background:rgba(255,255,255,.9);
    z-index:4134134;
    padding:20px;
    border-bottom:1px solid #77d1c2;
    text-align:center;
    font-family:Georgia;
    font-style:italic;
}
 
#top a { margin:0px 3px; }
 
#top b {
color:#444;
font-size:12px;
font-family'Karla';
font-style:normal;
display:block;
}
 
 
</style>
 
</head>
 
<body>
 
 
<div id="hey">
<div class="nav">
<!--start tags-->

                      <!--start tags box-->
        <div class="box">
            <font color="#554c99"><b>Season One.</font></b>
            <a href="/tagged/1x01">1x01 </a>
            <a href="/tagged/1x02">1x02 </a>
            <a href="/tagged/1x03">1x03 </a>
                    </div>
        <!--end tags box-->
      

 
<!--end tags: do not edit beyond this point-->
</div>
</div>
 
<div id="cred"><a href="http://odeysseus.tumblr.com">O</a></div>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.nav').masonry({
itemSelector : ".box",
},
function() { $('.nav').masonry({ appendedContent: $(this) }); }
);
});
</script>
 
</body>
 
 
 
</html>