page 03 // hera

<!DOCTYPE html>
<head>

 <!-- THEME BY @LEEJORDAN / @VENUSTHMS
                           do not remove the credit

-------------------------------------------------------------------------

  - terms of use: venusthms.tumblr.com/terms

  - message me if you got any problems or questions about the code

  - you'll find instructions about customization through out the code

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

<title>blogroll</title><link rel="shortcut icon" href="{Favicon}"> <!-- change (tab) title here -->

<!---- SCRIPT - DO NOT TOUCH ---->

<link href="https://fonts.googleapis.com/css?family=Karla|Montserrat|Playfair+Display|Quicksand|Raleway" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lora|PT+Serif|Quattrocento" rel="stylesheet"><link rel="stylesheet" type="text/css" href="//dl.dropbox.com/s/czl0ybkr30aqq72/style.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/xd6ujov/9Rpouml9f/imagesloaded.pkgd.min.js"></script>
<script src="https://static.tumblr.com/f6blkfc/3khouzw5b/masonry.pkgd.min.js"></script>
<link href="https://static.tumblr.com/4gatuv1/X8Poxwvz8/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="https://static.tumblr.com/4gatuv1/Aneoxwvz8/jquery.style-my-tooltips.js"></script>

<script>
!function(t){t(document).ready(function(){t("a[title]").style_my_tooltips({tip_follows_cursor:!0,tip_delay_time:200,tip_fade_speed:300})})}(jQuery);
</script>


<style type="text/css">

/* tooltips */

#s-m-t-tooltip {
    max-width: 250px;
    margin:24px 14px 7px 12px;
    padding:5px 8px;
    background: #fff;
    border-radius:2px;
    font-family: 'karla';
    letter-spacing: 1px;
    font-size:11px;
    color:#000;
    box-shadow: none
}

/* selection */

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

/* general */

body {
    background: #F6F6F6; /* page background color*/
    cursor:default;
}

/* sidebar*/

.side {
  background-color: #fff; /* sidebar background */
}

.side h1 { /* title */
    font-family: 'Playfair Display';
    font-size: 16px;
}

.desc, .links, .filters { /* links + desc */
    font-family: 'karla';
    font-size: 11px;
}

/* blogroll*/

.person { /* container */
    height: 60px;
    border-radius: 4px; /* delete this if you want sharp edges */
    background: #fff;
}

.blogname { /* blog url */
    font-family: 'Playfair Display';
    font-size: 14px;
}

.subtitle { /* blog title */
    font-family: 'karla';
    font-size: 11px;
    text-align: left;
}

/* links */

a {
    color: #000;
    text-decoration: none;
    cursor: help;
}

a:hover {
    color: #C39B9B; /* links hover colour */
}

</style>
</head>
<body>

<!--- sidebar -->

<div class="side">
    <img src="{PortraitURL-64}"></img> <!-- replace {PortraitURL-64} with a image url if you don't want your icon there -->
    <h1>page title;</h1>
    <p class="desc">here goes a description or a quote. it looks best if it's three lines long.</p>

    <div class="links">
    <a href="/">back</a>
    <a href="/ask">message</a>
    <a href="/">link</a>
    <a href="/">link</a>
</div>
</div>

<!--- blogroll starts: you don't need to edit this (if you want to remove the hover effect delte 'hvr-shrink') --->
<div class="grid">
<div class="item">
{block:Following}{block:Followed}<div class="person hvr-shrink"><img border='0' src='{FollowedPortraitURL-64}' />
<div class="blogname"><a href="{FollowedURL}">{FollowedName}</a>;</div>
<div class="subtitle">{FollowedTitle}</div>
</div>{block:Followed}{/block:Following}
</div>
</div>
 <!--- blogroll ends --->


<!----- credit: DO NOT REMOVE OR EDIT ---->
<div class="vt"><a href="https://venusthms.tumblr.com/" title="venusthms"><img src="https://i.imgur.com/PxFLRpM.png"></img></a></div>
</body>
</html>