love won't sleep v.1 by astraeawrites

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">


<!----------------✧ ☾ ☆ ☄ ⁛ THEMES BY ASTRAEAWRITES ⁛ ☄ ☾ ✧
                          DO NOT STEAL OR CLAIM AS YOURS!
              report problems or questions @ astraeawrites.tumblr.com----------->

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

 <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="https://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>

<link href="https://fonts.googleapis.com/css?family=Inconsolata|Lato|Montserrat|Muli|Open+Sans|Quicksand|Raleway|Roboto|Source+Sans+Pro" rel="stylesheet">

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">



<style type="text/css">



/*---------------BASIC BODY & TEXT---------------*/

@font-face { font-family: "hs1"; src: url('https://dl.dropboxusercontent.com/s/fblyu61g2kzjtqg/HelloSunshine.otf') ;}

#s-m-t-tooltip {
    max-width:400px;
    background-color:#252326;
    font-family:"muli", sans-serif;
    font-size:7px;
    color:#ddd7e0;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:6.5px;
    line-height:100%;
    margin:20px 0px 0px 20px;
    z-index:99999999999999999999999999999999;
    border-radius:5px;
    box-shadow:1px 1px 3px rgba(0,0,0,.0);
}

::-webkit-scrollbar-thumb:vertical {
    display:none;
}

::-webkit-scrollbar-thumb:horizontal {
    display:none;
}

::-webkit-scrollbar {
    display:none;
}

::selection {
    background-color:#252326;
    color: #fff;
    }


body{
    background-color:#ededed;
    font-size:10px;
    font-family:"calibri";
    color:#333;
}

a{
    text-decoration:none;
    color:#333;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a:hover{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color:#464646;
}




/*---------------BOX & STRUCTURE---------------*/

#everything{
    width:683px;
    height:630px;
    left:50%;
    top:50%;
    margin-left:-342.5px;
    margin-top:-315px;
    position:fixed;
    background:white;
    border:1px solid #e5e5e5;
    border-radius:3px;
}

#box{
    width:656px;
    height:500px;
    background-color:#eee;
    border-radius:2px 2px 0px 0px;
    margin:65px 14px 8.5px 14px;
    position:fixed;
}



/*---------------HEADER---------------*/

#head{
    width:612px;
    height:60px;
    padding:5px 5px 5px 5px;
    margin-left:14px;
    margin-right:14px;
    z-index:999;
    position:fixed;
}

.headertitle{
    font-family:"hs1";
    font-size:50px;
    position:fixed;
    z-index:99;
    text-align:center;
    width:645px;
    margin-top:-15px;
    cursor:default;
    color:black;
    text-transform:lowercase;
}

.headersubtitle{
    font-size:11px;
    font-family:"muli";
    text-transform:uppercase;
    text-align:center;
    margin-top:40px;
    position:fixed;
    text-align:center;
    width:645px;
    cursor:default;
    -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;
}

.headersubtitle:hover{
    letter-spacing:1px;
    -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;
}



/*---------------MUSE SLOTS---------------*/

.container{
    width:635px;
    height:480px;
    margin:10.5px;
    overflow:auto;
}

.cube{
    width:200px;
    height:180px;
    background:#f9f9f9;
    margin:5px;
    display:inline-block;
    border-radius:2px;
    position:relative;
}

.muselnr{
    width:50px;
    height:50px;
    border-radius:0px 50px 50px 50px;
    background:#c7c1c9;
    position:absolute;
}

.muselnr span{
    font-size:20px;
    color:#f9f9f9;
    padding:14px;
    position:absolute;
}

.musename{
    display:inline-block;
    position:absolute;
    text-transform:uppercase;
    font-family:"roboto";
    font-weight:900;
    font-size:15px;
    text-align:right;
    width:100px;
    right:0px;
    margin-top:4px;
    padding:5px;
    letter-spacing:2px;
    cursor:default;
}

.musename::first-letter{
    font-size:19px;
    background:#eee;
    padding-left:6px;
    padding-right:3px;
    padding-top:1px;
    padding-bottom:2px;
    margin-right:2px;
    border-radius:50px;
}

.musepic img{
    width:100px;
    height:100px;
    border-radius:50%;
    margin-top:50px;
    margin-left:10px;
    border:7px solid #dad2dd;
    -webkit-filter: grayscale(30%);
    -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;
}

