Honi

<!
--
// Honeycomb
by espoirthemes //
+do not redistribute or claim as your own

+do not use as a base
+edit as much as you want
popup tutorial by htmlqueens

loading screen tutorial by fukuo
-->
<!DOCTYPE html>
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="image:background" content="" />
<meta name="color:background" content="#f7f7f7" />

<meta name="color:posts" content="#fff" />
<meta name="color:text" content="#2b2b2b" />
<meta name="color:bold" content="#222" />
<meta name="color:italic" content="#444" />
<meta name="color:strike" content="#333" />
<meta name="color:ask border" content="#eee" />
<meta name="color:ask bubble" content="#f8f8f8" />
<meta name="color:sidebar" content="#fff" />
<meta name="color:sidebar border" content="#ddd" />
<meta name="color:sidebar links" content="#FFB6C1" />
<meta name="color:info border" content="#ddd" />
<meta name="color:caption" content="#f8f8f8" />
<meta name="color:links" content="{AccentColor}" />
<meta name="color:link hover" content="{AccentColor}" />
<meta name="color:image filter" content="#FFB6C1"/>
<meta name="color:scrollbar" content="#FFB6C1" />
<meta name="color:scrollbar background" content="#ccc" />
<meta name="color:menu link background" content="#f8f8f8" />
<meta name="color:tag link" content="#fff" />
<meta name="color:tag bg" content="#ffb6c1" />
<meta name="color:tag hover" content="{AccentColor}" />
<meta name="text:link 1"content="link 1" />

<meta name="text:url 1"content="http://"/>
<meta name="text:link 4"content="link 4"/>
<meta name="text:url 4" content="http://"/>
<meta name="text:filter opacity" content=".2" />
<meta name="text:Google Font" content="Roboto" />
<meta name="if:full background" content="" />
<link href="https://fonts.googleapis.com/css?family={text:Google Font}"

rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-
font.min.css">
<script type="text/javascript"
src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#"
class="close lnr lnr-cross"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
- .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</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>
#s-m-t-tooltip{
max-width:300px;
margin-top:-50px;
margin-left:-20px;
border:2px solid white;

box-shadow: 0px 0px 0px 2px #000;
font-family:verdana;
padding:5px 5px;
background:#000; /*if you're changing the color in the code, make sure this is the
same as the s-m-t:after */
color:white;
z-index:99999999;
font-size:.82em;
}
#s-m-t-tooltip:after{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 10px 0;
border-color: #000 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -10px;
left: 10%;}
</style>
<script type="text/javascript">
$(window).load(function() { $("#loadingscreen").delay(100).fadeOut("fast");
})
</script>
</head>
<style type="text/css">
#fade { /*--Transparent background layer--*/

