ControlC Pastebin - 9cf44902

Theme 56

Pasted: Oct 9, 2016, 3:47:07 pm · Views: 2,216

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>











<head>

<meta name="color:Background Color" content="#f6f6f6" />
<meta name="color:Post Background Color" content="#ffffff" />
<meta name="color:Navigation Color" content="#fafafa" />
<meta name="color:Border Color" content="#eeeeee" />
<meta name="color:Text Color" content="#888888" />
<meta name="color:Link Color" content="#666666" />

<meta name="color:Color One" content="#ffabab" />
<meta name="color:Color Two" content="#f7c282" />
<meta name="color:Color Three" content="#e7ec6c" />
<meta name="color:Color Four" content="#cce9b9" />
<meta name="color:Color Five" content="#7bd4e7" />
<meta name="color:Color Six" content="#e1b7d2" />

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

<meta name="select:Font Family" content="'Karla', sans-serif" title="Karla">
<meta name="select:Font Family" content="'Open Sans', sans-serif" title="Open Sans">
<meta name="select:Font Family" content="'Roboto', sans-serif" title="Roboto">
<meta name="select:Font Family" content="'Lato', sans-serif" title="Lato">

<meta name="select:Font Size" content="10px" title="10px">
<meta name="select:Font Size" content="9px" title="9px">
<meta name="select:Font Size" content="11px" title="11px">
<meta name="select:Font Size" content="12px" title="12px">

<meta name="select:Layout" content="left" title="Left Sidebar">
<meta name="select:Layout" content="right" title="Right Sidebar">

<meta name="select:Sidebar Width" content="200px" title="200px">
<meta name="select:Sidebar Width" content="250px" title="250px">
<meta name="select:Sidebar Width" content="300px" title="300px">

<meta name="select:Post Width" content="540px" title="540px">
<meta name="select:Post Width" content="400px" title="400px">
<meta name="select:Post Width" content="500px" title="500px">

<meta name="text:Blog Title" content="" />

<meta name="text:Toplink 1 Title" content="index" />
<meta name="text:Toplink 1 Icon" content="home" />
<meta name="text:Toplink 1 Url" content="/" />
<meta name="text:Toplink 2 Title" content="message" />
<meta name="text:Toplink 2 Icon" content="envelope" />
<meta name="text:Toplink 2 Url" content="/ask" />
<meta name="text:Toplink 3 Title" content="" />
<meta name="text:Toplink 3 Icon" content="user" />
<meta name="text:Toplink 3 Url" content="" />
<meta name="text:Toplink 4 Title" content="" />
<meta name="text:Toplink 4 Icon" content="earth" />
<meta name="text:Toplink 4 Url" content="" />
<meta name="text:Toplink 5 Title" content="" />
<meta name="text:Toplink 5 Icon" content="picture" />
<meta name="text:Toplink 5 Url" content="" />
<meta name="text:Toplink 6 Title" content="" />
<meta name="text:Toplink 6 Icon" content="inbox" />
<meta name="text:Toplink 6 Url" content="" />

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700" rel="stylesheet">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>





<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>





<script>
$(document).ready(function() {

$('.photo-slideshow').pxuPhotoset({
lightbox: true,
gutter: '4px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});

$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:300
});

});
</script>



<style type="text/css">

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------ BASIC ------------------------------*/

