Theme Backup

<!
DOCTYPE html>
<head>


<title>{Title}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<meta name="description" content="{MetaDescription}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="if:Dark Tumblr Controls" content="1">

<meta name="if:Fade In On Refresh" content="1">
<meta name="if:Featured Posts" content="1">
<meta name="if:One Column" content="0">
<meta name="if:American Date" content="0">
<meta name="select:Font Family" title="rubik" content="Rubik">

<meta name="select:Font Family" title="nunito" content="Nunito">
<meta name="select:Font Family" title="overpass" content="Overpass">
<meta name="select:Font Family" title="raleway" content="Raleway">
<meta name="select:Font Family" title="bai jamjuree" content="Bai Jamjuree">
<meta name="select:Font Size" title="15px" content="15px">

<meta name="select:Tags Icon" title="sun" content="sun">

<meta name="select:Tags Icon" title="hashtag" content="hashtag">
<meta name="select:Tags Icon" title="bookmark" content="bookmark-1">
<meta name="select:Tags Icon" title="chat bubble" content="chat-bubble">
<meta name="select:Tags Icon" title="checkmark" content="check-mark">
<meta name="select:Tags Icon" title="circle" content="circle">
<meta name="select:Tags Icon" title="cloud" content="cloud-3">
<meta name="select:Tags Icon" title="cog" content="settings">
<meta name="select:Tags Icon" title="cross" content="cross">
<meta name="select:Tags Icon" title="diamond" content="diamond">
<meta name="select:Tags Icon" title="flag" content="flag-1">
<meta name="select:Tags Icon" title="flower" content="flower-1">
<meta name="select:Tags Icon" title="gift" content="gift">
<meta name="select:Tags Icon" title="heart" content="heart-1">
<meta name="select:Tags Icon" title="moon" content="moon">
<meta name="select:Tags Icon" title="music note" content="music">
<meta name="select:Tags Icon" title="pencil" content="pencil">
<meta name="select:Tags Icon" title="planet" content="planet-2">
<meta name="select:Tags Icon" title="plus" content="plus-1">
<meta name="select:Tags Icon" title="push pin" content="push-pin">
<meta name="select:Tags Icon" title="snowflake" content="snowflake">
<meta name="select:Tags Icon" title="star" content="star">
<meta name="color:Background" content="#ffdccf">

<meta name="color:Text" content="#888">
<meta name="color:Blockquote" content="#fff">
<meta name="color:Selection Text" content="#fff">
<meta name="color:Selection Background" content="#ffb194">
<meta name="color:Footer Background" content="#ffb194">
<meta name="color:Footer Text" content="#fff">
<meta name="color:Footer Link" content="#ffdccf">
<meta name="color:Container Background" content="#fff">
<meta name="color:Post Background" content="#ffdccf">
<meta name="color:Post Title Background" content="#ffb194">
<meta name="color:Post Title Text" content="#fff">
<meta name="color:Post Title Hover" content="#ffdccf">
<meta name="color:Post Link" content="#fff">
<meta name="color:Post Link Hover" content="#ffb194">
<link href='https://fonts.googleapis.com/css?family=Emblema+One|Rubik|Nunito|
Overpass|Raleway|Bai+Jamjuree' rel='stylesheet' type='text/css'>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css"
rel="stylesheet">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script
src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames
.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.min.js"
></script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>
<script
src="https://static.tumblr.com/uxq3xua/Tydpu4q3u/dusk.cactusthemes.js"></script>
<script>
$(document).ready(function() {
{block:ifFeaturedPosts}
var readData, insert;
var url = "https://{name}.tumblr.com/api/read/json?&tagged=featured";
$.getScript(url, function() {
readData = tumblr_api_read;
console.log(readData);
for (var i = 0; i <= 2; i++) {
var posts = readData.posts[i];
var link = posts["url"];
var img = posts["photo-url-1280"];
var captionPhotos = posts["photo-caption"];
var titleText = posts["regular-title"];
var captionText = posts["regular-body"]
if (img === undefined) {
insert = '<div class="featured_post">';
insert += '<h3>' + titleText + '</h3>';
insert += '<div class="featcap">' + captionText + '</div>';
insert += '<a class="featmore" href="' + link + '">see more</a>';
insert += '</div>';
$('.featured_inner').append(insert);
$("h3").each(function() {
var $this = $(this);
if($this.text() === "null") {
$this.remove();
}
});
} else {
insert = '<div class="featured_post">';
insert += '<img src="' + img + '">';
insert += '<div class="featcap">' + captionPhotos + '</div>';
insert += '<a class="featmore" href="' + link + '">see more</a>';
insert += '</div>';
$('.featured_inner').append(insert);
}
}
});
{/block:ifFeaturedPosts}
// minimal soundcloud player © shythemes.tumblr
var color = '{color:Post Link Hover}';
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] +
'&liking=false&sharing=false&auto_play=false&show_comments=false&am
p;continuous_play=false&buying=false&show_playcount=false&show_artwork=
false&origin=tumblr&color=' + color.split('#')[1], height: 116, width:
'100%' });
});
});
</script>
<style type="text/css">
body {
background:{color:Background};
font-family:'{select:Font Family}';
color:{color:Text};
font-size:{select:Font Size};
margin:0;
line-height:20px;
}
iframe.iframe-controls--desktop {
white-space:nowrap!important;
z-index:99999999999999!important;
top:calc(5% - 17px);
right:30px;
{block:ifDarkTumblrControls}
filter:invert(1) contrast(150%);
-webkit-filter:invert(1) contrast(150%);
-o-filter:invert(1) contrast(150%);
-moz-filter:invert(1) contrast(150%);
-ms-filter:invert(1) contrast(150%);
opacity:.6!important;
{/block:ifDarkTumblrControls}
{block:ifNotDarkTumblrControls}
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
transform:scale(0.75);
transform-origin:100% 0;
-webkit-transform:scale(0.75);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.75);
-o-transform-origin:100% 0;
-moz-transform:scale(0.75);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.75);
-ms-transform-origin:100% 0;
}
iframe.iframe-controls--desktop:hover {
opacity:1!important;
{/block:ifNotDarkTumblrControls}
}
div.status-indicator {
filter:invert(1)!important;
}
iframe.tmblr-iframe--app-cta-button, iframe.iframe-controls--phone-mobile {
display:none!important;
}
.tmblr-iframe-pushdown {
padding:0px!important;
}
h1, h2, h3, h4, h5 {

margin:1em 0;
}
a {
text-decoration:none;
}
p {
margin:.75em 0;
}
* p:first-of-type {
margin-top:0;
}
* p:last-of-type {
margin-bottom:0;
}
blockquote {
margin:0px 20px;
border-radius:15px;
background:{color:Blockquote};
padding:15px;
}
blockquote a {
color:{color:Post Link Hover}!important;
transition:all .5s ease-in-out!important;
}
blockquote a:hover {
color:{color:Post Background}!important;
}
blockquote blockquote {
margin:10px;
background:{color:Post Link Hover};
}
img {
margin-bottom:-4px;
}
::-webkit-scrollbar {
display:none;
}
::selection {
color:{color:Selection Text};
background:{color:Selection Background};
}
::-moz-selection {
}
#s-m-t-tooltip {
max-width:300px;
overflow-x:auto;
margin:15px;
padding:10px;
border-radius:15px;
font-size:1em;
height:auto;
word-wrap:break-word;
z-index:9999!important;
text-transform:lowercase;
}
/* i changed to 150 and it made 2 columns !! */

