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 Information

Original Description:

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--/