- Share this text:
Untitled - posted by guest on 13th November 2020 06:04:50 AM
<!DOCTYPE html>
<html>
<head>
<!-- ✧ * ☾ ofparrish ™ * ✧
aka bec -->
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>{Title}{block:TagPage} // {Tag} {/block:TagPage} {block:SearchPage} // {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} // {PostSummary} {/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="color:background" content="#ffffff" />
<meta name="color:container bg" content="#ddd" />
<meta name="color:text" content="#000000" />
<meta name="color:posts text" content="#000000" />
<meta name="color:links hover" content="#a0a0a0" />
<meta name="color:accent" content="#a48e6d" />
<meta name="color:accent text" content="#fff" />
<meta name="color:desc text" content="#aaa" />
<meta name="color:desc accent" content="#eee" />
<meta name="color:title" content="#ffffff" />
<meta name="color:borders" content="#eee" />
<meta name="color:navigation links" content="#000000" />
<meta name="color:navigation links bg" content="#fff" />
<meta name="color:click panel" content="#ddd" />
<meta name="color:angled panel" content="#aaa" />
<!--------------------------- ✕ texts ✕ ------------------------------->
<meta name="text:sidebar title" content="title" />
<meta name="text:sidebar description" content="description here" />
<meta name="text:navigation title" content="title" />
<meta name="text:navigation description" content="feel free to write as much as you want here!" />
<meta name="text:tiny info" content="short pls!" />
<meta name="text:link 1" content="#" />
<meta name="text:link 2" content="#" />
<meta name="text:link 3" content="#" />
<meta name="text:link 4" content="#" />
<meta name="text:link 1 text" content="link one" />
<meta name="text:link 2 text" content="link two" />
<meta name="text:link 3 text" content="link three" />
<meta name="text:link 4 text" content="link four" />
<!---------------------------- ✕ images ✕ ----------------------------->
<meta name="image:sb pic" content="" />
<meta name="image:navigation header" content="" />
<meta name="image:navigation pic 1" content="" />
<meta name="image:navigation pic 2" content="" />
<meta name="image:navigation pic 3" content="" />
<meta name="image:background" content="" />
<!------------------------- ✕ options ✕ ----------------------------->
<meta name="if:300px posts" content="1"/>
<meta name="if:grayscale on hover" content="0"/>
<meta name="if:changing image on refresh" content="1"/>
<!---------------------- ✕ tooltip script ! ✕ ----------------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://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>
<!---------------------- ✕ imported scripts ✕ ----------------------->
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<link href="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.css" rel="stylesheet">
<script src="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.js"></script>
<script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i" rel="stylesheet">
<script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
<style type="text/css">
/* ---------------------- ✕ imported fonts ✕ ----------------------- */
@font-face { font-family: "beauty"; src: url('https://dl.dropboxusercontent.com/s/r63d95pmyc3txmz/TamoroScript_PersonalUseOnly.ttf?dl=0'); format("truetype");}
@font-face { font-family: "frontage"; src: url('https://dl.dropboxusercontent.com/s/dcmbfprx16qqp71/Frontage-Outline.otf?dl=0'); format("truetype");}
@font-face { font-family: "din"; src: url('https://dl.dropboxusercontent.com/s/8lmbgawcfupw258/D-DINCondensed.otf?dl=0'); format("truetype");}
/* ------------------------ ✕ selection tool ✕ ----------------------- */
::-moz-selection {
background: {color:borders};
color: {color:background};
}
::selection {
background: {color:borders};
color: {color:background};
}
/* ------------------------ ✕ scrollbar ✕ ----------------------- */
::-webkit-scrollbar {
width: 0px;
visibility:none;
}
::-webkit-scrollbar-track {
border-radius:50%;
visibility:none;
}
::-webkit-scrollbar-thumb {
background:{color:accent};
visibility:none;
width:1px;
}
::-webkit-scrollbar-thumb:window-inactive {
background: transparent;
}
/* ------------------------ ✕ tooltip style ✕ ----------------------- */
#s-m-t-tooltip {
max-width:300px;
padding:5px;
margin:10px 0px 0px 10px;
background: {color:accent};
font-size:9px;
color:{color:accent text};
letter-spacing:1px;
font-family:'din';
text-transform:uppercase;
z-index:999999999999999999999999999999999999;
-ms-transform: skewX(-20deg); /* IE 9 */
-webkit-transform: skewX(-20deg); /* Safari */
transform: skewX(-20deg); /* Standard syntax */
}
/* ---------------------------- ✕ basics ✕ -------------------------- */
.tmblr-iframe.iframe-controls--desktop {
top:0%!important;
right:0%!important;
ixed!important;
z-index:999999999!important;
transform:scale(0.6);
text-shadow:none;
}
.tmblr-iframe--desktop-logged-in-controls {
opacity:0.3;
transform:scale(0.6);
text-shadow:none;
}
body {
background-color:{color:background};
color: {color:text};
overflow-y:hidden;
overflow-x:auto;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 9px;
text-transform:auto;
margin: 0;
letter-spacing:3px;
padding: 0;
word-wrap: break-word;
line-height:160%;
background-image:url('{image:background}');
background-repeat:no-repeat;
background-enter center;
background-attachment:fixed;
background-opacity:
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
blockquote {
background:transparent;
margin: 10px;
padding-left:20px;
border-left: 2px solid {color:accent};
}
blockquote a{
color:{color:accent};
}
blockquote b{
color:{color:accent};
}
blockquote i{
color:{color:accent};
}
blockquote s{
color:{color:accent};
}
blockquote u{
color:{color:accent};
}
img, embed, object, video {
max-width: 100%;
height:auto;
width:auto;
}
iframe {
max-width: 100%;
}
p{
margin-bottom:10px;
}
ul{
list-style-type:circle;
}
ol{
list-style-type:;
}
/* ------------------------ ✕ text styles ! ✕ ----------------------- */
a {
color: {color:accent};
text-decoration: none;
}
b, strong {
color: {color:accent};
font-family: 'Lato', sans-serif;
}
i, em,italic {
color: {color:accent};
font-family: 'Lato', sans-serif;
}
s, strike {
color: {color:accent};
font-family: 'Lato', sans-serif;
}
u,underline {
color: {color:accent};
font-family: 'Lato', sans-serif;
}
sup, sub, small {
font-size:9px;
line-height:160%;
}
h3 {
text-align:center;
font-size:10px;
line-height:100%;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
padding:5px;
letter-spacing:1px;
width:auto;
color:{color:accent};
background:{color:angled panel};
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
transform: rotate(-2deg);
}
h2 {
text-align:center;
font-size:11px;
line-height:100%;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
padding:5px;
letter-spacing:1px;
width:auto;
color:{color:accent};
background:{color:angled panel};
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
transform: rotate(-2deg);
}
h1{
text-align:center;
font-size:12px;
line-height:100%;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
padding:5px;
letter-spacing:1px;
width:auto;
color:{color:accent};
background:{color:angled panel};
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
transform: rotate(-2deg);
}
/* ------------------------ ✕ posts bruh ! ✕ ----------------------- */
/* ------------------------ ✕ posts bruh ! ✕ ----------------------- */
article {
float:left;
padding: 10px;
letter-spacing:1px;
font-weight:400;
font-family: 'Lato', sans-serif;
{block:if300pxposts}
width:300px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:400px;
{/block:ifnot300pxposts}
z-index:9;
color:{color:posts text};
text-align:justify;
margin-top:50px;
margin-bottom:10px;
}
{block:ifgrayscaleonhover}
article img{
border-radius:7px;
opacity:0.9;
-webkit-filter: grayscale(100%);
-webkit-transition: all 1s;
}
article img:hover{
opacity:1;
-webkit-filter: grayscale(0%);
-webkit-transition: all 1s;
}
.tmblrc {
font-size:6px;
}
.html_photoset {
opacity:0.9;
-webkit-filter: grayscale(100%);
-webkit-transition: all 1s;
}
.html_photoset:hover {
opacity:1;
-webkit-filter: grayscale(0);
-webkit-transition: all 1s;
}
{/block:ifgrayscaleonhover}
{block:ifnotgrayscaleonhover}
article img{
border-radius:7px;
}
.tmblrc {
font-size:6px;
}
.html_photoset {
opacity:1:
}
{/block:ifgrayscaleonhover}
.vignette, #vignette {
opacity:0;
}
.lightbox-image, #tumblr_lightbox img {
box-shadow:none !important;
border-radius:0 !important;
max-width:none;
}
.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba({RGBcolor:background},.80) !important;
}
.lightbox-caption, #tumblr_lightbox_caption {
visibility:hidden;
}
.postitle {
text-align:right;
font-size:12px;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
{block:if300pxposts}
width:310px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:410px;
{/block:ifnot300pxposts}
line-height:100%;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
padding:5px;
letter-spacing:1px;
background:{color:accent};
width:auto;
color:{color:accent text};
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
transform: rotate(-2deg);
}
.postitle a{
text-transform:uppercase;
color:{color:click panel};
}
/* --------------------- ✕ permaaccent i think ! ✕ -------------------- */
.perms {
font-family: 'Lato', sans-serif;
color:{color:title text};
font-size:8px;
margin-left:4px;
text-transform:lowercase;
}
/* ------------------------ ✕ post info ! ✕ ----------------------- */
.topinfo{
{block:if300pxposts}
width:300px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:400px;
{/block:ifnot300pxposts}
margin-left:-11px;
margin-top:-34px;
border-bottom:1px solid {color:borders};
border-radius:/*-top-*/7px /*-right-*/7px /*-bottom-*/0px /*-left-*/0px;
font-family: 'Lato', sans-serif;
letter-spacing:1px;
padding:5px;
margin-bottom:10px;
}
.topinfo a{
color:{color:accent};
}
.topinfo i{
color:{color:accent};
}
.details {
float:right;
}
.postags{
{block:if300pxposts}
width:310px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:410px;
{/block:ifnot300pxposts}
margin-left:-10px;
margin-top:10px;
font-family: 'Lato', sans-serif;
letter-spacing:2px;
}
.postags a{
color:{color:accent};
}
.postags i{
color:{color:accent};
}
.bottominfo{
{block:if300pxposts}
width:310px;
{/block:if300pxposts}
{block:if400pxposts}
width:410px;
{/block:if400pxposts}
{block:if500pxposts}
width:510px;
{/block:if500pxposts}
margin-left:-11px;
text-align:right;
margin-top:14px;
border-top:1px solid {color:borders};
font-family: 'Lato', sans-serif;
letter-spacing:2px;
padding:/*-top-*/8px /*-right-*/5px /*-bottom-*/3px /*-left-*/5px;
height:10px;
margin-bottom:0px;
}
.bottominfo a{
color:{color:accent};
}
.bottominfo i{
color:{color:accent};
}
.btton{
margin-right:5px;
font-size:12px;
display:table;
margin-left:22px;
margin-top:-20px;
vertical-align:middle;
letter-spacing:1px;
}
.btton a{
color:{color:hover title};
}
.btton span {
display:table-cell;
vertical-align:middle;
}
.postinfo{
margin-top:-10px;
text-align:right;
font-weight:bold;
padding-top:8px;
}
.tags {
margin-top:5px;
padding:5px;
font-size:9px;
line-height:20px;
letter-spacing:1px;
font-weight:normal;
-webkit-transition: all .7s;
-moz-transition: all .7s;
-o-transition: all .7s;
-ms-transition: all .7s;
transition: all .7s;
display: inline-block;
}
.tags a{
color:{color:desc text};
margin:1%;
padding:/*-top-*/0px /*-right-*/5px /*-bottom-*/0px /*-left-*/5px;
border-radius:100px;
font-family: 'Inconsolata', monospace;
}
.tags i{
color:{color:accent};
}
/* ---------------------- ✕ notes and shit ! ✕ ----------------------- */
ol.notes {
display:block;
text-align:left;
list-style-type:none;
margin-left:-40px;
}
ol.notes li.note{
margin-bottom:5px;
}
.pagenotes {
text-align:left;
margin-top:15px;
}
.pagenotes img{
padding-right:5px;
padding-top:5px;
margin-bottom:-5px;
}
/* ------------------------ ✕ post types ! ✕ ----------------------- */
/* ------------------------ ✕ chat posts ! ✕ ------------------------ */
.odd, .even {
padding:5px;
height:auto;
font-size:8px;
letter-spacing:2px;
font-family: 'Inconsolata', monospace;
border-radius:10px;
text-transform:uppercase;
}
.odd {
color:{color:accent};
background:{color:accent text};
font-size:8px;
padding:5px;
text-align:left;
width:220px;
border-radius:10px 10px 10px 0px;
margin-top:5px;
}
.even {
color:{color:accent text};
background:{color:accent};
font-size:8px;
padding:5px;
margin-top:5px;
width:220px;
border-radius:10px 10px 0px 10px;
{block:if300pxposts}
margin-left:70px;
{/block:if300pxposts}
{block:ifnot300pxposts}
margin-left:170px;
{/block:ifnot300pxposts}
}
ul.chat{
list-style:none;
margin-left:-40px;
margin-bottom:-5px;
}
.chat span {
float: left;
}
/* ------------------------ ✕ quotations ! ✕ ------------------------ */
.sourcepic {
text-align:center;
padding-right:10px;
font-size:18px;
padding-left:10px;
display:table-cell;
vertical-align:middle;
color:{color:accent};
}
.quotesource{
text-align:center;
font-size:8px;
padding:5px;
border-top:1px solid {color:accent};
opacity:0.7;
margin-bottom:10px;
font-family: 'Lato', sans-serif;
text-transform:lowercase;
}
.like-b {
elative;
display:inline-block;
height:1em;
line-height:1em;
overflow:hidden;
margin-bottom:-1px;
}
.like-b .like_button iframe {
bsolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
opacity:0;
}
.like-b .liked + .b {
color:inherit;
}
.like-b .liked + .b:after {
content:'d';
}
#quoteq {
vertical-align:middle;
display:table;
}
/* ----------------------- ✕ questions ! ✕ ------------------------ */
#asker {
padding-bottom:10px;
letter-spacing:1px;
text-align:right;
margin-top:-3px;
font-size:20px;
margin-right:10px;
margin-left:0px;
z-index:999;
font-weight:bold;
color:{color:accent};
float:right;
text-shadow: 1px 0 0 {color:container bg}, -1px 0 0 {color:container bg}, 0 1px 0 {color:container bg}, 0 -1px 0 {color:container bg}, 1px 1px {color:container bg}, -1px -1px 0 {color:container bg}, 1px -1px 0 {color:container bg}, -1px 1px 0 {color:container bg};
font-family: 'beauty';
text-transform:lowercase;
}
#asker a{
color:{color:accent};
}
.answer {
font-size:9px;
width:auto;
}
.question{
text-transform:none;
color:{color:text};
border:1px solid {color:borders};
padding:10px;
{block:if300pxposts}
width:270px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:370px;
{/block:ifnot300pxposts}
font-family: 'Inconsolata', monospace;
border-radius:10px 10px 10px 0px;
font-size:10px;
background: transparent;
margin-top:0px;
}
.more-btn-wrap{
position: relative;
padding: 20px 0;
width: 100%;
}
.more-btn-wrap a:link{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
left: calc(50% - 47px);
padding: 7px 14px;
border: 1px solid lightcoral;
background: transparent;
}
.more-btn-wrap a:hover{
background: lightcoral;
color: white;
}
/* ----------------------- ✕ audio bruh ! ✕ ----------------------- */
.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 19px;
height: 19px;
border: 1px solid {color:borders};
padding: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: .4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}
.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
.newplayerbutton {
position: relative;
width: 19px;
height: 19px;
overflow: hidden;
}
.playerbuttonhug {
position: absolute;
top: -18px;
left: -7px;
}
.tumblr_audio_player {
height: 90px;
width: 270px;
-moz-transform: scale(0.60, 0.60);
-webkit-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
overflow: hidden;
width: 79px;
height: 79px;
}
.audioimgwrapper img {
width: 100%;
height: auto;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.trackdetails {
{block:if300pxposts}
width: 200px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width: 300px;
{/block:ifnot300pxposts}
text-align:right;
display:inline-block;
margin-left: 90px;
min-height: 85px;
}
.audiowrapper {
position: relative;
display:inline-block;
}
/* ----------------------- ✕ post container ✕ ----------------------- */
#postcontainer {
ixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:9;
margin-right:auto;
{block:if300pxposts}
width:315px;
margin-left:-120px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:415px;
margin-left:-90px;
{/block:ifnot300pxposts}
height: 400px;
margin-top:0px;
overflow-y:auto;
ixed;
background-color:none;
overflow-x:hidden;
margin-bottom:200px;
font-size:9px
}
/* --------------------- ✕ don't do the do ✕ --------------------- */
#yo {
font-size:12px;
float:right;
right:0;
bottom:0;
margin-right:10px;
padding:/*-top-*/6px /*-right-*/2px /*-bottom-*/2px /*-left-*/5px;
overflow:hidden;
margin-bottom:10px;
border-radius:50%;
text-transform:uppercase;
ixed;
background-color:{color:accent};
text-align:center;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
-webkit-transition: all .7s;
-moz-transition: all .7s;
-o-transition: all .7s;
-ms-transition: all .7s;
transition: all .7s;
}
#yo:hover{
-ms-transform: rotate(-80deg); /* IE 9 */
-webkit-transform: rotate(-80deg); /* Chrome, Safari, Opera */
transform: rotate(-80deg);
-webkit-transition: all .7s;
-moz-transition: all .7s;
-o-transition: all .7s;
-ms-transition: all .7s;
transition: all .7s;
}
#yo a{
color:{color:accent text};
}
/* ------------------------- ✕ sidebar ✕ ----------------------- */
#sidebar {
float:left;
z-index:99;
ixed;
}
/* ------------------------ ✕ toggle ! ✕ ----------------------- */
label {
display:block;
margin-bottom:10px;
float:right;
margin-top:-50px;
color:#fff;
margin-left:-40px;
}
label:active {
color:{color:accent};
}
input {
bsolute;
left:-999em
}
/* ----------------------- ✕ toggle off ! ✕ ----------------------- */
.hide {
width:265px;
background-image:url('{image:container bg}');
background-color:{color:container bg};
background-repeat: no-repeat;
background-size: initial;
height:300px;
opacity:1;
z-index:99999;
overflow:hidden;
margin-left:100px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
input[type=checkbox]:checked + div {
visibility: hidden;
opacity:0;
border:none;
}
/* ------------------------ ✕ toggle on ! ✕ ----------------------- */
.numb {
width:682px;
margin-left:0px;
height:500px;
ixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:9;
background:{color:container bg};
}
/* ------------------------ ✕ container ! ✕ ----------------------- */
#scott {
ixed;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
top:50%;
left:45%;
margin-left:120px;
margin-top:-30px;
}
/* ---------------------- ✕ plant behind icon! ✕ -------------------- */
.sbleaf{
text-align:center;
font-size:55px;
ixed;
{block:if300pxposts}
margin-left:70px;
{/block:if300pxposts}
{block:ifnot300pxposts}
margin-left:110px;
{/block:ifnot300pxposts}
margin-top:-115px;
color:{color:desc text};
}
/* ------------------------ ✕ title ! ✕ ----------------------- */
.narcissa {
{block:if300pxposts}
width:170px;
margin-left:10px;
{/block:if300pxposts}
{block:ifnot300pxposts}
width:160px;
margin-left:60px;
{/block:ifnot300pxposts}
height:20px;
font-size:17px;
letter-spacing:1px;
font-style:italic;
text-transform:uppercase;
font-family: 'din';
display:inline;
font-weight:bolder;
margin-top:65px;
color:{color:accent};
overflow:hidden;
line-height:18px;
z-index:9999;
}
.narcissa a{
color:{color:accent};
}
/* ------------------------ ✕ pagi ! ✕ ----------------------- */
.page {
width:200px;
height:25px;
{block:if300pxposts}
margin-left:0px;
{/block:if300pxposts}
{block:ifnot300pxposts}
margin-left:40px;
{/block:ifnot300pxposts}
margin-top:105px;
z-index:999999;
text-transform:uppercase;
background:transparent;
font-family: 'din';
ixed;
color:{color:desc text};
font-size:8px;
-ms-transform: skewX(-20deg); /* IE 9 */
-webkit-transform: skewX(-20deg); /* Safari */
transform: skewX(-20deg); /* Standard syntax */
text-align:center;
}
.page a{
background:{color:accent};
color:{color:accent text};
padding:/*-top-*/3px /*-right-*/5px /*-bottom-*/3px /*-left-*/4px;
letter-spacing:1px;
}
/* ------------------------ ✕ description ! ✕ ----------------------- */
.descbox{
text-transform:lowercase;
z-index:9;
font-size:9px;
overflow-x:hidden;
height:70px;
overflow-y:auto;
ixed;
line-height:15px;
text-align:left;
letter-spacing:1px;
word-spacing:4.95px;
margin-top:24px;
{block:if300pxposts}
margin-left:10px;
width:190px;
{/block:if300pxposts}
{block:ifnot300pxposts}
margin-left:60px;
width:160px;
{/block:ifnot300pxposts}
font-family: 'Lato', sans-serif;
color:{color:desc text};
}
.descbox a{
color:{color:desc accent};
font-family:'din';
font-style:italic;
text-transform:uppercase;
font-weight:bold;
}
.descbox b{
color:{color:desc accent};
}
.descbox i{
color:{color:desc accent};
}
.descbox u{
color:{color:desc accent};
}
.descbox s{
color:{color:desc accent};
}
/* --------------------- ✕ navigation png ! ✕ ----------------------- */
.png{
bottom:-5px;
left:0px;
z-index:999;
width:auto;
height:auto;
bsolute;
}
.png img{
width:295px;
height:436px;
}
/* ---------------------- ✕ angled divs n text ! ✕ ------------------- */
#angled{
background-color:{color:accent};
background-image:url('{image:navigation header}');
width:700px;
height:370px;
z-index:-9999;
text-align:center;
ixed;
-webkit-clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
}
.angled2{
background-color:{color:angled panel};
width:700px;
height:370px;
margin-top:-270px;
z-index:-9999;
text-align:center;
ixed;
-webkit-clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
}
#angledtext {
width:800px;
height:90px;
line-height:100px;
overflow:hidden;
margin-top:180px;
letter-spacing:0px;
font-size:70px;
font-weight:bold;
font-family:'din';
text-transform:uppercase;
text-align:center;
color:{color:container bg};
-ms-transform: rotate(-16deg); /* IE 9 */
-webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
transform: rotate(-16deg);
}
#angledtext b{
color:{color:container bg};
}
#angledtext i{
color:{color:container bg};
}
#angledtext a{
color:{color:container bg};
}
/* ------------------------- ✕ cont ✕ ----------------------- */
#bish {
width:682px;
margin-left:0px;
height:500px;
background-color:{color:container bg};
ixed;
top:50%;
overflow:hidden;
left:50%;
transform:translate(-50%,-50%);
z-index:9;
-webkit-transition: all .7s;
-moz-transition: all .7s;
-o-transition: all .7s;
-ms-transition: all .7s;
transition: all .7s;
}
/* ------------------------- ✕ theme cont ✕ ----------------------- */
#universe {
ixed;
transform:translate(-50%,-50%);
top:50%;
left:50%;
margin-left:0px;
}
/* ------------------------- ✕ uhhh idk mate ✕ ----------------------- */
#bbar {
width:700px;
height:130px;
ixed;
z-index:999;
transform:translate(-50%,-50%);
top:50%;
left:50%;
margin-left:-150px;
margin-top:170px;
padding-left:90px;
letter-spacing:0px;
background-color:{color:accent};
-ms-transform: rotate(-16deg); /* IE 9 */
-webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
transform: rotate(-16deg);
color:{color:click panel};
}
.click{
width:80px;
height:auto;
ixed;
font-family:'din';
line-height:20px;
font-size:25px;
color:{color:accent text};
text-align:right;
letter-spacing:0px;
font-weight:bold;
margin-top:485px;
margin-left:590px;
text-transform:uppercase;
z-index:99999;
}
/* ------------------------ ✕ linkcont ! ✕ ----------------------- */
#storm{
width:auto;
ixed;
z-index:9999;
margin-left:160px;
margin-top:310px;
-ms-transform: rotate(-16deg); /* IE 9 */
-webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
transform: rotate(-16deg);
}
#navlinks{
letter-spacing:0px;
font-family:'din';
text-transform:uppercase;
font-style:italic;
margin-left:25px;
margin-top:30px;
text-align:left;
font-weight:bold;
line-height:30px;
word-spacing:0px;
}
#navlinks span:hover{
background:{color:angled panel};
color:{color:accent};
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
#navlinks b{
color:{color:navigation links};
text-align:right;
font-family:'din';
}
#navlinks i {
color:{color:navigation links};
}
#navlinks span{
background:{color:navigation links bg};
color:{color:navigation links};
text-align:left;
padding:5px;
font-size:12px;
width:150px;
height:20px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
#navlinks a{
color:{color:navigation links};
}
/* ------------------------ ✕ more ! ✕ ----------------------- */
#secondesc{
ixed;
width:240px;
height:130px;
margin-top:-125px;
text-align:right;
text-transform:lowercase;
letter-spacing:1px;
overflow:auto;
margin-left:130px;
}
.sbp{
ixed;
z-index:9999;
width:80px;
height:80px;
margin-top:-100px;
{block:if300pxposts}
margin-left:60px;
{/block:if300pxposts}
{block:ifnot300pxposts}
margin-left:100px;
{/block:ifnot300pxposts}
}
.sbp img{
width:80px;
height:80px;
}
/* ----------------------------- HEADER STUFF ---------------------------*/
/* ------------------------ ✕ custom css ! ✕ ----------------------- */
{CustomCSS}
</style>
</head>
<body>
<div id="universe">
<div id="bish">
<div class="click">
<label for="item-1">click<br>for more!
</div></label>
<label class="woa bounce" for="item-1">
<div id="bbar">
</div></label>
<!----------------------------- sidebar ---------------------------->
<div id="sidebar">
<label class="woa bounce" for="item-1">
<div id="bbar">
</div></label>
<!----------------------------- tab 2 ---------------------------->
<input type="checkbox" name="one" id="item-1"checked>
<div class="numb hide">
<div id="storm">
<div id="navlinks">
<span><a href="{text:link 1}"><i class="icon-android-close"></i> <b>{text:link 1 text}</b></a></span>
<br>
<span style="margin-left:-20px"><a href="{text:link 2}"><i class="icon-android-close"></i> <b>{text:link 2 text}</b></span></a>
<br>
<span style="margin-left:-40px"><a href="{text:link 3}"><i class="icon-android-close"></i> <b>{text:link 3 text}</b></span></a>
<br>
<span style="margin-left:-60px"><a href="{text:link 4}"><i class="icon-android-close"></i> <b>{text:link 4 text}</b></span></a>
</div>
<div id="secondesc">
{text:navigation description}
</div>
<div class="sbleaf"style="margin-left:400px;margin-top:-106px;color:{color:angled panel}">
<div id="navlinks"style="ixed;margin-left:-10px;margin-top:60px">
<span style="text-align:center;float:right;overflow:hidden;width:60px;padding-top:0px;line-height:20px;height:15px">{text:tiny info} </div>
<span class="icon-heart"></span>
</div>
</div>
<!--- navigation picture ----->
<div class="png">
{block:ifchangingimageonrefresh}
<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (https://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="{image:navigation pic 1}"
myimages[2]="{image:navigation pic 2}"
myimages[3]="{image:navigation pic 3}"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
{/block:ifchangingimageonrefresh}
{block:ifnotchangingimageonrefresh}
<img src="{image:navigation pic 1}">
{/block:ifnotchangingimageonrefresh}
</div>
<!--- text on navigation page ----->
<div id="angled"></div>
<div id="angledtext" style="color:{color:container bg};"><a href="/">{text:navigation title}</a>
</div>
<!----------------------------- tone ---------------------------->
</div>
</div>
<!------------------------------- posts -------------------------------->
<div id="postcontainer">
{block:Posts}
<article id="{PostID}">
<div class="topinfo">
<img src="{PortraitURL-128}" style="width:14px;height:14px;border:{color:container bg} solid 3px;border-radius:50%" alt="Portrait image" />
<a href="{Permalink}" title="{block:Date} {TimeAgo}{/block:Date}"style="padding-left:5px" class="details"><span class="lnr lnr-cross"></span> {block:NoteCount} <span style="font-weight: lighter;">{NoteCount}</span> </a>
{/block:NoteCount}</a>
{block:ContentSource}
<a class="details" style="padding-left:2px" href="{SourceURL}"><span class="lnr lnr-star"></span></a>
{/block:ContentSource}
<a href="{ReblogURL}" target="_blank"style="padding-left:2px"class="details"><span class="lnr lnr-sync"></span></a>
<a class="like-b details"style="padding-top:1px" href="#">{LikeButton}<span class="b"><span class="lnr lnr-heart"></span></span></a>
<div class="btton">
<!-------------------------- via and source -------------------------->
{block:RebloggedFrom}
<span class="lnr lnr-redo" style="color:{color:accent};font-size:8px;display:inline;vertical-align:middle"></span><span><a href="{ReblogParentURL}"class="perms">{ReblogParentName} </span></a>
{/block:RebloggedFrom}
{block:RebloggedFrom} {/block:RebloggedFrom}
</div>
</div>
<!-------------------------- text posts -------------------------->
{block:Text}
{block:Title}
<div class="postitle">
<a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{/block:Text}
<!-------------------------- photo posts -------------------------->
{block:Photo}
{block:IndexPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}
<!-------------------------- photosets -------------------------->
{block:Photoset}
<div class="pxu-photo">
<a href="#" >
{block:IndexPage}{Photoset-500}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
</a>
</div>
{/block:Photoset}
<!-------------------------- quote posts -------------------------->
<div id="quoteq">
{block:Source}
<div class="sourcepic"><span style="font-size:20px"class="icon-ios-chatbubble-outline"></span></div>
{/block:Source}
{block:Quote}
<div style="float:right; height:auto;font-family: 'beauty';font-size:20px;padding:10px;border-radius:0px 7px 7px 7px; color:{color:accent};font-weight:bold;">
{Quote}</div>
</div>
{/block:Quote}
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
<!-------------------------- link posts -------------------------->
{block:Link}
<div class="postitle"><a href="{URL}">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
<!-------------------------- chats ! -------------------------->
{block:Chat}
{block:Title}
<div class="postitle">
<a href="{Permalink}">{Title}</a></div>
{/block:Title}
<ul class="chat">
{block:Lines}<li class="{Alt}">{block:Label}<span class="label" style="text-transform:uppercase; font-weight:bold; ">{Label}</span>{/block:Label}<div style="text-transform:uppercase;"> {Line}</div></li>{/block:Lines}
</ul>
{/block:Chat}
<!-------------------------- audio -------------------------->
{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div>
</div>
</div>
<div class="trackdetails">
<div style="border: 1px solid {color:borders}; border-radius:7px; padding:5px; font-size:7px; color:{color:title color};">{block:TrackName}{TrackName}{/block:TrackName}</div>
<div style="border: 1px solid {color:borders};margin-top:4px; border-radius:7px; padding:5px; font-size:7px; color:{color:title color};">{block:Artist}Artist: {Artist}{/block:Artist} {block:Album}Album: {Album}{/block:Album}<br/></div>
<div style="border: 1px solid {color:borders}; margin-top:3px;border-radius:7px; padding:5px; font-size:7px; color:{color:title color};">{PlayCountWithLabel}<br/></div>
</div>
</div>
{/block:AudioPlayer}
{/block:Audio}
<!-------------------------- videos -------------------------->
{block:Video}
<div class="video" style="text-align:center;">{Video-250}</div>
{block:Caption}{/block:Caption}
{/block:Video}
<!-------------------------- asks -------------------------->
{block:Answer}
<div class="question">{Question}</div>
<div id="asker">{Asker}</div><br>
<div class="answer"style="margin-top:5px;elative">{Answer}</div>
{/block:Answer}
<!-------------------------- captions -------------------------->
{block:Caption}
{Caption}
<!-------------------------- post essentials -------------------------->
{/block:Caption}
{block:PostNotes}
<div class="pagenotes">{PostNotes-16}</div>
{/block:PostNotes}
{block:HasTags}
<div class="postags">
<div class="tags">
{block:Tags}
<a href="{TagURL}"></span><i class="fab fa-slack-hash"></i> <span style="padding-left:5px">{Tag}</span> </a>
{/block:Tags}
</div>
</div>{/block:HasTags}
</article>
{/block:Posts}
</div>
<!--- SIDEBAR ----->
<!--- angled div on the back of content ----->
<div class="angled2"></div>
<!--- container ----->
<div id="scott">
<div class="sbp"><img src="{image:sb pic}"></div>
<!--- tiny icon ----->
<div class="sbleaf">
<span class="icon-sprout"></span>
</div>
<!--- desctiption box ----->
<div class="descbox">{text:sidebar description}</div>
<div class="page">
{block:PreviousPage}<a style="margin-top:0px;margin-left:0px;border:none;"href="{PreviousPage}"> drown</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"style="margin-top:0px;margin-left:3px;border:none;"> swim</a> {/block:NextPage}
<br>
</div>
<div class="narcissa"><a href="/">{text:sidebar title}</a></div>
<br>
</div>
</div>
</div>
<!-------------------------- dont do the do !! ------------------------->
<span id="yo">
<a href="https://ofparrish.tumblr.com/"target="_blank"><span class="lnr lnr-leaf"></span></a>
</span>
</div></a>
</body>
</html>