html, body {
font-family:{select:Font Family};
background:{color:Background Color};
margin:0px;
padding:0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* LINKS BASIC */

a{
color:{color:Link Color};
}

a:hover{
color:{color:Color Two};
}

a, a:hover, a:active{
text-decoration:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/* LIST BASIC */

ul, menu, dir{
margin:0px !important;
padding:0px !important;
-webkit-margin-before:0px !important;
-webkit-margin-after:0px !important;
-webkit-margin-start:0px !important;
-webkit-margin-end:0px!important;
-webkit-padding-start:0px !important;
}

/* TOOLTIPS */

#s-m-t-tooltip{
position:absolute;
z-index:9999999;
margin-top:5px;
margin-left:10px;
display:block;
padding:5px 8px;
background-color:{color:Text Color};
font-family:{select:Font Family};
font-size:8px;
color:{color:Post Background Color};
letter-spacing:1px;
text-transform:uppercase;
}

/* SCROLL BAR */

::-webkit-scrollbar-thumb {
width:5px;
border:1px solid {color:Border Color};
border-right:none;
background-color:{color:Navigation Color};
}

::-webkit-scrollbar {
width:5px;
border-left:1px solid {color:Border Color};
border-right:4px solid {color:Post Background Color};
background-color:{color:Post Background Color};
}

/* SELECTION */

::-moz-selection { /* Code for Firefox */
color:{color:Post Background Color};
background-color:{color:Text Color};
}

::selection {
color:{color:Post Background Color};
background-color:{color:Text Color};
}

/* TUMBLR CONTROLS */

/* TUMBLR CONTROLS */

.tmblr-iframe-compact .tmblr-iframe--unified-controls {
z-index:999999;
position:fixed;
top:calc(8% - 30px);
right:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 40px);
vertical-align:middle;
white-space:nowrap !important;
opacity:0.2;
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
filter: invert(100%);
-webkit-transform: scale(0.6);
-webkit-transform-origin: top right;
-moz-transform: scale(0.6);
-moz-transform-origin: top right;
-o-transform: scale(0.6);
-o-transform-origin: top right;
-ms-transform: scale(0.6);
-ms-transform-origin: top right;
transform: scale(0.6);
transform-origin: top right;
}

/*------------------------------ BASIC ------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*

/*----------------------------- HEADER -----------------------------*/

/* HEADER BASIC */

header{
position:fixed;
top:8%;
left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 30px);
width:calc({select:Sidebar Width} + {select:Post Width} + 63px);
height:40px;
background-color:{color:Navigation Color};
border:1px solid {color:Border Color};
z-index:9999;
}

/* TOP LINKS */

header nav.toplinks{
position:relative;
margin:auto;
height:40px;
text-align:center;
}

header nav.toplinks a{
display:inline-block;
height:40px;
font-family:{select:Font Family};
font-size:{select:Font Size};
font-weight:700;
letter-spacing:0.5px;
line-height:40px;
text-transform:uppercase;
color:{color:Text Color};
padding:0px;
margin:0px 20px;
}

header nav.toplinks a:before{
display:block;
float:left;
line-height:38px;
margin-right:10px;
font-family:'Linearicons-Free';
font-size:{select:Font Size}
}

header nav.toplinks a:nth-child(1):before{color:{color:Color One};}
header nav.toplinks a:nth-child(2):before{color:{color:Color Two};}
header nav.toplinks a:nth-child(3):before{color:{color:Color Three};}
header nav.toplinks a:nth-child(4):before{color:{color:Color Four};}
header nav.toplinks a:nth-child(5):before{color:{color:Color Five};}
header nav.toplinks a:nth-child(6):before{color:{color:Color Six};}

header nav.toplinks a:hover{
color:{color:Link Color};
box-shadow:inset 0px -2px 0px 0px {color:Text Color};
}

header nav.toplinks a:nth-child(1):hover{box-shadow:inset 0px -1.5px 0px 0px {color:Color One};}
header nav.toplinks a:nth-child(2):hover{box-shadow:inset 0px -1.5px 0px 0px {color:Color Two};}
header nav.toplinks a:nth-child(3):hover{box-shadow:inset 0px -1.5px 0px 0px {color:Color Three};}
header nav.toplinks a:nth-child(4):hover{box-shadow:inset 0px -1.5px 0px 0px {color:Color Four};}
header nav.toplinks a:nth-child(5):hover{box-shadow:inset 0px -1.5px 0px 0px {color:Color Five};}
header nav.toplinks a:nth-child(6):hover{box-shadow:inset 0px -1.5px 0px 0px {color:Color Six};}

/*----------------------------- HEADER -----------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------- PAGINATION ---------------------------*/

#pagination{
position:fixed;
top:calc(8% - 15px);
left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 30px);
display:block;
font-size:{select:Font Size};
text-align:left;
opacity:0.7;
}

#pagination a{
display:inline-block;
color:{color:Text Color};
margin-right:5px;
}

#pagination a:hover{
color:{color:Link Color};
}

#pagination .current{
font-weight:700;
color:{color:Link Color};
display:inline-block;
margin-right:5px;
}

#pagination a.jump{
font-family:'Linearicons-Free';
font-size:calc({select:Font Size} - 2px);
}