display: none; /*--hidden by default--*/
background: #fff;
background-image: url(''); /*if you want to add a background image to go behind
your popup */
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 20px;
border-radius:8px;
border: 1px solid {color:sidebar border}; /*color of the border of the popup box*/
float: left;
font-size:1em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999; /*if the box is hiding behind other things in your theme, add more
9′s */
}
.close{
position:absolute;
right:10px;
top:10px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
.popup_block li {
list-style:none;
background:{color:menu link background};
border:1px solid {color:info border};
margin:4px;
padding:4px;
transition:.6s;
border-radius:4px;
display:inline-block;
}
.popup_block li:hover {
background:{color:image filter};
transition:.6s;
}
body{
margin:0;
background:{color:background} url({image:background})
{block:iffullbackground} no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; {/block:iffullbackground};
background-attachment:fixed;
word-wrap:break-word;
font-size:1.2em;
overflow-x:hidden;
color:{color:text};
font-family:{text:Google Font}, sans-serif;
/*list styles */
li {
list-style:circle;
}
/* scroll bar */
::-webkit-scrollbar {
width: 14px;
height:6px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: {color:scrollbar};
border:4px solid {color:background};
border-top:2px solid {color:background};
border-bottom:2px solid {color:background};
cursor:pointer;
border-radius: 8px;
}
::-webkit-scrollbar-track {
background:{color:scrollbar background};
border: 6px solid {color:background};
border-top:10px solid {color:background};
border-bottom:10px solid {color:background};
/* links, bold, italic, and strike through */
a{
color:{color:links};
text-decoration:none;
transition:.6s
a:hover {
color:{color:link hover};
transition:.6s;
}
b {
color:{color:bold};
}
i {
color:{color:italic};
}
s {
color:{color:strike};
}
/* blockquote */
blockquote{border-left:1px solid black; padding-left:4px; margin:10px;}
blockquote img{
max-width:100%;
/* Sidebar */
#sidebar {
width:350px;
height:100vh;
top:0px;
left:0px;
background:{color:sidebar};
border-right:1px solid {color:sidebar border};
position:fixed;
overflow:hidden;
/* description */
.description {
padding:20px;
transform:translate(0, -20px);
font-size:.9em;
border-bottom:1px solid {color:sidebar border};
transition:.6s;
/* sidebar image */
.side img {
height:100%;
z-index:-1;
min-width:100%;
position:absolute;
}
/* Search */
.clear {
clear: both;
height: 0px;
overflow: hidden;
}
.search {
background: #eee;
.search-scope {
font-size: 12px;
text-align: center;
}
#search-scope input,
#search-scope label {
cursor: pointer;
}
#search form {
margin: 0;
z-index:9999;
#search form .query {

border: none;
outline: none;
background:none;
line-height:100%;
width:200px;
font-size:1.4em;
padding:10px;
color: black;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(0,0,0,.4);
}
::-moz-placeholder { /* Firefox 19+ */
}
:-ms-input-placeholder { /* IE 10+ */
}
:-moz-placeholder { /* Firefox 18- */
}
/* Container */
#container{
position:relative;
width:1200px;
margin:auto auto 100px auto;
margin-left:400px;
/* individual posts */
.entry {
float:left;
{block:ifroundedcorners} border-radius:4px; {/block:ifroundedcorners}

display: block;
margin:10px;
width:350px;
z-index:2;
border:1px solid transparent;
position:relative;
text-align:left;
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
@media only screen and (min-device-width : 768px) and (max-device-width : 1124px) {
#container {
width:700px;
}
.entry:nth-child(2){
transform:translate(-100px, 160px);
}
}
}
}
@media only screen and (min-width : 1224px) {
}
.entry:nth-child(3) {
}
transform:translate(0,0);
}
}
}
}
}
}
}
}
}
}
}
}
.entry img {
max-width:100%;
display:block;
}
/*posts container */
.posts {
width:100%;
top:10px;
z-index:99;
margin:auto auto 200px auto;
margin-left:5px;
margin-right:auto;
position:relative;
}
h1{ padding:20px; margin-top:2px; font-size:18px; text-align:center; padding-

bottom:30px; position:relative;}
/* image filter */
.im {
{block:permalinkpage}
display:none;
{/block:permalinkpage}
}
.im:before {
content:'';
opacity:{text:filter opacity};
position:absolute;
height:100%;
display:none;
transition:.6s;
width:100%;
}
.entry:hover .im:before {
opacity:.98;
transition:.6s;
}
/* Link Posts */
.linkp{
font-size:24px;
position:relative;
text-align:center;
background:#f8f8f8
padding:6px;
border-radius:4px;
}
.linkp a{text-decoration:none; border-bottom:{color:info border}; }
.linkp:after{
content:'»';
transition:.6s; margin-left:2px;
}
.linkp:hover:after{
margin-left:10px;
transition:.6s;
color:{color:link};
/* Chat Posts */
.chat {
padding:5px;
line-height:150%;
}
.chat:nth-of-type(odd) {
background:{color:text};
color:{color:posts};
-webkit-transition:.5s;
transition:.5s; }
.chat:nth-of-type(odd) b {
color:{color:posts};
transition:.5s; }
.chat:nth-of-type(even) {
background:{color:posts};
color:{color:text};
transition:.5s; }
.chat:nth-of-type(even) b{
color:{color:text};
transition:.5s; }
/* Ask Posts */
.speechbubble
{
width:360px;
position: relative;
background:#eee;
left:80px;
margin: 0;
font-size:.9em;
padding:14px;
border-radius:4px;
height: auto;
background: {color:ask bubble};
border: {color:ask border} solid 1px;
}
.speechbubble:after
{
content: '';
position: absolute;
border-width: 12px 17px 12px 0;
border-color: transparent {color:ask bubble};
display: block;
width: 0;
z-index: 1;
left: -17px;
top: 12px;
}
.speechbubble:before
{
content: '';
position: absolute;
border-width: 12px 17px 12px 0;
border-color: transparent {color:ask border};
display: block;
width: 0;
z-index: 0;
left: -18px;
top: 12px;
}
/* Audio Posts */
#albumart{
z-index:2;
width:500px; height:500px;
float:left;
{block:permalinkpage}border-radius:100%;
height:120px;
width:120px;
.playerbox {
float:left;
padding:6px;
}
#albumart img{
float:left;
{block:permalinkpage}border-radius:100%;
width:120px;
height:120px;
border-width:0px; transition:.6s;
}
.playerbox:hover #albumart img{
transition:0.6s;
transform:rotate(300deg); }
.player {
width:20px;
overflow:hidden;
height:40px;
transform:scale(1.2);
border-radius:100%;
{block:indexpage}
opacity:0;
{block:indexpage}
top:8px;
bottom:10px;
left:4px;
padding:8px;
padding-top:6px;
padding-left:10px;
padding-bottom:0px;
border-radius:100%;
position:absolute;
.playercon {
width:56px;
height:56px;
border-radius:100%;
left:0px;
background:white;
top:30px;
position:relative;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;
}
.infobox {
float:left top;
margin-left:90px;
background-color:transparent;
padding:14px;
padding-left:2px;
max-height:140px;
text-align:center;
color:{color:text};
}
.track {
letter-spacing:2px;
padding:8px 10px;
margin-left:-14px;
font-size:1em;
border-bottom:1px solid {color:info border};
font-weight:300;
text-transform:uppercase; transition:.6s;
color:#333;
}
.artist {
letter-spacing:2px;
padding:2px;
font-style:italic;
.album {
font-size:.9em;
.playcount {
font-size:.8em;
text-transform:uppercase;
letter-spacing:3px;
}
#audiolo {
width:480px;
/* hover info */
.info {
width:220px;
position:absolute;
background:transparent;
left: 50%;
text-align:center;
top: 50%;
height:100px;
margin-left: -110px;
margin-top: -20px;
overflow:hidden;
opacity:0;
transform:translate(0px, -20px);
transition:.6s;
}
.info svg {
width:16px;
height:16px;
fill:{color:links};
}
.info .like svg {

width:1.68em;
margin-top:0px;
height:1.68em;
}
.info .like { /* Make a parent element */

position:absolute;
right:28px;
top:2px;
.info .like .like_button { /* Position like button above your custom one */
position: absolute;
top: 0;
margin-left:-2px;
margin-top: -3px;
opacity: 0;
}
.info .like .like_button.liked { /* Keep the functionality active */
opacity: 1;
}
/* index text posts */

.text {
position:absolute;
height:220px;
width:210px;
left: 50%;
top: 50%;
height:200px;
overflow:hidden;
margin-left: -90px;
margin-top: -100px;
}
.text:after {
content:'';
background:linear-gradient(to bottom, transparent, {color:image filter});
position:absolute;
height:100%;
width:100%;
bottom:0px;
transition:.6s;
}
.entry:hover .text:after {
transition:.6s;
}
.text a {
color:{color:text};
border-bottom:1px solid {color:links};
}
.entry:hover .info {
opacity:1;
transition:.6s;
}
.info a {
padding:2px;
font-size:2em;
/* pop up links */
.menu {
transition:1s;
width:90%;
opacity:1;
transform:translate(0, -20px);
left:20px
}
.menu a {
font-size:1.2em;
}
.menu li {
display:inline-block;
}
.menulink {
background:{color:sidebar links};
padding-top:8px;
padding-left:2px;
}
/*hexagon styling */
.hexa3, .hexa3 div {

margin: 0px auto;
transform-origin: 50% 50%;
overflow: hidden;
width: 300px;
height: 300px;
}
.hexa3 {
width: 60px;
height: 40px;
}
.hexa3 div {
width: 100%;
height: 100%;
}
.hexa3 {
transform: rotate(120deg);
}
.hexa, .hexa div {

margin: 0 auto;
overflow: hidden;
width: 300px;
height: 300px;
}
.hexa {
width: 380px;
height: 290px;
}
.hexa div {
width: 100%;
height: 100%;
}
.hexa {
}
.hex1 {
transform: rotate(-60deg);
}
.hex2 {
}
.sideimage {
padding:40px 0px;
border-bottom:1px solid {color:sidebar border};
position:relative;
.hexa2, .hexa2 div {

margin: 0px auto;
overflow: hidden;
width: 300px;
height: 300px;
}
.hexa2 {
width: 120px;
height: 100px;
}
.hexa2 div {
width: 100%;
height: 100%;
}
.hexa2 {
}
.hex1 {
}
.hex2 {
}
.ah:before {
content:'';
width:100%;
height:100%;
position:absolute;
opacity:0;transition:.6s;
.sideimage:hover .ah:before {
opacity:1;
transition:.6s;
}
.inf {
height:40px;
width:40px;
position:absolute;
transform:translate(0px, -20px);
top:90px;
transition:.6s;
width:100%;
opacity:0;
text-align:center;
#sidebar ol.notes {
display:none;
}
.sideimage:hover .inf {
transform:translate(0,-8px);
opacity:1;
transition:.6s;
}
.ps {
display:none;
}
/* Permalink pages styling */
/* captions */
.caption {
padding:20px;
margin-top:10px;
border-radius:4px;
}
/* Permalink info */
.permainfo {
padding:20px;
text-align:center;
margin-top:10px;
border-radius:4px;
}
/*Tags */
.tags {
padding:20px;
text-align:center;
margin-top:10px;
.tags a {
background:{color:tag bg};
color:{color:tag link};
padding:4px 6px;
border-radius:4px;
transition:.6s;
}
.tags a:hover {
background:{color:tag hover};
transition:.6s;
}
/* Pagination */
#pagination a {color:{AccentColor}}
#pagination { text-align:center; font-size:.9em; margin-bottom:100px; }
.jump_page {
padding: 4px 6px;
margin:2px;
background:#f8f8f8;
border-radius:4px;
}
.jump_page a {
border:none;
}
.current_page {
padding: 4px 6px;
border:1px solid {AccentColor};
background:{AccentColor};
opacity:.8;
color:white;
transition:.6s;
border-radius:4px;
margin:2px;
}
.current_page:hover {
opacity:1;
transition:.6s;
}
#egg { opacity:.8;right:10px; bottom:10px; position:fixed;display:block; width:

14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px
63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
font-family: "bitxmap";
border:1px solid #888; z-index:9999;
}
#egg:hover { animation-name: egg;
animation-duration: 1s;
animation-iteration-count: infinite;}
@keyframes egg{
0%{}
10%{transform:rotate(20deg)}
80%{transform:rotate(-20deg)}
100%{}
}
/* PostNotes */
#notes {
padding:20px;
margin-top:10px;
border-radius:4px;
}
#notes li {
list-style:none;
}
ol.notes {
margin:auto;
position:relative;
width:450px;
animation-name: Up 4s;
list-style:none;
padding:none;
animation-iteration-count:1;
animation-fill-mode:forwards;
ol.notes li {
border:1px solid transparent
list-style:none;
padding:8px;
padding-left:none;
border-radius:4px;
width:100%;
margin:10px 0px;
background-color:{color:posts};
ol.notes img {
transform:translate(-4px,4px);
border-radius:4px;
float:left;
}
ol.notes .like:before {
background:#D95E40 url(http://static.tumblr.com/svdghan/hNCo953tc/like_bt.png);
content:'';
width:16px;
height:16px;
float:right;
background-repeat:no-repeat;
padding:1px;
background-size:17px 18px;
border-radius:100%;
ol.notes .reblog:before {
content:'';
background-repeat:no-repeat;
padding:1px;
float:right;
background:#56bc8a
url(http://static.tumblr.com/svdghan/N3Ho953ts/reblog_white.png);
width:16px;
height:16px;
border-radius:100%;
background-size:17px 18px;
}
ol.notes .reblog.original_post:before {
width:16px;
height:16px;
padding:1px;
float:right;
content:'';
}
#loadingscreen {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: 50% 50% no-repeat #fff;
background-size:325px;
{CustomCSS}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></
script>
<script src="jquery.style-my-tooltips.js"></script>
src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-
tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
}
);
});
})(jQuery);
</script>
src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
</script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></
script>
<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>
<script type="text/javascript">$(window).load(function(){$
("p").remove(":contains('Source:')");});</script></head>
</head>
<body>
<div id="sidebar">
<div class="side">
<div class="sideimage">
<div class="hexa2">
<div class="hex1">
<div class="hex2">
<div class="ah"><img src="{PortraitURL-128}"></div>
</div>
</div>
</div>
<div class="inf"><a href="#?w=250" rel="02" class="poplight"><span class="lnr

lnr-magnifier"></span></a></div>
</div>
<center>
<div class="menu">
<li><div class="hexa3"><div class="hex1"><div class="hex2"><div
class="menulink"><a class="lnr lnr-home" href="/" title="{lang:home}"></a></div>
</div></div></div> </li>
{block:AskEnabled}
class="menulink"><a class="lnr lnr-envelope" href="/ask"
title="{AskLabel}"></a></div> </div></div></div> </li>
{/block:AskEnabled}
{block:SubmissionsEnabled}
class="menulink"><a class="lnr lnr-inbox" href="/submit"
title="{submitlabel}"></a></div> </div></div></div> </li>
{/block:SubmissionsEnabled}
class="menulink"><a class="lnr lnr-history" href="/archive"
title="{lang:archive}"></a></div> </div></div></div> </li>
class="menulink"><a href="#?w=300" rel="03" class="poplight lnr
lnr-menu"></a></div> </div></div></div> </li>
</div>
</center>
<div class="description">
{Description}
</div>
<center>
{block:PermalinkPagination}
{block:PreviousPost}
<a href="{PreviousPost}" class="jump_page">Previous Post</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" class="jump_page">Next Post</a>
{/block:NextPost}
{/block:PermalinkPagination}</center> <br>
{block:PostNotes} {PostNotes-16} {/block:PostNotes}
{block:Pagination}
<div id="pagination">
{block:previousPage}<a href="{PreviousPage}"
class="jump_page">{lang:previous}</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">✘</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" class="jump_page">{lang:next}</a>
{/block:NextPage}
</div>
{/block:Pagination}
<center>{block:DayPagination}{block:PreviousDayPage}
<a href="{PreviousDayPage}" class="jump_page">
« {ShortMonth} {DayOfMonth}
</a>
{/block:PreviousDayPage}{block:NextDayPage}
<a href="{NextDayPage}" class="jump_page">
{ShortMonth} {DayOfMonth} »
</a>
{/block:NextDayPage}{/block:DayPagination}</center>
</div>
</div>
<a href="http://espoirthemes.com"><div id="egg"></div></a>

<div id="container"> <div id="loadingscreen">
</div>
{block:DayPage}
<h2>Posts made on {Month} {DayOfMonth}, {Year}</h2>
{/block:DayPage}
{block:SearchPage}<h3>
{lang:SearchResultCount results for SearchQuery} </h3>
{block:NoSearchResults}
<h3>
{lang:Sorry no results for SearchQuery} </h3>
{/block:NoSearchResults}
{/block:SearchPage}
{block:TagPage}
<h3>{lang:Showing TagResultCount posts tagged Tag}
</h3>
{/block:TagPage}
<div class="posts">
{block:Posts}<div class="entry">

{block:ContentSource}

{/block:ContentSource}
{block:Text}
{block:indexpage} <div class="hexa">
<div class="hex1">
<div class="hex2"> <div class="im"></div> <div class="imh"></div>
</div>
</div>
</div> <div class="text">{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title} {Body}</div>
{block:Date} <div class="info"><div class="like">

<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486"
style="enable-background:new 0 0 369.486 369.486;"
xml:space="preserve">
<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{LikeButton size="36"}
</div> <a href="{permalink}" title="view {PostType} post"><span class="lnr lnr-
eye"></span></a> <a href="{reblogURL}"><span class="lnr lnr-redo"></span></a>
</div> {/block:date}
{/block:indexpage}
<div class="caption"> {block:title} <h1>{Title}</h1>
{/block:title}
{body}</div>
{/block:PermalinkPage}
{/block:Text}{block:Photo}
<div class="hex1">
<div class="hex2"> <div class="im"><img src="{PhotoURL-HighRes}"
alt="{PhotoAlt}" style="min-width:100%; min-height:100%" /></div>
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Permalinkpage}
{/block:Photo}{block:Panorama}
{LinkOpenTag}
<div class="im"> <img src="{PhotoURL-Panorama}"
alt="{PhotoAlt}"/></div>
{LinkCloseTag}{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}
{/block:Panorama}{block:Photoset}
{block:indexpage}
<div class="hexa">
<div class="hex1">
<div class="hex2"> <div class="im">{block:Photos}<img src="{PhotoURL-
HighRes}" class="ps"/>{/block:Photos}
</div>
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
{photoset}
{block:Caption}
{/block:Caption}
{/block:Photoset}{block:Quote}
<div class="hex1">
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
"{Quote}"
<br>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
{/block:Quote}{block:Link}
<div class="hex1">
<div class="hex2"> <div class="im"><img src="{Thumbnail-HighRes}"
style="width:100%; height:100%"></div> <div class="imh"></div>
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
<div class="caption">
<center>
<a href="{URL}" class="linkp" target="_blank" style=" text-decoration:none;
border-bottom:1px solid {color:info border}"> {Name}</a>
</center> </div>
{block:Description}
<div class="caption"> {Description}</div>
{/block:Description} <br>
{/block:Link}{block:Chat}
<div class="hex1">
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
{block:Title}<a href="{Permalink}" style="background:transparent;
padding:0;"><h1>{title}</h1></a>{/block:Title}{block:Lines}<div
class="chat">{block:Label}<b>{Label}</b>{/block:Label}
{Line}<br/></div>{/block:Lines}
</div>
{/block:Chat}{block:Video}
{block:indexpage}
<div class="hexa">
<div class="hex1">
<div class="hex2"> <div class="im"></div>
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
{Video-500}
{block:caption}
{Caption}
</div>
{/block:Caption}
{/block:Video}{block:Audio}
{block:indexpage}
<div class="hexa">
<div class="hex1">
<div class="hex2"> <div id="audiolo">
<div class="playerbox">
<div id="albumart" syle="width:450px; height:450px;"><div
class="im">{block:AlbumArt}<img src="{AlbumArtURL}" style="height:450px;
width:450px">{/block:AlbumArt}</div></div>
<center><div class="playercon"><div
class="player">{AudioPlayerWhite}</div></div></center></div>
<div class="infobox">
<div class="track"> {block:TrackName}
{TrackName}
{/block:TrackName} </div>
<div class="artist">
{block:Artist}{Artist}
{/block:Artist} </div>
<div class="album">
{block:Album}
{Album}
{/block:Album}
</div>
<div class="playcount">
{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
</div></div>
</div>
</div></div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
</div> <a href="{permalink}"title="view {PostType} post"><span class="lnr lnr-
</div> {/block:date} {/block:indexpage}
{block:permalinkpage}<div class="caption">
<div id="audiolo">
<div class="playerbox">
<div id="albumart"> {block:AlbumArt}<img
src="{AlbumArtURL}">{/block:AlbumArt}</div>
<center><div class="playercon"><div
class="player">{AudioPlayerWhite}</div></div></center></div>
<div class="infobox">
<div class="track"> {block:TrackName}
{TrackName}
{/block:TrackName} </div>
<div class="artist">
{block:Artist}{Artist}
{/block:Artist} </div>
<div class="album">
{block:Album}
{Album}
{/block:Album}
</div>
<div class="playcount">
{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div> <br><br>
</div></div>
</div>
{block:Caption}
{/block:Caption}
{/block:Audio}
{block:Answer}
<div class="hex1">
</div>
</div>
</div>

<g>
<g>
<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-
159.16c-0.038-0.041-0.076-0.082-0.113-0.123
C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-
74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-
20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-
9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z
M46.295,177.252l138.448,149.219l138.448-149.22
c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-
14.891-31.224-23.09-50.051-23.09
c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-
5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-
23.086S62.039,45.333,48.594,60.22l-2.244,2.484
C17.828,94.283,17.809,145.65,46.295,177.252z"/>
</g>
</g>
</svg>
{/block:indexpage}
<br>
<div class="askerportrait"><img style="position:absolute; margin-left:10px"
src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker}
shouted: {Question}</div> {answer}
</div>
{/block:Answer}
{block:permalinkpage} {block:date}<div class="permainfo">
Posted <a
href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortMonth}
{dayofmonth}, {Year}</a> at {12hour}:{minutes}{AmPM}
{block:RebloggedFrom}<br> {lang:via} <a href="{ReblogParentURL}">
{ReblogParentName}</a>
{/block:RebloggedFrom}
{block:ContentSource}{lang:source} <a href="{ReblogRootURL}">
{ReblogRootName}</a>{/block:ContentSource}
</div>
{/block:date}
{block:hastags}
<div class="tags">
{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
</div>
{/block:hastags}
{block:notecount} <div id="notes"> Showing {NoteCountWithLabel} <br>

{block:PostNotes} {PostNotes-16} {/block:PostNotes}</div> {/block:notecount}
</div>{/block:Posts}</div>
</div>
</body>
<div id="02" class="popup_block"><center>
<div id="search">
<form action="/search" method="get" id="search-form">
<input type="hidden" name="t" value="{Name}" />
<input type="text" name="q" class="query"
value="{SearchQuery}" placeholder="search..."/>
<div class="clear"></div>
</form></div> </center>
</div></div>
<div id="03" class="popup_block">
<center> <h4>{lang:Navigate}</h4>
{block:haspages} {block:pages}<li> <a href="{URL}">{Label}</a></li>{/block:pages}
{/block:haspages}
<li><a href="{text:url 1}">{text:link 1}</a></li>
</center>
</div></div>
</html>

Honi

Uploaded by

Document Informationclick to expand document information

Copyright:

Available Formats

Honi

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Honi

Uploaded by

Copyright:

Available Formats

<!

+do not redistribute or claim as your own

popup tutorial by htmlqueens

<meta name="image:background" content="" />

<meta name="color:background" content="#f7f7f7" />

<meta name="text:link 1"content="link 1" />

<meta name="if:full background" content="" />

<link href="https://fonts.googleapis.com/css?family={text:Google Font}"

border:2px solid white;

#fade { /*--Transparent background layer--*/

/* links, bold, italic, and strike through */

blockquote{border-left:1px solid black; padding-left:4px; margin:10px;}

#search form .query {

{block:ifroundedcorners} border-radius:4px; {/block:ifroundedcorners}

@media only screen and (min-device-width : 768px) and (max-device-width : 1124px) {

@media only screen and (min-width : 1224px) {

h1{ padding:20px; margin-top:2px; font-size:18px; text-align:center; padding-

.info .like svg {

.info .like { /* Make a parent element */

/* index text posts */

.hexa3, .hexa3 div {

.hexa, .hexa div {

.hexa2, .hexa2 div {

/* Permalink pages styling */

#egg { opacity:.8;right:10px; bottom:10px; position:fixed;display:block; width:

<div class="inf"><a href="#?w=250" rel="02" class="poplight"><span class="lnr

<a href="http://espoirthemes.com"><div id="egg"></div></a>

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:Date} <div class="info"><div class="like">

{block:notecount} <div id="notes"> Showing {NoteCountWithLabel} <br>

<div id="03" class="popup_block">

You might also like

#fade { /--Transparent background layer--/