#cont_before, #cont_after {
background:{color:Background};
position:fixed;
width:150%;
height:10%;
left:0;
z-index:99;
}
#cont_before {
top:0;
}
#cont_after {
bottom:0;
}
section#container {
width:85%;
height:80%;
position:fixed;
background:{color:Footer Background};
top:10%;
left:7.5%;
border-radius:50px;
overflow:hidden;
}
section#container footer {
height:15%;
color:{color:Footer Text};
/*padding here x = up or down, y = narrowing or widening*/
padding:10px 32px;
box-sizing:border-box;
z-index:99;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
}
section#container footer .line {

background:{color:Footer Text};
height:2px;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
display:inline-block;
margin:0 15px;
}
section#container footer h2 {
/*text-transform:capitalize;*/
vertical-align:middle;
font-family:'Emblema One';
margin:0;
white-space:nowrap;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
}
section#container .desc a {
color:{color:Footer Link};
}
/*ok here is the hover button for side buttons*/

section#container .desc a:hover {
}
section#container footer #pagination {

-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
white-space:nowrap;
}
section#container footer #pagination div {

margin-right:10px;
}
section#container footer #pagination .next {

margin-right:0;
}
section#container footer #pagination .prev .th {

transform:rotate(180deg);
}
section#container footer #pagination .th {

background:{color:Footer Link};
padding:10px;
border-radius:50px;
}
section#container footer #pagination a {

}
/*oh this is useful. when you hover on the next button it goes away*/
section#container footer #pagination a:hover .th {
background:transparent;
}
section#container #inner {
background:{color:Container Background};
width:100%;
height:85%;
border-radius:0px 0px 30px 30px;
z-index:1;
position:relative;
overflow:auto;
}
#hamburger {
opacity:0;
position:fixed;
}
label {
display:none;
position:fixed;
/*cursor:pointer;*/
z-index:999;
background:rgba({RGBColor:Footer Background},.6);
width:65px;
height:65px;
top:0;
left:0;
border-radius:0px 0px 100% 0px;
padding-top:15px;
}
label span {
display:block;
width:30px;
height:4px;
margin:0px 0px 5px 12.5px;
position:relative;
background:{color:Text};
z-index:1;
opacity:1;
transform-origin:4px 0px;
transition:all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
label span:first-of-type {
transform-origin:0% 0%;
}
label span:nth-of-type(3) {
transform-origin:0% 100%;
}
input#hamburger:checked ~ label span:first-of-type {

transform:rotate(45deg) translate(-2px, -1px);
}
input#hamburger:checked ~ label span:nth-of-type(2) {

opacity:0;
transform:rotate(0deg) scale(0.2, 0.2);
}
input#hamburger:checked ~ label span:nth-of-type(3) {

transform:rotate(-45deg) translate(0, -1px);
}
input#hamburger:checked ~ #inner > aside {

left:0;
}
input#hamburger:checked ~ footer {
left:100%;
}
section#container #inner aside {

width:25%;
min-height:100%;
padding:30px 30px 0px 0px;
vertical-align:top;
position:relative;
margin-right:30px;
border-right:1px solid #eee;
}
section#container #inner aside h2 {