/*---------------------------- PAGINATION ---------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------- CONTAINER ----------------------------*/

#container{
position:fixed;
top:calc(8% + 40px);
left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 30px);
width:calc({select:Sidebar Width} + {select:Post Width} + 63px);
height:calc(84% - 80px);
border:1px solid {color:Border Color};
background-color:{color:Post Background Color};
overflow:auto;
}

/*---------------------------- CONTAINER ----------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------- SIDEBAR -----------------------------*/

#sidebar{
position:fixed;
top:calc(8% + 40px);
{select:Layout}:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 30px);
width:{select:Sidebar Width};
height:calc(84% - 80px);
border:1px solid {color:Border Color};
border-{select:Layout}:none;
border-top:none;
border-bottom:none;
text-align:center;
}

/* SIDEBAR IMAGE */
/* HEXAGON TUTORIAL BY codepen.io/CreativeJuiz */

#sidebar .sideimg{
text-align:left;
margin:37px auto 0px auto;
}

#sidebar .sideimg img{
width:129px;
height:129px;
margin-top:-9.5px;
margin-left:35px;
}

#sidebar .sideimg .hexa,
#sidebar .sideimg .hexa div{
margin:0 auto;
transform-origin:50% 50%;
overflow:hidden;
}

#sidebar .sideimg .hexa{
width:200px;
height:110px;
}

#sidebar .sideimg .hexa div{
width:100%;
height:100%;
}

#sidebar .sideimg .hexa{
transform:rotate(120deg);
}

#sidebar .sideimg .hex1,
#sidebar .sideimg .hex2{
transform:rotate(-60deg);
}

#sidebar .hex-border{
position:absolute;
top:30px;
left:calc({select:Sidebar Width}/2 - 75px);
opacity:0.3;
stroke:{color:Text Color};
stroke-width:1px;
fill:transparent;
}

/* TITLE */

#sidebar h1{
font-family:{select:Font Family};
font-size:calc({select:Font Size} + 4px);
font-weight:700;
height:35px;
line-height:35px;
text-transform:uppercase;
color:{color:Text Color};
margin:35px 0px 0px 1px;
border-top:1px solid {color:Border Color};
border-bottom:1px solid {color:Border Color};
background-color:{color:Navigation Color};
}

/* DESC */

#sidebar .desc{
display:block;
max-height:calc(84% - 179px);
overflow:auto;
line-height:150%;
padding:20px;
font-size:{select:Font Size};
color:{color:Text Color};
}

/* SEARCH BAR */

#sidebar .search{
position:absolute;
bottom:0px;
left:0px;
display:block;
width:{select:Sidebar Width};
height:35px;
overflow:hidden;
border-top:1px solid {color:Border Color};
z-index:999999;
}

#sidebar .search input{
display:block;
width:calc({select:Sidebar Width} - 65px);
height:35px;
padding:0px 20px;
background-color:transparent;
border:none;
outline:none;
font-family:{select:Font Family};
font-size:{select:Font Size} !important;
font-weight:400 !important;
color:{color:Text Color} !important;
}

#sidebar .search input.sbutton{
position:absolute;
top:0px;
right:0px;
cursor:pointer;
padding:0px;
display:block;
width:35px;
height:35px;
outline:none;
border:none;
border-left:1px solid {color:Border Color};
font-family:'Linearicons-Free';
text-align:center;
line-height:30px;
font-size:calc({select:Font Size} + 2px) !important;
font-weight:normal;
background:{color:Navigation Color};
z-index:9;
}

::-webkit-input-placeholder{color:{color:Text Color};opacity:0.5;
letter-spacing:1px;}
::-moz-input-placeholder{color:{color:Text Color};opacity:0.5;
letter-spacing:1px;}
::-o-input-placeholder{color:{color:Text Color};opacity:0.5;
letter-spacing:1px;}
::-ms-input-placeholder{color:{color:Text Color};opacity:0.5;
letter-spacing:1px;}

/*----------------------------- SIDEBAR -----------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------ POSTS ------------------------------*/

#posts{
position:absolute;
{select:Layout}:calc({select:Sidebar Width} + 30px);
width:calc({select:Post Width} + 2px);
}

/* SINGLE POST */

