page 01 — reflections (icons page)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!------------------------------------------------------

     reflections @ hawkinsgrocery.tumblr.com

     PLEASE DO NOT:
        remove the credits;
        claim as your own;
        use as a base;
        take parts of the theme;
        repost as your own.

     YOU CAN:
        edit as much as you want for your own personal use only.

     icons credit : https://thalsicons.tumblr.com/tagged/faceless-icons

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


<head>
<title>{Title}&nbsp;&nbsp;—&nbsp;&nbsp;icons</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='https://fonts.googleapis.com/css?family=Karla:400,300,700' rel='stylesheet' type='text/css'>

<!-- scripts -->
<link href='https://static.tumblr.com/m2fiocp/rlrqq9wlt/outicons.css' rel='stylesheet' type='text/css'>

<style type="text/css">

@keyframes fadeout {
    from { opacity:0; }
    to   { opacity:1; }
}

@-moz-keyframes fadeout {
    from { opacity:0; }
    to   { opacity:1; }
}

@-webkit-keyframes fadeout {
    from { opacity:0; }
    to   { opacity:1; }
}

@-ms-keyframes fadeout {
    from { opacity:0; }
    to   { opacity:1; }
}

@-o-keyframes fadeout {
    from { opacity:0; }
    to   { opacity:1; }
}


body {
    background:#f8f8f8;
    font-family:'Karla';
    margin:0px;
    font-size: 10px;

}


a {
    text-decoration: none;
    color:#888;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

a:hover {
    color:#decba4;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

::-webkit-scrollbar-thumb:vertical {
    background-color: #ddd;
    width: 4px;
    height: 30px;

} ::-webkit-scrollbar {
    height: 30px;
    width: 4px;
    background-color: #fff;

}

.containers {
    width:650px;
    margin-bottom:50px;
    margin-right:auto;
    margin-left:auto;
    margin-top:50px;

}

.container {
    padding:5px;
    width: 630px;
    margin-top:120px;
    margin-left:20px;
    position:center;
    text-align:left;
    overflow-y:auto;

}

.container img {
    width:75px;
    margin:2px;
    border-radius:6px;
    margin-top:3px;
    padding:3px;
    display:inline-block;

}


#links {
    text-align:center;
    padding:19px;
    width:551px;
    margin-left:27px;
    margin-top:40px;
    list-style:none;
    margin-bottom:0px;
    position:relative;
    color:#888;
    text-transform:lowercase;
    font-size:14px;
    font-family: 'Karla';
    line-height:9px;
    font-weight: 600;

}

#links2 {
    text-align:center;
    padding:3px;
    width:40px;
    margin-left:0px;
    margin-top:-10px;
    list-style:none;
    margin-bottom:20px;
    position:relative;
    color:#333;
    text-transform:lowercase;
    font-size:13px;
    font-family: 'Karla';
    margin-left:5px;
    font-weight: 600;

}

#links2 a {
    color:#fff;

}

.credit {
    position:fixed;
    bottom:15px;
    right:15px;
    font-size:20px
}


</style><body>

<div class="containers">

<div id="links" style="padding:18.5px;width:552px">

<div style="color:#888888">&nbsp;reflections</div><br><small><small><b>

<a href="/">&nbsp;back</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<b><a href="/ask">message</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<b><a href="/archive">archive</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<b><a href="/">link</b></a>

</small><small></small></div>
<br><br>


<div id="links2" style="margin-top:-58px;border-radius:5px">
<br><br>
</div>

<div class="container" style="margin-top:-10px">

<!--------

you can add as many icons as you want, just insert <img src="url"/> for each new one you want to add.

-------->

<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>
<img src="url"/>


</div></div></div>

</section>

<!-- jquery -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
$(document).ready(function() {
    $(document).tooltip({
        track:true
    });
});
</script>

<div class="credit"><a href="https://hawkinsgrocery.tumblr.com" title="hawkinsgrocery"><i class="oi oi-heart"></i></a></div>
</body></html>