margin:.5em 0;
color:{color:Post Title Text};
background:{color:Post Title Background};
}
section#container #inner aside h2:first-of-type {

margin-top:0;
}
section#container #inner aside a {

display:block;
text-transform:lowercase;
margin:5px 0px;
position:relative;
color:{color:Text};
}
section#container #inner aside h2 + a {

margin-top:0;
}
section#container #inner aside a::after {
content:'\ebc6';
font-family:'honeybee';
position:absolute;
font-size:calc(1em - 3px);
right:15px;
opacity:0;
transition:opacity .5s ease-in-out;
}
section#container #inner aside a:hover {

background:{color:Post Background};
box-shadow:2px 2px 10px {color:Post Background};
}
section#container #inner aside a:hover::after {

opacity:1;
}
section#container #inner aside.sticky_bottom {

position:fixed;
width:calc(85% * .25);
}
section#container #inner aside.sticky_bottom + section#posts {

margin-left:calc(25% + 30px);
width:calc(74% - 24px);
}
section#container #inner aside.small {

position:fixed;
}
section#container #inner aside.small + section#posts {

}
section#container #inner section#posts {

vertical-align:top;
position:relative;
}
/*
section#container #inner section#posts.page-1 article.featured_cont,

section#container #inner section#posts.page-1 h2.regpost {
display:block;
}
section#container #inner section#posts article.featured_cont {

width:100%;
display:none;
}
section#container #inner section#posts article.featured_cont h2, section#container

#inner section#posts h2.regpost {
margin:.5em 0;
padding:10px 20px;
border-radius:50px;
margin-top:0;
}
section#container #inner section#posts h2.regpost {

margin-top:.5em;
display:none;
}
section#container #inner section#posts article.featured_cont .featured_post {

vertical-align:top;
height:170px;
position:relative;
overflow:hidden;
margin-right:15px;
}
section#container #inner section#posts article.featured_cont .featured_post:last-

of-type {
margin-right:0;
}
section#container #inner section#posts article.featured_cont .featured_post::after

{
content:'';
position:absolute;
width:100%;
height:100px;
background:linear-gradient(0deg,{color:Post Background},rgba({RGBColor:Post
Background},.15));
bottom:0;
left:0;
}
section#container #inner section#posts article.featured_cont .featured_post h3 {

margin:0;
padding:10px;
}
section#container #inner section#posts article.featured_cont .featured_post img {

width:100%;
height:auto;
}
section#container #inner section#posts article.featured_cont .featured_post

.featcap {
padding:10px;
border-radius:15px;
height:100%;
color:{color:Text};
}

.featcap a {
color:{color:Post Link};
}

.featcap blockquote {
margin:0;
padding:0;
}

.featcap blockquote:first-of-type p {
margin-bottom:.5em;
}
section#container #inner section#posts article.featured_cont .featured_post h3 +

.featcap, section#container #inner section#posts article.featured_cont
.featured_post img + .featcap {
}

a.featmore {
position:absolute;
width:100%;
bottom:15px;
text-align:center;
z-index:999;
display:block;
}
{/block:ifFeaturedPosts}*/
section#container #inner section#posts section.posts_inner {

width:100%;
}
article.post {
margin-bottom:30px;
position:relative;
width:100%;
}
article.post:last-of-type {
margin-bottom:0;
}
article.post .postheader {
text-align:center;
}
article.post:not(.photo):not(.video):not(.audioembed):not(.audio):not(.answer)
.postheader .posttitle {
padding:20px;
}
article.post .postheader .posttitle h2.title ~ .posticon::after {

display:none;
}
article.post .postheader .posttitle .pic ~ .posticon::after, article.post.link

.postheader .posttitle a.link ~ .posticon::after {
display:none;
}
article.post .postheader .posttitle .posticon::after {

display:block;
font-size:1.5em;
}
article.post.text .postheader .posttitle .posticon::after {

content:'\eb02';
}
article.post.quote .postheader .posttitle .posticon::after {

content:'\eca6';
}
article.post.chat .postheader .posttitle .posticon::after {

content:'\ebcf';
}
article.post.answer .postheader .posttitle {

text-align:left;
min-height:96px;
}
article.post .postheader .posttitle .question img {

border-top-left-radius:15px;
vertical-align:top;
}
article.post .postheader .posttitle .question .que_cont {

vertical-align:top;
padding:15px;
}
article.post .postheader .posttitle .question .que_cont .asker {

font-weight:bold;
transition:color .5s ease-in-out;
}
article.post .postheader .posttitle .question .que_cont a.asker:hover {

color:{color:Post Title Hover};
}
article.post .postheader .posttitle .audio {

position:relative;
}
article.post .postheader .posttitle .audio .art, article.post .postheader

.posttitle .audio .art img {
width:120px;
height:120px;
border-top-left-radius:15px;
vertical-align:top;
}
article.post .postheader .posttitle .audio .auinfo {

vertical-align:top;
padding:15px;
text-align:left;
}
article.post .postheader .posttitle .audio .auinfo .track {

font-weight:bold;
}
article.post .postheader .posttitle .audio .auinfo span {

display:block;
}
article.post .postheader .posttitle .audio .player iframe.tumblr_audio_player {

width:100%;
margin-bottom:-4px;
}
article.post .postheader .posttitle .audioembed {

overflow:hidden;
}
article.post iframe.soundcloud_audio_player {
max-height:116px!important;
margin-bottom:-4px;
}
article.post iframe.spotify_audio_player {
max-height:80px!important;
margin-bottom:-4px;
}
article.post.video .postheader .posttitle .video_cont {

overflow:hidden;
}
article.post.link .postheader .posttitle {

}
article.post.link .postheader .posttitle:hover {

background:{color:Post Title Hover};
}
article.post .postheader .posttitle a.link {

display:block;
}
/*cut off images fix ? */