#post{
overflow:hidden;
width:{select:Post Width};
border:1px solid {color:Border Color};
border-bottom:none;
margin:30px 0px 0px 0px;
}

#post:last-child{
margin-bottom:30px;
}

/* POSTCONTENT BASIC */

#postcontent{
background-color:{color:Post Background Color};
font-family:{select:Font Family};
font-weight:400;
font-size:{select:Font Size};
color:{color:Text Color};
width:{select:Post Width};
text-align:justify;
line-height:150%;
}

/* POST MEDIA */

#postcontent .postmedia{
width:{select:Post Width};
border-bottom:1px solid {color:Border Color};
overflow:hidden;
display:block;
}

#postcontent .postmedia .width_fix iframe{
width:calc({select:Post Width} + 2px) !important;
margin-top:-1px;
margin-left:-1px;
}

/* POST BODY */

#postcontent .postbody{
width:calc({select:Post Width} - 40px);
border-bottom:1px solid {color:Border Color};
padding:20px;
}

#postcontent .postbody a{
background-image: linear-gradient(180deg,rgba(68,68,68,0) 50%,rgba(68,68,68,.1) 0);
text-decoration: none;
background-repeat: repeat-x;
background-size: 1em 2px;
background-position: 0 1.15em;
padding-bottom: 2px;
}

#postcontent .postbody a:hover{
color:{color:Text Color};
}

/* POST IMAGES */

#postcontent img{
max-width:100%;
height:auto;
}

/* FIX IMAGE FIGURE */

#postcontent figure{
margin-top:10px;
max-width:100%;
height:auto;
}

#postcontent figure.tumblr-full img{
width:{select:Post Width};
}

/* POST TITLE */

#postcontent .posttitle{
font-family:{select:Font Family};
font-weight:400;
font-size:28px;
letter-spacing:0px;
text-align:justify;
line-height:120%;
margin-top:-10px;
color:{color:Text Color};
}

/* BLOCKQUOTE */

#postcontent blockquote{
width:calc(100% - 11px);
max-width:calc(100% - 11px);
margin-left:0px;
padding-left:10px;
border-left:1px solid {color:Color Three};
}

/* TEXTS */

#postcontent p{
margin-top:3px;
}

#postcontent p:first-child{
margin-top:0px;
}

#postcontent big{
font-size:13px;
}

#postcontent small{
font-size:8px;
}

/* HIGHLIGHT */

#postcontent h2{
font-family:{select:Font Family};
font-weight:400;
font-size:20px;
color:{color:Text Color};
margin-bottom:15px;
}

/* LIST */

#postcontent ol{
margin:0px 0px 10px -15px !important;
}

#postcontent ul{
list-style-type:disc;
margin:0px 0px 10px 15px !important;
}

#postcontent .caption{
margin-bottom:-10px;
}

/* LINK POSTS */

#postcontent .link-button{
border-bottom:1px solid {color:Border Color};
word-break:break-word;
overflow:hidden;
display:block;
position:relative;
text-decoration:none;
}

#postcontent .info-container{
padding:20px 20px 0;
overflow:hidden;
}

#postcontent .publisher-container{
margin-top:-4px;
margin-bottom:17px;
display:block;
font-size:13px;
line-height:16px;
font-weight:700;
word-break:break-all;
}

#postcontent .publisher-container.if-thumbnail{
position:absolute;
top:20px;
left:20px;
right:20px;
}

#postcontent .publisher-container .publisher{
line-height:16px;
font-size:7px;
font-weight:700;
color:{color:Text Color};
text-transform:uppercase;
letter-spacing:2px;
display:inline-block;
margin:0px;
}

#postcontent .info-container{
padding:20px 20px 0;
overflow:hidden;
color:{color:Text Color};
}

#postcontent .info-container .title{
margin-top:-10px;
margin-bottom:10px;
display:block;
font-family:{select:Font Family};
font-size:calc({select:Font Size} + 8px);
font-weight:700;
letter-spacing:0px;
line-height:calc({select:Font Size} + 10px);
}

#postcontent .info-container .title:after{
display:inline-block;
font-size:calc({select:Font Size} + 3px);
line-height:calc({select:Font Size} + 1px);
margin-left:5px;
white-space:nowrap;
font-family:'Linearicons-Free';
font-weight:bold;
content: "\e876";
}