.musepic img:hover{
    border:7px solid #b5b5b5;
    -webkit-filter: grayscale(100%);
    -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;
}

.muselinks{
    width:30px;
    height:105px;
    top:55px;
    right:10px;
    border-right:3px solid #bababa;
    position:absolute;
    display:inline-block;
}

.muselinks ul{
    list-style:none;
    padding:0px;
    margin-top:0px;
    margin-left:-15px;
}

.muselinks li{
    line-height:55px;
}

.muselinks a{
    padding:11px 13px 11px 13px;
    background:#cccccc;
    border-radius:50px 0px 50px 50px;
    font-size:12px;
    font-weight:900;
    color:white;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.muselinks a:hover{
    background:#e4e0e5;
    color:black;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}



/*---------------FOOTER---------------*/

.foot{
    width:646px;
    height:35px;
    padding:5px 5px 5px 5px;
    margin-left:14px;
    margin-right:14px;
    bottom:72px;
    z-index:99999;
    position:fixed;
    background:#dad2dd;
    border-radius:0px 0px 2px 2px;
    text-align:center;
}

.foot ul{
    list-style:none;
    padding:0px;
    margin:0px;
}

.foot li{
    display:inline-block;
    padding:10px 40px 10px 40px ;
}

.foot a{
    font-family:"lato";
    text-transform:uppercase;
    font-size:10px;
    color:#5e5e5e;
    font-weight:900;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.foot a:hover{
    color:white;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}



/*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
.credit a{
     font-size:11px;
     position:fixed;
     font-family:"lato";
     font-weight:900;
     color:black;
     text-align:right;
     right:20px;
     bottom:20px;
}

.credit a:hover{
     color:white;
}





{CustomCSS}
</style>
</head>
<body>



<div id="everything">
<div id="head">
    <div class="headertitle">Put out these fires in my headspace</div>
    <div class="headersubtitle">The city sits below and we take shots at the moon
</div>
</div>


<!---------------MUSE SLOTS // PLEASE READ

If you want to add more slots, just add the following:

<div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">muse name</div>
        <div class="musepic"><img src="muse image url"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>

--------------- -->

<div id="box">
  <div class="container">


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">adam halim</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/3c7487fe569e27d11e33fad763648dbf/tumblr_inline_ovn274QLvJ1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">aurelia avery</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/827d8fab1a643bded0b67ba5a9d1b02c/tumblr_inline_ovn2740Mjn1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">austin poe jr.</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/730fa156bb4586fcbbd59770b8611f5f/tumblr_inline_ovn274hLmK1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">david adeyemi</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/fa97ed68372b17b6616888e381e2d532/tumblr_inline_ovn3deoZht1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">logan hartley</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/a68191aa0ed040f8a8122fbde10245ad/tumblr_inline_ovn3de7UKz1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">luciano santoro</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/dd77632cfffd22dcece43c3eb1eb74b4/tumblr_inline_ovn3dk2ejr1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">madeline tolbert</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/f0230e13368f5e5dd4b517503676389a/tumblr_inline_ovn3dkTMs71slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">nathan clarke</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/b9a4db376aadd0a0341b722053ab56f2/tumblr_inline_ovn3dlOqIr1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


    <div class="cube">
        <div class="muselnr"><span class="lnr lnr-heart"></span></div>
        <div class="musename">stefan walker</div>
        <div class="musepic"><img src="https://68.media.tumblr.com/b2dcf762dc9262df92e88f1506d432dd/tumblr_inline_ovn3dlbEJh1slfjc1_540.png"></div>
        <div class="muselinks">
          <ul>
            <li><a href="/URL" title="account"><span class="lnr lnr-user"></span></a></li>
            <li><a href="/URL" title="musings"><span class="lnr lnr-tag"></span></a></li>
          </ul>
        </div>
    </div>


  </div>
</div>


<div class="foot">
    <ul>
        <li><a href="/">refresh</a></li>
        <li><a href="/ask">message</a></li>
        <li><a href="/navi">navigate</a></li>
        <li><a href="https://www.tumblr.com/dashboard">dashboard</a></li>
    </ul>
</div>
</div>



<!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! --------------- -->

<div class="credit"><a href="https://astraeawrites.tumblr.com/">AW</a></div>




</body>
</html>