article.post .postheader [photoset-layout] {
grid-gap:9px 5px;
/*overflow:hidden;*/
}
article.post .postheader [photoset-layout] div {

/*cursor:pointer;*/
}
.vignette, #vignette {
opacity:0;
}
.lightbox-image, #tumblr_lightbox img {

box-shadow:none!important;
max-width:none;
border-radius:30px!important;
}
.tmblr-lightbox, #tumblr_lightbox {
background:rgba({RGBColor:Background},.78)!important;
}
article.post .postheader .pic img {

width:100%;
height:auto;
}
article.post .postheader .posttitle h2.title {

margin:0;
font-family:'Emblema One';
}
article.post.photo:not(.cap) .postheader .pic img, article.post.photo:not(.cap)
.postheader [photoset-layout], article.post.link:not(.cap) .postheader .posttitle,
article.post.audioembed:not(.cap) .audioembed, article.post.video:not(.cap)
.video_cont, article.post.audio:not(.cap) .postheader {
border-radius:15px;
}
article.post .postheader .postdata {

display:none;
padding:20px;
}
article.post .postheader .postdata div:not(.like_button) {

padding:10px;
background:{color:Post Title Text};
margin:10px;
border-radius:15px;
}
article.post .postheader .postdata div:not(.like_button):first-of-type {

margin-top:0;
}
article.post .postheader .postdata div:not(.like_button):last-of-type {

margin-bottom:5px;
}
article.post .postheader .postdata div:not(.like_button):hover {

box-shadow:0px 0px 10px 1px {color:Post Title Text};
}
article.post .postheader .postdata div:not(.like_button):hover a {

}
article.post .postheader .postdata div a {

color:{color:Text};
display:block;
}
article.post .like_button, section#posts #perma .postnotestitle .like_button {

position:relative;
/*cursor:pointer;*/
}
article.post .like_button iframe, section#posts #perma .postnotestitle .like_button

iframe {
height:100%;
left:0;
opacity:0.001;
position:absolute;
top:0;
width:100%;
/*cursor:pointer;*/
}
article.post .like_button::after {
content:'Like this post!';
}
article.post .postinfo {
width:40px;
height:40px;
border-radius:50px;
position:absolute;
right:5px;
margin-top:-20px;
/*cursor:pointer;*/
transition:right 0.5s ease-in-out;
box-shadow:0px 0px 10px 1px {color:Post Background};
}
article.post .postinfo.active {
right:calc(50% - 20px);
}
article.post .postinfo span {

width:20px;
height:2px;
/*background:{color:Post Title Text};*/
display:block;
position:absolute;
top:calc(50% - 1px);
left:calc(50% - 10px);
transition:transform 0.5s ease-in-out;
border-radius:5px;
}
article.post .postinfo span:first-of-type {

transform:translate3d(0, -5px, 0);
}
article.post .postinfo span:nth-of-type(2) {

transform:translate3d(0, 0, 0);
}
article.post .postinfo span:last-of-type {

transform:translate3d(0, 5px, 0);
}
article.post .postinfo.active span:first-of-type {

transform:translate3d(0, 0, 0) rotate(45deg);
}
article.post .postinfo.active span:nth-of-type(2) {

transform:translate3d(0, 0, 0) scale(0, 1);
}
article.post .postinfo.active span:nth-of-type(3) {

transform:translate3d(0, 0, 0) rotate(-45deg);
}
article.post.tags .caption {
border-radius:0px;
}
article.post .caption {
padding:20px;
width:100%;
}
article.post .caption .reblog-header {

margin:.75em 0;
}
article.post .caption .reblog-header:first-of-type {

margin-top:0;
}
article.post .caption .reblog-header:last-of-type {

margin-bottom:0;
}
article.post .caption .reblog-header a.active, article.post .caption .reblog-header

span.inactive {
/*color:{color:Post Link};*/
color:{color:Footer Background};
/*cursor:pointer;*/
}
article.post .caption .reblog-header a.active:hover {

color:{color:Post Link Hover};
}
article.post .caption .reblog-header span.inactive::after {

content:'deactivated';
/*color:{color:Post Link};*/
color:{color:Footer Background};
opacity:0;
transition:opacity .5s ease-in-out;
}
article.post .caption .reblog-header span.inactive:hover::after {

opacity:1;
}
article.post .caption .reblog-header a.active img, article.post .caption .reblog-