#postcontent .info-container .excerpt{
margin-top:-6px;
margin-bottom:10px;
display:block;
font-size:{select:Font Size};
line-height:calc({select:Font Size} + 3px);
}

#postcontent .info-container .author{
margin-top:-3px;
margin-bottom:16px;
display:block;
font-size:calc({select:Font Size} - 2px);
font-weight:400;
letter-spacing:0.5px;
line-height:calc({select:Font Size} + 2px);
opacity:0.5;
}

/* QUOTES */

#postcontent .quotes{
font-family:{select:Font Family};
font-weight:400;
font-size:calc({select:Font Size} + 15px);
letter-spacing:-1px;
line-height:130%;
margin-top:-5px;
margin-bottom:10px;
color:{color:Text Color};
}

#postcontent .icon-quote-left,
#postcontent .icon-quote-right{
display:inline-block;
width:calc({select:Font Size} + 10px);
height:calc({select:Font Size} + 10px);
fill:{color:Text Color};
}

#postcontent .icon-quote-left{
margin-right:8px;
}

#postcontent .icon-quote-right{
margin-left:8px;
}

/* ASKS */

#postcontent .asker{
font-size:calc({select:Font Size} - 3px);
text-transform:uppercase;
text-align:left;
line-height:110%;
margin-top:2px;
color:{color:Text Color};
letter-spacing:2px;
}

#postcontent .asker span{
font-family:{select:Font Family};
font-weight:400;
text-transform:uppercase;
font-size:calc({select:Font Size} + 2px);
line-height:110%;
letter-spacing:1px;
}

#postcontent .asker a{
background-image:none;
color:{color:Link Color};
font-family:{select:Font Family};
font-weight:400;
text-transform:uppercase;
font-size:calc({select:Font Size} + 2px);
line-height:110%;
letter-spacing:1px;
}

#postcontent .asker a:hover{
color:{color:Text Color};
}

#postcontent .askimg img{
width:calc({select:Font Size} + 15px);
height:calc({select:Font Size} + 15px);
margin-right:10px;
border-radius:50%;
float:left;
}

#postcontent .question{
width:465px;
margin-top:-5px;
margin-left:12px;
margin-bottom:15px;
padding:20px 0px 0px 20px;
border-left:1px solid {color:Border Color};
}

/* CHATS */

#postcontent ul.chat{
margin-bottom:0px !important;
overflow:hidden;
border:1px solid {color:Border Color};
border-bottom:none;
text-align:left;
}

#postcontent ul.chat{
list-style:none !important;
margin-left:0px !important;
}

#postcontent ul.chat li{
display:block;
min-height:25px;
line-height:25px;
font-size:calc({select:Font Size} + 1px);
font-weight:400 !important;
letter-spacing:1px;
color:{color:Text Color};
padding:0px 10px;
border-bottom:1px solid {color:Border Color};
}

#postcontent span.label{
display:block;
float:left;
height:25px;
border-right:1px solid {color:Border Color};
border-bottom:1px solid {color:Border Color};
background-color:{color:Post Background Color};
font-size:calc({select:Font Size} - 1px);
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
margin-left:-10px;
margin-right:5px;
padding:0px 3px 0px 10px;
color:{color:Text Color};
}

#postcontent span.label:after{
content:'';
position:absolute;
float:right;
margin-left:-5px;
width:4px;
height:25px;
background-color:{color:Post Background Color};
}

/* POSTNOTES */

#postnotes{
width:calc({select:Post Width} - 40px);
padding:0px 20px;
margin:30px 0px;
border:1px solid {color:Border Color};
color:{color:Text Color};
background:{color:Post Background Color};
font-size:calc({select:Font Size} - 2px);
text-align:justify;
line-height:150%;
letter-spacing:1px;
text-transform:uppercase;
font-family:{select:Font Family};
}

#postnotes ol.notes{
padding:0px;
margin:20px 0px;
list-style-type:none;
}

#postnotes ol.notes li.note{
padding:10px 0px;
}

#postnotes ol.notes li.note img.avatar{
vertical-align:-4px;
margin-right:10px;
width:16px;
height:16px;
border-radius:50%;
}

/*------------------------------ POSTS ------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------- PERMALINK ----------------------------*/