header span.inactive img {
height:30px;
width:30px;
border-radius:15px;
margin-right:7.5px;
}
article.post .caption p.read_more_container {

text-align:center;
margin:15px 0px 0px 0px;
}
article.post .caption p.read_more_container a.read_more {

position:relative;
padding:10px;
border-radius:15px;
}
article.post .caption p.read_more_container a.read_more:hover {

}
article.post .caption p.read_more_container + .reblog-header {

margin-top:10px;
}
article.post .caption figure.tmblr-full {

margin:.5em 0;
}
article.post .caption figure.attributed {

margin-bottom:0;
}
article.post .caption figure.tmblr-full:not(.attributed) {

text-align:center;
}
article.post .caption figure.tmblr-full:not(.attributed) img {

border-radius:15px;
}
article.post .caption figure.attributed img {

width:100%;
height:auto;
}
article.post .caption p.tmblr-attribution a {

padding:10px;
display:block;
}
article.post .caption p.tmblr-attribution a:hover {

}
article.post .caption a {
}
article.post .caption a:hover {
}
article.post .caption .quote {

background:{color:Blockquote};
text-align:center;
position:relative;
border-radius:15px;
margin-top:5px;
padding:15px;
}
article.post .caption .quote::after {

content:'';
position:absolute;
display:block;
top:100%;
left:50%;
margin-left:-15px;
width:0;
height:0;
border-top:solid 15px {color:Blockquote};
border-left:solid 15px transparent;
border-right:solid 15px transparent;
}
article.post .caption .qsource {

text-align:center;
margin-top:15px;
}
article.post .caption .label {

padding:7.5px;
border-radius:11px;
margin-bottom:-8px;
}
article.post .caption .line {

padding:10px;
border-radius:13px;
margin-bottom:15px;
}
article.post .caption .line:last-of-type {

margin-bottom:0;
}
article.post .tags {
padding:15px;
}
article.post .tags a {
margin-right:15px;
}
article.post .tags a span {

}
article.post .tags a .sign {

font-size:calc(1em - 3px);
color:{color:Post Title Hover}!important;
margin-right:5px;
}
article.post .tags a:hover {

}
section#posts #perma .postnotestitle {

padding:15px;
margin-top:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
section#posts #perma .postnotestitle span:not(.th), section#posts #perma

.postnotestitle a {
}
section#posts #perma .postnotestitle .like_button::after {

content:'\ea54';
/*color:{color:Footer Background};*/
/*cursor:pointer;*/
}
section#posts #perma .postnotestitle .geninf {

-ms-flex-item-align:start;
align-self:flex-start;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
}
section#posts #perma .postnotestitle .postcontrol {

-ms-flex-item-align:end;
align-self:flex-end;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
}
section#posts #perma .postnotestitle a:first-of-type {

margin-right:10px;
}
section#posts #perma .postnotestitle a:hover, section#posts #perma

.postnotestitle .like_button:hover::after {
}
section#posts #perma ol.notes {

list-style:none;
padding:15px;
margin:0;
max-height:250px;
overflow:auto;
}
section#posts #perma ol.notes li.note {

margin:15px 0px;
}
section#posts #perma ol.notes li.note:first-of-type {

margin-top:0;
}
section#posts #perma ol.notes li.note:last-of-type {

margin-bottom:0;
}
section#posts #perma ol.notes li.note a.avatar_frame {

position:relative;
margin-right:10px;
}
section#posts #perma ol.notes li.note a.avatar_frame::before {

content:'';
display:block;
opacity:.7;
width:25px;
height:25px;
border-radius:50px;
position:absolute;
left:calc(50% - 12.5px);
margin-top:calc(50% - 12.5px);
}
section#posts #perma ol.notes li.note a.avatar_frame::after {

/*what's this? here*/
font-size:1em;
position:absolute;
display:block;
left:calc(50% - .5em);
top:calc(50% - .5em);
z-index:99;
}
section#posts #perma ol.notes li.note.like a.avatar_frame::after {

content:'\ea54';
}
section#posts #perma ol.notes li.note.reblog a.avatar_frame::after {

content:'\ebc2';
}
section#posts #perma ol.notes li.note.reply a.avatar_frame::after {

content:'\ebcd';
}
section#posts #perma ol.notes li.note.original_post a.avatar_frame::after {

content:'\eb02';
}
section#posts #perma ol.notes li.note a.avatar_frame img.avatar {

width:35px;
height:35px;
border-radius:50px;
}
section#posts #perma ol.notes li.note .action {

}
section#posts #perma ol.notes li.note .action a {

/*test here nope*/
}
section#posts #perma ol.notes li.note .action a:hover {

}
section#posts #perma ol.notes li.note blockquote a {

color:{color:Text};
margin-left:45px;
}
section#posts #perma ol.notes li.note a.more_notes_link {

}
section#posts #perma ol.notes li.note a.more_notes_link:hover, section#posts #perma

ol.notes li.note .notes_loading {
}
/* CREDIT. DO NOT TOUCH */
#credz {
position:fixed;
bottom:15px;
right:20px;
width:33px;
height:33px;
border-radius:50px;
border:1px solid rgba(0,0,0,.1);
background-
image:url('https://78.media.tumblr.com/avatar_09d2b1f05d49_128.pnj');
background-repeat:no-repeat;
background-position:center center;
background-size:28px;
z-index:9999;
}
a[href="https://cactusthemes.tumblr.com"]:hover > #credz {

-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
}
{block:ifFadeInOnRefresh}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
}
.fade-in.one {
-webkit-animation-delay:0s;
-moz-animation-delay:0s;
animation-delay:0s;
}
.fade-in.two {
-webkit-animation-delay:0.8s;
-moz-animation-delay:0.8s;
animation-delay:0.8s;
}
{/block:ifFadeInOnRefresh}
{block:ifNotOneColumn}
{block:IndexPage}
@media only screen and (max-width:2560px) and (min-width:1800px) {
-webkit-column-count:3;
column-count:3;
-webkit-column-gap:30px;
column-gap:30px;
}
article.post {
-webkit-column-break-inside:avoid;
break-inside:avoid;
}
}
@media only screen and (max-width:1799px) and (min-width:1024px) {

-webkit-column-count:2;
column-count:2;
-webkit-column-gap:30px;
column-gap:30px;
}
article.post {
-webkit-column-break-inside:avoid;
break-inside:avoid;
}
}
{/block:IndexPage}
{/block:ifNotOneColumn}
@media only screen and (max-width:1024px) {

width:85%;
}
section#container #inner aside.sticky_bottom {

}

}
section#container #inner section#posts.page-1 article.featured_cont,

section#container #inner section#posts.page-1 h2.regpost {
display:none;
}
section#container #inner section#posts {

}

}
section#container #inner aside.sticky_bottom + section#posts {
}
}

iframe.iframe-controls--desktop {
display:none!important;
}
#cont_before, #cont_after {
display:none;
}
section#container {
width:100%;
height:100%;
position:relative;
top:0;
left:0;
border-radius:0px;
}
section#container footer {
position:fixed;
bottom:0;
height:auto;
left:0;
width:100%!important;
}
section#container #inner {
height:100%;
}

}

margin-left:40%;
width:60%;
}
#credz {
top:15px;
bottom:auto;
}
}

section#posts {
width:calc(100% - 28px)!important;
margin-left:30px!important;
height:100%;
}
width:100%!important;
z-index:99;
position:fixed!important;
display:block;
top:0;
left:-100%;
overflow:auto;
height:auto;
min-height:100%;
}
label {
display:block;
}
}
/* https://html-tutorials.tumblr.com/post/87750120288/when-i-reblog-photo-sets-
they-usually-get-cut-off-on */
.phtset img{
width: 100%;
</style>
</head>
<body>





<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/nature/nat-
2/nat118.cur), auto !important;}</style><a href="https://www.cursors-4u.com/"
target="_blank" title="Butterfly"><img src="https://cur.cursors-4u.net/cursor.png"
border="0" alt="Butterfly" style="position:absolute; top: 0px; right: 0px;" /></a>



<div id="cont_before"></div>
<section id="container">
<input type="checkbox" id="hamburger" name="hamburger">
<label for="hamburger" class="fade-in one">

<span></span>
<span></span>
<span></span>
</label>
<div id="inner">
<aside class="fade-in one">

<a href="/">
✦ home ✦
</a>
<a href="/ask">
✧ ask away ✧
</a>
{block:SubmissionsEnabled}
<a href="/submit">
submit
</a>
{/block:SubmissionsEnabled}
<a href="/archive">
✶ archive ✶
</a>
{block:HasPages}
<h2>Personal</h2>
{/block:HasPages}
{block:HasPages}
{block:Pages}
<a href="{URL}">
{Label}
</a>
{/block:Pages}
{/block:HasPages}
</aside>
<section id="posts" class="page-{CurrentPage} fade-in two">
{block:HomePage}
<article class="featured_cont">

<div class="featured_inner">
</div>
</article>


{/block:HomePage}
{/block:ifFeaturedPosts}
<section class="posts_inner">
{block:Posts}
<article class="post {block:Text}text{/block:Text}{block:Photo}photo{block:Caption}