#permalink{
position:relative;
display:block;
z-index:999;
background-color:{color:Navigation Color};
width:calc({select:Post Width} - 40px);
height:40px;
padding:0px 20px;
border-bottom:1px solid {color:Border Color};
overflow:hidden;
text-align:left;
font-family:{select:Font Family};
font-size:calc({select:Font Size} - 1px);
letter-spacing:1px;
}

/* PERMALINK LINKS */

#permalink .postinfo a{
font-family:{select:Font Family};
font-weight:700;
display:block;
float:left;
text-transform:uppercase !important;
color:{color:Text Color};
text-align:left;
line-height:40px;
}

#permalink .postinfo a:before{
font-family:'Linearicons-Free';
margin-right:5px;
}

#permalink .postinfo a:nth-child(1):before{
color:{color:Color One};
}

#permalink .postinfo a:nth-child(2):before{
color:{color:Color Two};
}

#permalink .postinfo a:nth-child(3):before{
color:{color:Color Three};
}

#permalink .postinfo a:nth-child(4):before{
color:{color:Color Four};
}

#permalink .postinfo a:hover{
color:{color:Link Color};
}

#permalink .postinfo a:after{
content:"";
position:relative;
width:1px;
height:calc({select:Font Size} - 2px);
display:block;
float:right;
background-color:{color:Border Color};
margin-top:calc(21px - {select:Font Size}/2);
margin-left:15px;
margin-right:15px;
}

#permalink .postinfo a:last-child:after{
display:none;
}

#permalink .postinfo a.notes{
font-size:calc({select:Font Size} + 1px);
}

/* LIKE & REBLOG BUTTONS */

#permalink ul.like_and_reblog_buttons{
width:100px;
margin-top:12px !important;
list-style:none;
text-align:right;
display:block;
float:right;
}

#permalink ul.like_and_reblog_buttons li{
list-style:none;
display:inline-block;
margin:0px 0px 0px 5px;
cursor:pointer !important;
}

#permalink ul.like_and_reblog_buttons{
margin-left: -38px;
margin-bottom:-2px;
}

#permalink ul.reblog-icons{
margin-left: -38px;
}

/* CUSTOM REBLOG/LIKE BUTTONS | BY DEMIREV.CUBTHEMES.COM */

#permalink .like{
position:relative;
cursor:pointer !important;
}

#permalink .lnr-sync{
fill:{color:Color Five};
}

#permalink .lnr-heart{
fill:{color:Color Six};
}

#permalink .lnr:hover{
fill:{color:Text Color};
}

#permalink .like .like_button{
position:absolute;
top:-1.5px;
opacity:0;
}

#permalink .like .like_button.liked {
opacity:1;
}

#permalink .lnr{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

/* TAGS */

#tags{
position:relative;
z-index:999;
width:calc({select:Post Width} - 40px);
background-color:{color:Navigation Color};
border-bottom:1px solid {color:Border Color};
text-align:left;
line-height:100%;
padding:15px 20px;
letter-spacing:0.5px;
line-height:150%;
font-family:{select:Font Family};
font-weight:400;
font-size:calc({select:Font Size} - 2px);
}

#tags a{
display:inline-block;
color:{color:Text Color};
margin-left:10px;
}

#tags a:hover{
color:{color:Link Color};
}

#tags span{
font-family:{select:Font Family};
color:{color:Text Color};
text-transform:uppercase;
display:inline-block;
font-size:calc({select:Font Size} - 3px);
line-height:calc({select:Font Size} - 3px);
font-weight:700;
letter-spacing:1px;
margin-right:-5px;
}

#tags span:before {
font-family:'Linearicons-Free';
font-size:{select:Font Size};
color:{color:Color Four};
line-height:calc({select:Font Size} - 5px);
margin-right:5px;
display:block;
float:left;
}

/*---------------------------- PERMALINK ----------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------ CREDIT------------------------------*/
/*--------------------- DO NOT REMOVE THE CREDIT --------------------*/

footer{
position:fixed;
left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 30px);
bottom:8%;
width:calc({select:Sidebar Width} + {select:Post Width} + 63px);
height:40px;
background-color:{color:Navigation Color};
border:1px solid {color:Border Color};
text-align:center;
font-family:{select:Font Family};
font-size:calc({select:Font Size} - 3px);
line-height:40px;
color:{color:Text Color};
text-transform:uppercase;
letter-spacing:1.5px;
}