cap{/block:Caption}{/block:Photo}{block:Photoset}photo{block:Caption}
cap{/block:Caption}{/block:Photoset}{block:Quote}quote{/block:Quote}
{block:Link}link{block:Description} cap{/block:Description}{/block:Link}
{block:Chat}chat{/block:Chat}{block:Video}video{block:Caption} cap{/block:Caption}
{/block:Video}{block:Audio}audio{block:AudioEmbed}embed{/block:AudioEmbed}
{block:Caption} cap{/block:Caption}{/block:Audio}
{block:Answer}answer{/block:Answer}{block:HasTags} tags{/block:HasTags}"
id="{PostID}">
<div class="postheader">
<div class="posttitle">
{block:Text}
{block:Title}
<h2 class="title">{Title}</h2>
{/block:Title}
{/block:Text}
{block:Photo}
<div class="pic">
<a href="#" onclick="Tumblr.Lightbox.init([{ width:
{PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}',
high_res: '{PhotoURL-HighRes}' }]); $
('body').toggleClass('tumblr_lightbox_active'); return false" class="lightbox">
<img src="{PhotoURL-HighRes}">
</a>
</div>
{/block:Photo}
{block:Photoset}
<div class="photoset-grid" photoset-layout="{PhotosetLayout}">
{block:Photos}
<div data-width="{PhotoWidth-HighRes}" data-
height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-
highres="{PhotoURL-HighRes}" onclick="lightbox(this)">
<img src="{PhotoURL-HighRes}">
</div>
{/block:Photos}
</div>
{/block:Photoset}
{block:Link}
<a href="{URL}" {Target} class="link">
<h2 class="title">{Name}</h2>
</a>
{/block:Link}
{block:Chat}
{block:Title}
<h2 class="title">{Title}</h2>
{/block:Title}
{/block:Chat}
{block:Video}
<div class="video_cont">
{Video-500}
</div>
{/block:Video}
{block:Audio}
{block:AudioEmbed}
<div class="audioembed">
{AudioEmbed-500}
</div>
{/block:AudioEmbed}
{block:AudioPlayer}
<div class="audio">
{block:AlbumArt}
<div class="art">
<img src="{AlbumArtURL}">
</div>
{/block:AlbumArt}
<div class="auinfo">
{block:TrackName}
<span class="track">
{TrackName}
</span>
{/block:TrackName}
{block:Album}
<span class="album">
on {Album}
</span>
{/block:Album}
{block:Artist}
<span class="artist">
from {Artist}
</span>
{/block:Artist}
</div>
<div class="player">
{AudioPlayer}
</div>
</div>
{/block:AudioPlayer}
{/block:Audio}
{block:Answer}
<div class="question">
<img src="{AskerPortraitURL-96}">
<div class="que_cont">
<div class="asker">
{Asker}
</div>
{Question}
</div>
</div>
{/block:Answer}
<span class="posticon"></span>
</div>
<div class="postdata">
<div>
<a href="{Permalink}">
{block:ifAmericanDate}
{MonthNumberWithZero}-{DayOfMonthWithZero}-{Year}
{/block:ifAmericanDate}
{block:ifNotAmericanDate}
{DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}
{/block:ifNotAmericanDate}
at {12Hour}:{Minutes}{AmPm}
</a>
</div>
<div>
<a href="{Permalink}">
{NoteCountWithLabel}
</a>
</div>
<div>
<a href="#">
{LikeButton}
</a>
</div>
<div>
<a href="{ReblogURL}">
Reblog this post!
</a>
</div>
</div>
</div>
{block:Date}
<div class="postinfo"{block:PostNotes} style="display:none;"{/block:PostNotes}>
<span></span>
<span></span>
<span></span>
</div>
{/block:Date}
{block:Text}
<div class="caption">
{block:NotReblog}
<figcaption>
{Body}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="reblog-header">
{block:IsActive}
<a href="{Permalink}" target="_blank" class="active">
<img src="{PortraitURL-64}">
{Username}
</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive">
{Username}
</span>
{/block:IsDeactivated}
</div>
<div class="reblog-content">
{Body}
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Text}
{block:Photo}
{block:NotReblog}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
{block:IsActive}
{Username}
</a>
{/block:IsActive}
{Username}
</span>
</div>
{Body}
</div>
{/block:Reblogs}
</div>
</div>
{/block:Photo}
{block:Photoset}
{block:NotReblog}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
{block:IsActive}
{Username}
</a>
{/block:IsActive}
{Username}
</span>
</div>
{Body}
</div>
{/block:Reblogs}
</div>
</div>
{/block:Photoset}
{block:Quote}
<div class="quote">
{Quote}
</div>
{block:Source}
<div class="qsource">
{Source}
</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
{block:Description}
{block:NotReblog}
<figcaption>
{Description}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
{block:IsActive}
<a href="{Permalink}" target="_blank"
class="active">
{Username}
</a>
{/block:IsActive}
{Username}
</span>
</div>
{Body}
</div>
{/block:Reblogs}
</div>
</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Lines}
{block:Label}
<span class="label">
{Label}
</span>
{/block:Label}
<div class="line">
{Line}
</div>
{/block:Lines}
</div>
{/block:Chat}
{block:Video}
{block:NotReblog}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
{block:IsActive}
{Username}
</a>
{/block:IsActive}
{Username}
</span>
</div>
{Body}
</div>
{/block:Reblogs}
</div>
</div>
{/block:Video}
{block:Audio}
{block:NotReblog}
<figcaption>
{Caption}
</figcaption>
{/block:NotReblog}
{block:Reblogs}
{block:IsActive}
{Username}
</a>
{/block:IsActive}
{Username}
</span>
</div>
{Body}
</div>
{/block:Reblogs}
</div>
</div>
{/block:Audio}
{block:Answer}
{block:NotReblog}
<figcaption>
{Replies}
</figcaption>
{/block:NotReblog}
{block:Answerer}
<a href="{ReblogRootURL}" class="active">
<img src="{AnswererPortraitURL-64}" class="blog">
{ReblogRootName}
</a>
</div>
{Answer}
</div>
{/block:Answerer}
{block:Reblogs}
{block:IsActive}
<img src="{PortraitURL-64}" class="blog">
{Username}
</a>
{/block:IsActive}
<img src="{PortraitURL-64}" class="blog">
{Username}
</span>
</div>
{Body}
</div>
{/block:Reblogs}
</div>
{/block:Answer}
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">
<span class="sign">
<span class="th th-{select:Tags Icon}" aria-
hidden="true"></span>
</span>
<span class="tag">
{Tag}
</span>
</a>
{/block:Tags}
</div>
{/block:HasTags}
</article>
{block:PostNotes}
<div id="perma" class="fade-in two">

<div class="postnotestitle">
<div class="geninf">
Posted on
<span>
{block:ifAmericanDate}
{MonthNumberWithZero}-{DayOfMonthWithZero}-{Year}
{/block:ifAmericanDate}
{block:ifNotAmericanDate}
{DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}
{/block:ifNotAmericanDate}
</span>
at
<span>
{12Hour}:{Minutes}{AmPm}
</span>
with
<span>
{NoteCountWithLabel}
</span>
</div>
<div class="postcontrol">
<a href="#">
{LikeButton}
</a>
<a href="{ReblogURL}">
<span class="th th-reblog" aria-hidden="true"></span>
</a>
</div>
</div>
{PostNotes-64}
</div>
{/block:PostNotes}
{/block:Posts}
</section>
</section>
</div>
<footer class="fade-in one">
<h2>{Title}</h2>
<div class="line"></div>
<div class="desc">
{Description}
</div>
{block:Pagination}
<div class="line"></div>
<div id="pagination">
{block:PreviousPage}
<div class="prev">
<a href="{PreviousPage}" title="go back">
<span class="th th-next-track" aria-hidden="true"></span>
</a>
</div>
{/block:PreviousPage}
<div class="current">
{CurrentPage}
</div>
{block:NextPage}
<div class="next">
<a href="{NextPage}" title="go forth">
<span class="th th-next-track" aria-hidden="true"></span>
</a>
</div>
{/block:NextPage}
</div>
{/block:Pagination}
</footer>
</section>
<div id="cont_after"></div>

<a href="https://cactusthemes.tumblr.com" title="by cactusthemes">

<div id="credz" class="fade-in two">
</div>
</a>
</body>
<script>
function gatherData(images, arr) {
for (let i = 0; i < images.length; i++) {
let currentData = {
"width": images[i].getAttribute('data-width'),
"height": images[i].getAttribute('data-height'),
"low_res": images[i].getAttribute('data-lowres'),
"high_res": images[i].getAttribute('data-highres')
};
arr.push(currentData);
}
}
function getIndex(elem) {
let i = 0;
while( (elem = elem.previousElementSibling) != null ) i++;
return i;
}
function lightbox(elem) {
let currentPhotoset = elem.parentNode;
let photosetPhotos = currentPhotoset.getElementsByTagName('div');
let data = [];
gatherData(photosetPhotos, data);
Tumblr.Lightbox.init(data, getIndex(elem) + 1);
}
</script>
</html>

Theme Backup

Uploaded by

Document Information

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

Theme Backup

Uploaded by

Copyright:

Available Formats

<!

<!-- THEME 13 - DUSK

<!-- CREDITS: - MAJOR DESIGN INSPO: https://dribbble.com//shots/6636784-Music-

<meta name="if:Dark Tumblr Controls" content="1">

<meta name="select:Font Family" title="rubik" content="Rubik">

<meta name="select:Font Size" title="15px" content="15px">

<meta name="select:Tags Icon" title="sun" content="sun">

<meta name="color:Background" content="#ffdccf">

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

h1, h2, h3, h4, h5 {

/* i changed to 150 and it made 2 columns !! */

section#container footer .line {

/*ok here is the hover button for side buttons*/

section#container footer #pagination {

section#container footer #pagination div {

section#container footer #pagination .next {

section#container footer #pagination .prev .th {

section#container footer #pagination .th {

section#container footer #pagination a {

input#hamburger:checked ~ label span:first-of-type {

input#hamburger:checked ~ label span:nth-of-type(2) {

input#hamburger:checked ~ label span:nth-of-type(3) {

input#hamburger:checked ~ #inner > aside {

section#container #inner aside {

section#container #inner aside h2 {

section#container #inner aside h2:first-of-type {

section#container #inner aside a {

section#container #inner aside h2 + a {

section#container #inner aside a:hover {

section#container #inner aside a:hover::after {

section#container #inner aside.sticky_bottom {

section#container #inner aside.sticky_bottom + section#posts {

section#container #inner aside.small {

section#container #inner aside.small + section#posts {

section#container #inner section#posts {

section#container #inner section#posts.page-1 article.featured_cont,

section#container #inner section#posts article.featured_cont {

section#container #inner section#posts article.featured_cont h2, section#container

section#container #inner section#posts h2.regpost {

section#container #inner section#posts article.featured_cont .featured_post {

section#container #inner section#posts article.featured_cont .featured_post:last-

section#container #inner section#posts article.featured_cont .featured_post::after

section#container #inner section#posts article.featured_cont .featured_post h3 {

section#container #inner section#posts article.featured_cont .featured_post img {

section#container #inner section#posts article.featured_cont .featured_post

section#container #inner section#posts article.featured_cont .featured_post

section#container #inner section#posts article.featured_cont .featured_post

section#container #inner section#posts article.featured_cont .featured_post

section#container #inner section#posts article.featured_cont .featured_post h3 +

section#container #inner section#posts article.featured_cont .featured_post

section#container #inner section#posts section.posts_inner {

article.post .postheader .posttitle h2.title ~ .posticon::after {

article.post .postheader .posttitle .pic ~ .posticon::after, article.post.link

article.post .postheader .posttitle .posticon::after {

article.post.text .postheader .posttitle .posticon::after {

article.post.quote .postheader .posttitle .posticon::after {

article.post.chat .postheader .posttitle .posticon::after {

article.post.answer .postheader .posttitle {

article.post .postheader .posttitle .question img {

article.post .postheader .posttitle .question .que_cont {

article.post .postheader .posttitle .question .que_cont .asker {

article.post .postheader .posttitle .question .que_cont a.asker:hover {

article.post .postheader .posttitle .audio {

article.post .postheader .posttitle .audio .art, article.post .postheader

/ok here is the hover button for side buttons/

/cut off images fix ? /