footer a{
color:{color:Text Color};
font-weight:700;
}

footer a:hover{
color:{color:Link Color};
font-weight:700;
}

/*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
/*------------------------------ CREDIT------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

{CustomCSS}

</style>
</head>





<body>






{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}" class="jump"></a>{/block:PreviousPage}
{block:JumpPagination length="15"}
{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="jump"></a>{/block:NextPage}
</div>
{/block:Pagination}








<header>

<nav class="toplinks">
{block:IfToplink1Title}<a class="lnr lnr-{text:Toplink 1 Icon}" href="{text:Toplink 1 Url}">{text:Toplink 1 Title}</a>{/block:IfToplink1Title}
{block:IfToplink2Title}<a class="lnr lnr-{text:Toplink 2 Icon}" href="{text:Toplink 2 Url}">{text:Toplink 2 Title}</a>{/block:IfToplink2Title}
{block:IfToplink3Title}<a class="lnr lnr-{text:Toplink 3 Icon}" href="{text:Toplink 3 Url}">{text:Toplink 3 Title}</a>{/block:IfToplink3Title}
{block:IfToplink4Title}<a class="lnr lnr-{text:Toplink 4 Icon}" href="{text:Toplink 4 Url}">{text:Toplink 4 Title}</a>{/block:IfToplink4Title}
{block:IfToplink5Title}<a class="lnr lnr-{text:Toplink 5 Icon}" href="{text:Toplink 5 Url}">{text:Toplink 5 Title}</a>{/block:IfToplink5Title}
{block:IfToplink6Title}<a class="lnr lnr-{text:Toplink 6 Icon}" href="{text:Toplink 6 Url}">{text:Toplink 6 Title}</a>{/block:IfToplink6Title}
{block:IfToplink7Title}<a class="lnr lnr-{text:Toplink 7 Icon}" href="{text:Toplink 7 Url}">{text:Toplink 7 Title}</a>{/block:IfToplink7Title}
</nav>

</header>





<div id="container">





<div id="sidebar">



<div class="sideimg">
<div class="hexa"><div class="hex1"><div class="hex2">
{block:ifSidebarImage}<img src="{image:Sidebar}" />{/block:IfSidebarImage}
{block:ifNotSidebarImage}<img src="{PortraitURL-128}" />{/block:IfNotSidebarImage}
</div></div></div>
</div>

<svg class="hex-border" version="1.1" xmlns="http://www.w3.org/2000/svg" width="150" height="124" viewbox="0 0 200 173.20508075688772"><path d="M0 86.60254037844386L50 0L150 0L200 86.60254037844386L150 173.20508075688772L50 173.20508075688772Z"></path></svg>





<h1>{block:IfBlogTitle}{text:Blog Title}{/block:IfBlogTitle}{block:IfNotBlogTitle}{Title}{/block:IfNotBlogTitle}</h1>





<div class="desc">{Description}</div>





<div class="search">
<form action="/search" method="get">
<input type="text" name="q" value="" placeholder="SEARCH THE BLOG..." />
<input type="submit" value="" class="sbutton" />
</form>
</div>



</div>





<div id="posts">



{block:Posts}

<div id="post">


{block:Date}
<div id="permalink">

<div class="postinfo">
<a class="lnr lnr-star" href="{Permalink}" title="notes">{NoteCount}</a>
<a class="lnr lnr-clock" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
{block:RebloggedFrom}<a class="lnr lnr-location" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="lnr lnr-enter" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
</div>

<ul class="like_and_reblog_buttons">

<li class="reblog-button" title="reblog">
<a href="{ReblogURL}" target="_blank"><svg class="lnr lnr-sync" width="13px" height="13px"><use xlink:href="#lnr-sync"></use></svg></a>
</li>

<li class="like" title="like">
{LikeButton size="11"}
<svg class="lnr lnr-heart" width="13px" height="13px"><use xlink:href="#lnr-heart"></use></svg>
</li>

</ul>

</div>
{/block:Date}








<div id="postcontent">



{block:Text}
<div class="postbody">
{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
<div class="caption" style="margin-top:0px;{block:Title}margin-top:10px{/block:Title};">{Body}</div>
</div>
{/block:Text}





{block:Link}

<div class="postmedia" style="border:none;">

<a href="{Url}" target="_blank" class="link-button">
{block:Thumbnail}<img src="{Thumbnail}" width="{select:Post Width}">{/block:Thumbnail}
<div class="info-container">
{block:Host}<div class="publisher-container {block:Thumbnail}if-thumbnail{/block:Thumbnail}"><div class="publisher">{Host}</div></div>{/block:Host}
<div class="title">{Name}</div>
{block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
{block:Author}<div class="author">{Author}</div>{/block:Author}
</div>
</a>

</div>

{block:Description}
<div class="postbody"><div class="caption">{Description}</div></div>
{/block:Description}

{/block:Link}





{block:Photo}
{LinkOpenTag}
<div class="postmedia"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post Width}" style="display:block;"></div>
{LinkCloseTag}
{block:Caption}
<div class="postbody"><div class="caption">{Caption}</div></div>
{/block:Caption}
{/block:Photo}





{block:Photoset}

<div class="postmedia">
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<img src="{PhotoURL-HighRes}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
</div>
<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
</div>
{/block:Photos}
</div>
</div>

{block:Caption}
<div class="postbody"><div class="caption">{Caption}</div></div>
{/block:ContentSource}

{/block:Photoset}





{block:Quote}
<div class="postbody">
<div class="quotes"><svg class="icon icon-quote-left"><use xlink:href="#icon-quote-left"></use></svg>{Quote}<svg class="icon icon-quote-right"><use xlink:href="#icon-quote-right"></use></svg></div>
{block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
</div>
{/block:Quote}





{block:Chat}
<div class="postbody">
{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}





{block:Audio}
<div class="postmedia">
<div class="width_fix" style="margin-bottom:-5px;">{AudioEmbed-500}</div>
</div>
{block:Caption}<div class="postbody"><div class="caption">{Caption}</div></div>{/block:Caption}
{/block:Audio}





{block:Video}
<div class="postmedia">
<div class="video" style="margin-bottom:-5px;">{Video-500}</div>
</div>
{block:Caption}
<div class="postbody"><div class="caption">{Caption}</div></div>
{/block:Caption}
{/block:Video}





{block:Answer}
<div class="postbody">
<div class="askimg"><img src="{AskerPortraitURL-48}"></div>
<div class="asker"><span>{Asker}</span><br>sent a message</div>
<div class="question">{Question}</div>
<div class="caption">{Answer}</div>
</div>
{/block:Answer}



</div>








{block:HasTags}
<div id="tags">
<span class="lnr lnr-bookmark">Tagged as</span> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}






</div>








{block:PostNotes}
<div id="postnotes">
{PostNotes}
</div>
{/block:PostNotes}






{/block:Posts}





</div>





</div>






<footer>© {CopyrightYears} <a href="/">{Name}</a> all rights reserved. Theme by <a href="http://roxiestheme.tumblr.com" target="_blank">roxiestheme</a> • Powered by <a href="http://tumblr.com" target="_blank">Tumblr</a></footer>









<script type="text/javascript">
function blockquote_colors(){
var colors = ["{color:Color One}", "{color:Color Two}", "{color:Color Three}", "{color:Color Four}", "{color:Color Five}", "{color:Color Six}"];
$('body').find('blockquote').each( function (i) {
$(this).css("border-left-color", colors[i % colors.length]);
});
}

blockquote_colors();

$( document ).ajaxComplete(function() {
blockquote_colors();
});
</script>






</body>





<svg>
<defs>

<symbol id="icon-quote-left" viewBox="0 0 33 32">
<title>quote</title>
<path class="path1" d="M16.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM7.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.025 3.633-2.942 6.583-6.583 6.533z"></path>
<path class="path2" d="M33.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM24.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.033 3.633-2.942 6.583-6.583 6.533z"></path>
</symbol>

<symbol id="icon-quote-right" viewBox="0 0 33 32">
<title>quote2</title>
<path class="path1" d="M17.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM25.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.025-3.633 2.942-6.583 6.583-6.533z"></path>
<path class="path2" d="M0.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM8.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.033-3.633 2.942-6.583 6.583-6.533z"></path>
</symbol>

</defs>
</svgs>

</html>

Create new version