Nubivagant
<!--
╭━━━┳╮╱╭┳━━━┳━━━┳━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
┃╭━╮┃┃╱┃┃╭━━┫╭━╮┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
┃╰━━┫╰━╯┃╰━━┫┃╱┃┣╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
╰━━╮┃╭━╮┃╭━━┫╰━╯┃╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
┃╰━╯┃┃╱┃┃╰━━┫╭━╮┃╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
╰━━━┻╯╱╰┻━━━┻╯╱╰╯╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
Theme ⎾NUBIVAGANT⏌ by sheathemes @ tumblr
- TERMS -
I. Do NOT remove my credit from the index page. Keep it exactly where it is
II. Do NOT take any part of my code to use for your personal designs
III. Do NOT claim any part of my code as your own
IV. NO redistrubuting of any of my code
V. Editing is allowed. As long as it's NOT being claimed as your own
CREDITS
> PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Modified PXU photoset script tutorial by bychloethemes @ tumblr: http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by
> Video resize script: http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos
> Style-my-Tootips: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
> Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes
> Icons: https://linearicons.com/ | http://saturnthms.com/
> Un-nest Tumblr Captions: http://neothm.com/post/148902138319/un-nest-tumblr-captions-a-plugin-by | Script and Tutorial by Neothm and Magnusthemes @ Tumblr
> Audio player color fix: http://roxiestheme.net/post/158812662057/tutorial-change-the-color-of-tumblrs-new-audio
> Smoothscroll script: https://cdnjs.com/libraries/smoothscroll
!-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!------------Smooth Scroll Script------------>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
<!------------Smooth Scroll Script------------>
<!--Custom Fonts-->
<link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,500,500i,600,600i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito+Sans:300,300i,400,400i,600,600i,700,700i|Titillium+Web:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i|Arimo:400,400i,700,700i|Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i|Muli:400,400i,600,600i,700,700i|Lora:400,400i,700,700i|Roboto+Condensed:400,400i,700,700i" rel="stylesheet">
<!--Custom Fonts-->
<!--Homelinks Icons-->
<link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
<!--Homelinks Icons-->
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta charset="utf-8">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta http-equiv="x-dns-prefetch-control" content="off"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Custom Options-->
<meta name="color:background" content="#f9f9f9" />
<meta name="color:accent" content="#93ccc6" />
<meta name="color:accented text" content="#ffffff" />
<meta name="color:Text" content="#888888" />
<meta name="color:bold" content="#000000"/>
<meta name="color:italic" content="#000000"/>
<meta name="color:underline" content="#000000"/>
<meta name="color:Links" content="#000000" />
<meta name="color:Link Hover" content="#93ccc6" />
<meta name="color:text selection" content="#ffffff" />
<meta name="color:text selection background" content="#93ccc6" />
<meta name="color:Blockquote" content="#eeeeee" />
<meta name="color:Scrollbar" content="#93ccc6" />
<meta name="color:Posts" content="#ffffff" />
<meta name="color:Post Title" content="#e89e8c" />
<meta name="color:Post Borders" content="#f6f6f6" />
<meta name="color:Chat" content="#93ccc6" />
<meta name="color:question" content="#fafafa" />
<meta name="color:question background" content="#fafafa" />
<meta name="color:pagination" content="#888888" />
<meta name="color:permalink" content="#000000" />
<meta name="color:permalink hover" content="#93ccc6" />
<meta name="select:Background Attachment" content="fixed" title="fixed">
<meta name="select:Background Attachment" content="scroll" title="scroll">
<meta name="select:Background Repeat" content="repeat" title="repeat">
<meta name="select:Background Repeat" content="no-repeat" title="no repeat">
<meta name="select:Body Font" content="Open Sans" title="Open Sans">
<meta name="select:Body Font" content="Titillium Web" title="Titillium Web">
<meta name="select:Body Font" content="Roboto" title="Roboto">
<meta name="select:Body Font" content="Montserrat" title="Montserrat">
<meta name="select:Body Font" content="Arimo" title="Arimo">
<meta name="select:Body Font" content="Nunito Sans" title="Nunito Sans">
<meta name="select:Body Font" content="Muli" title="Muli">
<meta name="select:font size" content="10" title="10px">
<meta name="select:font size" content="11" title="11px">
<meta name="select:font size" content="12" title="12px">
<meta name="select:font size" content="13" title="13px">
<meta name="select:text align" content="left" title="left">
<meta name="select:text align" content="justify" title="justify">
<meta name="select:desc text align" content="center" title="center">
<meta name="select:desc text align" content="justify" title="justify">
<meta name="select:ask portrait align" content="flex-start" title="top">
<meta name="select:ask portrait align" content="center" title="center">
<meta name="select:Post Size" content="300" title="300px">
<meta name="select:Post Size" content="350" title="350px">
<meta name="select:Post Size" content="375" title="375px">
<meta name="select:Post Size" content="400" title="400px">
<meta name="select:Post Size" content="450" title="450px">
<meta name="select:Post Size" content="475" title="475px">
<meta name="select:Post Size" content="500" title="500px">
<meta name="select:Post Size" content="525" title="525px">
<meta name="select:Post Size" content="540" title="540px">
<meta name="select:Post Padding" content="0" title="0px">
<meta name="select:Post Padding" content="2" title="2px">
<meta name="select:Post Padding" content="5" title="5px">
<meta name="select:Post Padding" content="10" title="10px">
<meta name="select:Post Padding" content="15" title="15px">
<meta name="select:Photoset gutter" content="1" title="1px">
<meta name="select:Photoset gutter" content="2" title="2px">
<meta name="select:Photoset gutter" content="4" title="4px">
<meta name="select:Photoset gutter" content="6" title="6px">
<meta name="select:Photoset gutter" content="8" title="8px">
<meta name="select:Photoset gutter" content="10" title="10px">
<meta name="text:margin bottom" content="50"/>
<meta name="text:topbar icon" content="flower-1" />
<meta name="text:sidebar title" content="title here" />
<meta name="if:Link1" content="1" />
<meta name="if:Link2" content="1" />
<meta name="if:Link3" content="1" />
<meta name="if:Link4" content="1" />
<meta name="if:Link5" content="1" />
<meta name="if:Link6" content="1" />
<meta name="if:Link7" content="1" />
<meta name="if:Link8" content="1" />
<meta name="text:CustomLink1URL" content="Link 1 URL" />
<meta name="text:CustomLink1Name" content="Link 1" />
<meta name="text:CustomLink2URL" content="Link 2 URL" />
<meta name="text:CustomLink2Name" content="Link 2" />
<meta name="text:CustomLink3URL" content="Link 3 URL" />
<meta name="text:CustomLink3Name" content="Link 3" />
<meta name="text:CustomLink4URL" content="Link 4 URL" />
<meta name="text:CustomLink4Name" content="Link 4" />
<meta name="text:CustomLink5URL" content="Link 5 URL" />
<meta name="text:CustomLink5Name" content="Link 5" />
<meta name="text:CustomLink6URL" content="Link 6 URL" />
<meta name="text:CustomLink6Name" content="Link 6" />
<meta name="text:CustomLink7URL" content="Link 7 URL" />
<meta name="text:CustomLink7Name" content="Link 7" />
<meta name="text:CustomLink8URL" content="Link 8 URL" />
<meta name="text:CustomLink8Name" content="Link 8" />
<meta name="image:background" content=""/>
<meta name="image:sidebar" content="" />
<meta name="if:inverted tumblr controls" content="1" />
<meta name="if:Small Cursor" content="0" />
<meta name="if:searchbar" content="1" />
<meta name="if:dashboard blockquotes" content="1" />
<meta name="if:Custom Text Selection" content="0"/>
<meta name="if:Faded Images" content="0"/>
<meta name="if:Grayscale Images" content="0"/>
<meta name="if:Show Captions" content="1"/>
<meta name="if:Show Tags" content="1"/>
<!--Custom Options-->
<style type="text/css">
/*----------FADE-IN ANIMATION----------*/
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {opacity:0;}
to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
from {opacity:0;}
to {opacity: 1;}
}
/*----------TUMBLR CONTROLS----------*/
iframe.tmblr-iframe {
position:fixed!important;
z-index: 300!important;
top: 100px!important;
right:30px!important;
opacity:0.4!important;
{block:ifinvertedtumblrcontrols}
filter:invert(1);
-webkit-filter:invert(1);
-o-filter:invert(1);
-moz-filter:invert(1);
-ms-filter:invert(1);
{/block:ifinvertedtumblrcontrols}
transform:scale(0.6);
transform-origin:100% 0;
-webkit-transform:scale(0.6);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.6);
-o-transform-origin:100% 0;
-moz-transform:scale(0.6);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.6);
-ms-transform-origin:100% 0;
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-o-transition: 0.8s ease;
transition: 0.8s ease;
}
iframe.tmblr-iframe:hover {
opacity:0.6!important;
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-o-transition: 0.8s ease;
transition: 0.8s ease;
}
/*--------CUSTOM TUMBLR LIGHTBOX--------*/
.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}, 0.6) !important;
}
.lightbox-image, #tumblr_lightbox img {
background-color: {color:posts} !important;
padding: 10px !important;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/*----------SCROLLBAR----------*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: {color:Scrollbar};
border: 2px solid {color:Background};
}
::-webkit-scrollbar-track {
background: {color:Background};
border: 8px solid {color:Background};
}
::-webkit-scrollbar-corner {
background: transparent;
}
/*----------TOOLTIPS----------*/
#s-m-t-tooltip {
max-width:300px;
padding:2px 5px;
margin: -20px 7px -2px 20px;
background-color: {color:posts};
font-size: {select:font size}px;
text-transform:lowercase;
font-weight: 600;
color: {color:text};
z-index:999999999999999999999999999999999999;
border: 1px solid {color:post borders};
}
/*----------TEXT SELECTION----------*/
{block:ifCustomTextSelection}
::selection {
background: {color:text selection background};
color: {color:text selection};
}
::-moz-selection {
background: {color:text selection background};
color: {color:text selection};
}
::-webkit-selection {
background: {color:text selection background};
color: {color:text selection};
}
{/block:ifCustomTextSelection}
/*----------THEME BASICS----------*/
html, body {
color: {color:text};
font-family: {select:Body Font}, helvetica, sans-serif;
font-weight: 400;
font-size:{select:font size}px;
line-height:180%;
margin:0;
padding: 0;
text-align:left;
background: {color:background} url({image:Background}) center;
background-attachment: {select:Background Attachment};
background-repeat: {select:Background Repeat};
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s; /* Firefox */
-webkit-animation: fadein 2.0s; /* Safari and Chrome */
-o-animation: fadein 2.0s; /* Opera */
}
b,strong {
color:{color:bold};
font-weight: 700;
}
i,em {
color:{color:italic};
}
u {
color:{color:underline};
}
hr {
width: 30%;
height: 1px;
background-color: {color:post borders};
color: {color:post borders};
border: 0px solid transparent;
}
small,sub,sup {
font-size: calc({select:font size} - 0.5px);
}
h1,h2,h3 {
font-weight: 700;
font-size: 2em;
color: {color:bold};
}
h4,h5,h6 {
font-weight: 700;
font-size: 1.8em;
color: {color:bold};
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
padding: 5px 10px;
font-family: inherit;
font-weight: 400;
line-height: 150%;
background-color:{color:question background};
border-left: 5px solid {color:accent};
}
blockquote:not(.tumblr_parent) {
padding-left:10px;
margin: 10px;
border-left:1px solid {color:blockquote};
}
blockquote img {
max-width: 100%;
height: auto;
}
figure {
margin: 1em 3px;
}
a {
color:{color:links};
text-decoration:none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
a:hover {
color:{color:link hover};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
{block:ifSmallCursor}
html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
{/block:ifSmallCursor}
/*----------PAGINATION----------*/
#pagination {
height:auto;
width:auto;
letter-spacing:1px;
margin-left:auto;
margin-right:auto;
margin-bottom: 30px;
margin-top: 20px;
font-size:10px;
text-transform:uppercase;
z-index:4;
text-align:center;
background:transparent;
}
.sf-chevron-left, .sf-chevron-right {
font-size: 8px;
}
#pagination a {
margin-left:1px;
background-color: {color:posts};
border:1px solid {color:post borders};
border-radius:3px;
padding:10px;
font-weight: 600;
color: {color:pagination};
text-decoration:none;
-webkit-transition:all 0.8s ease-out;
-moz-transition:all 0.8s ease-out;
transition:all 0.8s ease-out;
}
#pagination a:hover {
color: {color:accented text};
background-color: {color:accent};
border:1px solid {color:accent};
-webkit-transition:all 0.8s ease-out;
-moz-transition:all 0.8s ease-out;
transition:all 0.8s ease-out;
}
/*----------POSTS----------*/
.cage {
width: 100%;
height: 100%;
}
.wrap {
position: relative;
width: calc({select:Post Size}px + 390px);
margin: auto;
{block:PermalinkPage}
width: calc(540px + 390px);
{/block:PermalinkPage}
}
#content {
position: relative;
margin: 130px auto 10px auto;
padding-top: 20px;
float: right;
width: {select:Post Size}px;
{block:PermalinkPage}
width: 540px;
{/block:PermalinkPage}
}
.posts {
position: relative;
box-sizing: border-box;
width: {select:post size}px;
background-color: {color:posts};
border: 1px solid {color:post borders};
{block:IndexPage}
margin-bottom: {text:margin bottom}px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom: 50px;
width: 540px;
{/block:PermalinkPage}
}
.posts:last-of-type {
margin-bottom: 80px;
}
.posts ul li {
list-style: none;
margin-left: -25px;
padding-left: 10;
}
.posts ul li:before {
content: "―";
padding-right: 5px;
color: {color:accent};
}
.posts ol {
display: block;
counter-increment: step-counter;
margin-left: -10px;
}
.posts iframe {
max-width:100%;
display: block;
padding: 0;
margin: 0
}
.posts img {
max-width: 100%;
display: block;
border: 0;
}
.tumblr_video_container {
width: auto !important;
height: auto !important;
}
.posts .photo img {
{block:ifFadedImages}
{block:IndexPage}
opacity: 0.6;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.posts:hover .photo img {
opacity: 1.0;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
{/block:IndexPage}
{/block:ifFadedImages}
}
{block:ifGrayscaleImages}
{block:IndexPage}
.posts .photo img {
z-index: -9999999999999999999999999px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.posts:hover .photo img {
-webkit-filter: none;
filter: none;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
{/block:IndexPage}
{/block:ifGrayscaleImages}
/*----------TEXT/CAPTION CONTAINER----------*/
.photo, .video {
padding: {select:Post Padding}px;
border-bottom: 1px solid {color:post borders};
}
.caption {
padding: 5px 15px;
text-align: {select:text align};
box-sizing: border-box;
}
.caption a.tumblr_blog {
font-weight: 700;
color: {color:links};
}
.caption a.tumblr_blog:hover {
letter-spacing: 2px;
color: {color:link hover};
}
.caption img {
max-width: 100%;
height: auto;
}
.tumblr_parent {
margin: 10px -10px 0px;
padding: 5px 15px 0;
border-bottom: 1px solid {color:post borders};
}
.tumblr_parent p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.tumblr_parent:last-of-type {
border: none;
}
.tumblr_parent blockquote {
margin-left:10px;
padding-left:10px;
border-left: 1px solid {color:blockquote};
}
.tumblr_parent blockquote img {
max-width: 100%;
height: auto;
}
.tumblr_avatar {
width: 22px;
height: 22px;
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
img.tumblr_avatar {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.read_more {
position: relative;
width: 100%;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
position: relative;
left: calc(50% - 40px);
color: {color:links};
border-bottom: 2px solid {color:accent};
}
.read_more:hover {
color: {color:link hover};
border-bottom: 2px solid transparent;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
/*----------POST INFO & PERMALINKS----------*/
#topinfo {
padding: 10px;
border-bottom: 1px solid {color:post borders};
color: {color:permalink};
background-color: {color:posts};
box-sizing: border-box;
}
#topinfo a {
color: {color:permalink};
font-family: 'Exo 2', sans-serif;
font-weight: 600;
text-transform: lowercase;
text-align: left;
}
#topinfo a:hover {
color: {color:permalink hover};
}
#topinfo img {
margin-right: 7px;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
}
.time {
border-top: 1px solid {color:post borders};
width: 100%;
color: {color:permalink};
background-color: {color:posts};
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.photo ~ .time, .video ~ .time, .audiowrapper ~ .time {
border-bottom: 1px solid {color:post borders};
border-top: none;
{block:IfnotShowCaptions}
border-bottom: none;
{/block:IfnotShowCaptions}
}
.time a {
color: {color:permalink};
font-family: 'Exo 2', sans-serif;
font-weight: 600;
text-align: left;
text-transform: lowercase;
text-align: center;
}
.time a:hover {
color: {color:permalink hover};
}
.timestamp , .likereblog, .note-count {
padding: 10px;
width: 30%;
text-align: center;
}
.timestamp {
border-right: 1px solid {color:post borders};
font-weight: 600;
}
/*----------LIKE/REBLOG----------*/
.likereblog {
border-right: 1px solid {color:post borders};
padding-top: 14px;
}
.controls a {
position:relative;
display:inline-block;
margin: 0 2px;
}
.controls a:hover {
color: {color:permalink hover};
}
.sf-refresh {
font-size: 12px;
color: {color:permalink};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sf-refresh:hover {
color: {color:permalink hover};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sf-heart-2 {
color: {color:permalink};
font-size: 13px;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sf-heart-2:hover {
color: {color:permalink hover};
}
.controls .like .liked + .sf-heart-2 {
opacity: 1;
}
.controls .like .liked + .sf-heart-2 {
color: #ec5a5a;
}
.controls .like .like_button iframe {
position:absolute;
top: 0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
z-index:2;
opacity:0;
}
/*--------POST TAGS--------*/
.post_tags {
position: absolute;
width: {select:Post Size}px;
padding: 10px 0 0;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.post_tags.draggable .post_tags_inner {
cursor: col-resize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.post_tags_inner {
float: left;
position: relative;
padding: 0px 20px 0px 0;
}
.post_tags a,
.post_tags .post_tag {
display: inline-block;
margin-left: 3px;
color: {color:permalink};
font-family: 'Exo', sans-serif;
font-weight: 500;
font-size: 9px;
}
.post_tags:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
background: linear-gradient(to right, rgba({RGBcolor:background}, 0.2) 0, {color:background} 50%);
}
.post_tags a:hover,
.post_tags .post_tag:hover,
.post_tags a:focus,
.post_tags .post_tag:focus,
.post_tags a:active,
.post_tags .post_tag:active {color:{color:permalink hover};}
/*----------PERMALINK PAGE----------*/
#perma {
width: calc(540px - 10px);
padding: 10px 5px;
margin-left: calc(auto - 30px);
margin-top: -10px;
background-color: {color:posts};
text-align: center;
text-transform: lowercase;
border: 1px solid {color:post borders};
}
#perma span {
font-family: 'Lora', serif;
font-size: 1.3em;
color: {color:accent 2};
}
#permatg {
width: calc(540px - 20px);
padding: 10px;
margin: 10px auto 10px;
background-color: {color:posts};
border: 1px solid {color:post borders};
text-align: center;
text-transform: lowercase;
}
#permatg a {
display: inline-block;
margin: 0 5px;
color: {color:permalink};
}
.rb {
position: absolute;
left: calc(50% - 25px);
margin-top: 25px;
display: inline-block;
z-index: 10;
}
.root img, .via img {
border-radius: 100%;
padding: 3px;
margin-right: 2px;
border: 1px solid {color:post borders};
background-color: {color:posts};
}
#notecontainer {
margin-left: calc(auto - 30px);
margin: 40px 0;
width: 540px;
font-size: 10px;
color: #888;
background-color: {color:posts};
position: relative;
border: 1px solid {color:post borders};
}
#notecontainer ol.notes {
list-style-type: none;
margin: 0;
padding: 0;
font-size: {select:font size}px;
}
#notecontainer ol.notes li.note {
border-bottom: 1px solid {color:post borders};
padding: 15px;
}
#notecontainer img.avatar {
margin-right: 10px;
vertical-align: middle;
width: 20px;
height: 20px;
border-radius: 10px;
}
/*----------TUMBLR TEXT/LINKS----------*/
.posts .title, .posts .link {
color: {color:post title};
font-size: 1.3em;
font-family: 'Roboto', sans-serif;
font-weight: 600;
padding: 7px 10px;
line-height: 200%;
text-transform: lowercase;
text-align: center;
border-bottom: 1px solid {color:post borders};
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.posts .title span, .posts .link span {
padding: 0 10px 12px;
border-bottom: 2px solid {color:accent};
}
.posts .link:hover {
color: {color:link hover};
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.posts .link a {
color: {color:post title};
}
.posts .link a:hover {
color: {color:link hover};
}
/*----------TUMBLR QUOTES----------*/
.qt {
padding: 15px;
}
.quote {
font-size: 1.3em;
font-family: 'Lora', serif;
line-height: 25px;
text-align: center;
padding: 15px;
background-color: {color:question background};
border: 1px solid {color:post borders};
}
.qtsource {
margin-top: 10px;
font-weight: 600;
color: {color:accent};
}
.qtsource a {
color: {color:links};
}
.quote-box {
font-size: 25px;
margin-bottom: 5px;
color: {color:links};
font-weight: 700;
}
/*----------TUMBLR AUDIO----------*/
.audiowrapper {
width: 100%;
background-color: {color:posts};
border-bottom: 1px solid {color:post borders};
height: 85px;
{block:PermalinkPage}
border-bottom: none;
{/block:PermalinkPage}
}
/*----------TUMBLR QUESTION/ANSWER----------*/
#askcont {
padding:10px;
display: flex;
flex-flow: row;
justify-content: space-between;
border-bottom: 1px solid {color:post borders};
}
.sf-question-mark {
font-size: 16px;
height: 16px;
border-radius: 100%;
position: relative;
padding: 5px;
align-self: {select:ask portrait align};
margin-right: 10px;
background-color: {color:accent};
color: {color:accented text};
padding: 10px;
}
#asker {
color: {color:links};
text-align: left;
font-size: 13px;
margin-bottom: 5px;
font-weight: 700;
}
#asker a {
color: {color:links};
}
#asker a:hover {
color: {color:link hover};
}
.question {
width: 100%;
text-align: justify;
padding: 10px;
background-color: {color:question background};
color: {color:question};
border: 1px solid {color:post borders};
}
.answer p {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
/*----------TUMBLR CHAT----------*/
.chatp {
padding: {select:post padding}px;
}
.chat .line {
margin-top: 0px;
padding: 20px;
margin-bottom: 0px;
border-bottom: 1px solid {color:post borders};
}
.chat .line:last-of-type {
margin-bottom: 0px;
border-bottom: none;
}
.chat .label {
text-transform: capitalize;
}
.line:nth-child(odd) .label b {
color: {color:chat};
font-weight: 700;
margin-right: 5px;
font-size: 1.1em;
}
.line:nth-child(even) .label b {
color: {color:links};
font-weight: 700;
margin-right: 5px;
font-size: 1.1em;
}
/*---------- TOPBAR ----------*/
.topbar {
width: 100%;
height: 80px;
background-color: {color:posts};
border-bottom: 1px solid {color:post borders};
position: fixed;
top: 0;
z-index: 100;
box-sizing: border-box;
padding: 0 30px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.sf-{text:topbar icon} {
padding: 10px;
background-color: {color:accent};
color: {color:accented text};
margin-right: 15px;
font-size: 20px;
height: 20px;
border-radius: 100%;
display: inline-block;
}
#title {
box-sizing: border-box;
}
#title a {
color: {color:links};
font-family: 'Lora', serif;
text-align: left;
text-transform: uppercase;
font-size: 1.8em;
}
/*---------- NAVIGATION LINKS ----------*/
.morelinks {
box-sizing: border-box;
}
.morelinks a {
display: inline-block;
margin: 0 20px;
font-weight: 600;
}
.morelinks a:hover {
color: {color:link hover};
}
/*---------- SIDEBAR ----------*/
.sidebar {
width: 300px;
height: 100%;
position: fixed;
top: 0;
float: left;
background-color: {color:posts};
border-left: 1px solid {color:post borders};
border-right: 1px solid {color:post borders};
}
/*---------- HOMELINKS ----------*/
.homelinks {
margin-top: 5px;
}
.homelinks a {
display: inline-block;
margin: 5px;
}
.sf-home, .sf-envelope-3, .sf-share, .sf-calendar {
background-color: {color:accent};
color: {color:accented text};
font-size: 14px;
height: 14px;
display: inline-block;
border-radius: 100%;
padding: 10px;
line-height: 5px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.sf-home:hover, .sf-envelope-3:hover, .sf-share:hover, .sf-calendar:hover {
background-color: {color:posts};
color: {color:links};
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.side-img {
width: 150px;
height: 150px;
margin-top: 120px;
background-color: #eee;
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.side-img img {
width: 100%;
height: 100%;
}
#side-title {
margin-top: 40px;
}
#side-title h1 {
color: {color:accented text};
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 1.3em;
width: 310px;
text-align: center;
background-color: {color:accent};
padding: 5px 10px;
margin-left: -15px;
position: relative;
}
#side-title h1::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 100%;
background-color: {color:accent};
-webkit-filter:contrast(70%);
transform-origin: top left;
transform: skewY(-50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
z-index: -1;
}
.sidebar:hover #side-title h1::before {
transform: skewY(50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
#side-title h1::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 100%;
background-color: {color:accent};
-webkit-filter:contrast(70%);
transform-origin: top right;
transform: skewY(-50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
z-index: -1;
}
.sidebar:hover #side-title h1::after {
transform: skewY(50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
.description {
padding: 15px 20px;
text-align: {select:desc text align};
color: {color:text};
}
/*---------- SEARCH BAR ---------*/
.bsearch {
width: 80%;
margin-top: 25px;
}
.search .query {
border: 0;
outline: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
width: 95px;
}
.search {
border-radius: 50px;
padding: 3px 10px;
background-color: {color:question background};
color: {color:text};
border: 1px solid {color:post borders};
text-align: left;
}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: inherit; opacity:1;}
::-moz-placeholder {color: inherit; opacity:1;}
:-ms-input-placeholder {color: inherit;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}
/*---------- SCROLL TO TOP ---------*/
#scrollToTop:link,
#scrollToTop:visited {
display: none;
position: fixed;
font-size: 12px;
bottom: 15px;
right: 20px;
color: {color:links};
padding: 0px 5px;
width: auto;
z-index: 900;
font-weight: 700;
}
/*---------- THEME CREDIT/DO NOT REMOVE!!! ---------*/
.cred {
position: fixed;
bottom: 32px;
right: 32px;
z-index: 9999;
}
.cred img {
width: 40px;
height: 40px;
}
{CustomCSS}
</style>
<!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
<!-----------Tooltips 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 src="https://static.tumblr.com/pbhn8p5/uhVos7fkg/tooltips.js"></script>
<!-----------Tooltips Script----------->
<!-----------Scroll To Top Script----------->
<script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<!-----------Scroll To Top Script----------->
<script>
//Tumblr photo/photoset fix
$(document).ready(function(){
//Audio player script
$('iframe.tumblr_audio_player').load( function() {
$('iframe.tumblr_audio_player').contents().find("head")
.append($("<style type='text/css'> .audio-player{background-color:{color:posts} !important;} </style>"));
//audio player script
});
//search suggestions script
$('.search').submit(function(event){
var value = $('input:first').val();
location.replace('http://{Name}.tumblr.com/tagged/' + value);
});
//search suggestions script
});
</script>
<!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
</head>
<body>
<div class="cage"> <!----------- MAIN CONTAINER ----------->
<!-----------SCROLL TO TOP ----------->
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top">go to top</a>
<!-----------SCROLL TO TOP ----------->
<div class="container"> <!----------- THEME CONTAINER ----------->
<header class="topbar"> <!----------- TOPBAR ----------->
<div id="title"><span class="sf-{text:topbar icon}"></span><a href="/">{Title}</a></div>
<nav class="morelinks"> <!----------- NAVIGATION LINKS ----------->
{block:ifLink1}<a href="{text:CustomLink1URL}">{text:CustomLink1Name}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:CustomLink2URL}">{text:CustomLink2Name}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:CustomLink3URL}">{text:CustomLink3Name}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:CustomLink4URL}">{text:CustomLink4Name}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:CustomLink5URL}">{text:CustomLink5Name}</a>{/block:ifLink5}
{block:ifLink6}<a href="{text:CustomLink6URL}">{text:CustomLink6Name}</a>{/block:ifLink6}
{block:ifLink7}<a href="{text:CustomLink7URL}">{text:CustomLink7Name}</a>{/block:ifLink7}
{block:ifLink8}<a href="{text:CustomLink8URL}">{text:CustomLink8Name}</a>{/block:ifLink8}
</nav> <!----------- NAVIGATION LINKS ----------->
</header> <!----------- TOPBAR ----------->
<div class="wrap"> <!-----------POSTS CONTAINER----------->
<aside class="sidebar"> <!----------- SIDEBAR ----------->
<center>
<section class="side-img"><img src="{image:sidebar}"></section>
</center>
<div id="side-title"><h1>{text:sidebar title}</h1></div>
<div class="description">{Description}</div>
<center>
<nav class="homelinks"> <!----------- HOMELINKS ----------->
<a href="/" title="home"><span class="sf-home"></span></a>
<a href="/ask" title="inbox"><span class="sf-envelope-3"></span></a>
<a href="/submit" title="submit"><span class="sf-share"></span></a>
<a href="/archive" title="archive"><span class="sf-calendar"></span></a>
</nav> <!----------- HOMELINKS ----------->
{block:ifsearchbar}
<div class="bsearch"> <!----------- SEARCH ----------->
<form action="/search" method="get" class="search">
<input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search...">
</form>
</div> <!----------- SEARCH ----------->
{/block:ifsearchbar}
</center>
</aside> <!----------- SIDEBAR ----------->
<section id="content"><!-----------POSTS WRAP----------->
{block:Posts}
<article class="posts"><!-----------POSTS----------->
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
{block:IndexPage}
<!-----------POST INFO/PERMALINKS----------->
<div id="topinfo">
{block:RebloggedFrom}<img src="{ReblogRootPortraitURL-64}"> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>
{/block:RebloggedFrom}
{block:NotReblog}
<img class="reblogpic" src="{PortraitURL-24}"> <a class="src" href="{Permalink}">{Name}</a>
{/block:NotReblog}
</div>
<!-----------POST INFO/PERMALINKS----------->
{/block:IndexPage}
{block:Text}
{block:Title}<div class="title"><span>{Title}</span></div>{/block:Title}
<div class="caption">{Body}</div>
{/block:Text}
{block:Photo}
<div class="photo">
{LinkOpenTag}
<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">
<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
</a>
{LinkCloseTag}
</div>
{/block:Photo}
{block:Photoset}
<div class="photo">
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" 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:Photoset}
{block:Quote}
<div class="qt">
<center>
<div class="quote-box">❞</div>
</center>
<div class="quote">
{Quote}
</div>
{block:Source}<div class="qtsource"><center>{Source}</center></div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link"><a href="{URL}"><span>{Name} »</span></a></div>
{block:Description}
<div class="caption">{Description}</div>
{block:ifnotdashboardstyleblockquotes}
<div class="text">{Description}</div>
{/block:ifnotdashboardstyleblockquotes}
{/block:Description}
{/block:Link}
{block:Audio}
<div class="audiowrapper">
{AudioEmbed-640}
</div>
{/block:Audio}
{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}
{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chatp">
<div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
{Line}</div>{/block:Lines}</div>
</div>
{/block:Chat}
{block:Answer}
<div id="askcont">
<span class="sf-question-mark"></span>
<div class="question"><div id="asker"><span>{Asker}</span> asked</div>{Question} </div>
</div>
<div class="caption"><span class="answer">{Answer}</div>
{/block:Answer}
{block:IndexPage}
{block:Date}
<div class="time">
<a class="timestamp" href="{Permalink}">{Timestamp}</a>
{/block:Date}
<div class="likereblog">
<div class="controls">
<a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog"><span class="sf-refresh"></span></a>
<a title="like this post" class="like">{LikeButton size="15"}
<span class="sf-heart-2"></span></a>
</div>
</div>
<div class="note-count"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
</div>
{/block:IndexPage}
{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfnotShowCaptions}
{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
<!-----------POST TAGS----------->
{block:IndexPage}
{block:ifShowTags}
{block:HasTags}
<div class="post_tags draggable">
<div class="post_tags_inner">{block:Tags}
<a href="{TagURL}"><span class="lnr lnr-tag" style="margin-right: 3px; color:{color:accent}"></span>{Tag}</a>{/block:Tags}</div></div>
{/block:HasTags}
{/block:ifShowTags}
<!-----------POST TAGS----------->
{/block:IndexPage}
</article> <!-----------POSTS----------->
<!-----------PERMALINK PAGE----------->
{block:PermalinkPage}
{block:Date}
<div id="perma">
<span>
Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
</span>
{block:RebloggedFrom}
<div class="rb">
<a class="via" href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
<a class="root" href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
</div>
{/block:RebloggedFrom}
</div>
{block:HasTags}
<div id="permatg">
{block:Tags}<a href="{TagURL}" title="Tagged as"><span class="lnr lnr-tag" style="margin-right: 3px; color:{color:accent}"></span>{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}
{block:PostNotes}
<div id="notecontainer">{PostNotes}</div>
{/block:PostNotes}
{/block:Date}
{/block:PermalinkPage}
<!-----------PERMALINK PAGE----------->
{/block:Posts}
<footer id="pagination"> <!-----------PAGINATION----------->
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"><span class="sf sf-chevron-left
"></span></a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<a href="#" style="color:{color:pagination}; background-color:{color:accent};border:1px solid {color:accent};color:{color:accented text}"><span class="current_page">{CurrentPage}</a></span></a>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}"><span class="sf sf-chevron-right
"></span></a>
{/block:NextPage}
{/block:Pagination}
</footer> <!-----------PAGINATION----------->
</section><!------------------POSTS WRAPPER----------------------->
</div> <!--------- POSTS CONTAINER ----------->
</div> <!----------- THEME CONTAINER ----------->
</div> <!----------- MAIN CONTAINER ----------->
<!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
<a href="http://sheathemes.tumblr.com" class="cred" title="theme by sheathemes"><img src="http://static.tumblr.com/mans3zn/0xXowi0nk/credit.png"></a>
<!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
<!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--Pixel Union photosets script-->
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
<!--Pixel Union photosets script-->
<!--Video resizing script-->
<script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
<!--Video resizing script-->
<!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
<script src="https://static.tumblr.com/wgg6svp/P0Sofxcrj/unnest.min.js"></script>
<!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
<!--Time ago script by bychloethemes @ tumblr-->
<script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
<!--Time ago script by bychloethemes @ tumblr-->
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '{select:photoset gutter}px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
{block:ifdashboardblockquotes}
$('.posts').unnest({
yourCaption: ".caption",
wrapName: ".tumblr_parent",
newCaptionUsername: true,
originalPostCaptionUsername: false,
tumblrAvatars: true,
tumblrAvatarClass: ".tumblr_avatar",
usernameColon: false });
{/block:ifdashboardblockquotes}
$('.timestamp').timeAgo({
time: "short",
spaces: true,
words: false,
suffix: "ago",
});
});
</script>
<!--Draggable Tags Script-->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="https://static.tumblr.com/pbhn8p5/OSRos9gz8/draggabletags.js"></script>
<!--Draggable Tags Script-->
<!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
</body>
</html> <!---------------------------END--------------------------->
╭━━━┳╮╱╭┳━━━┳━━━┳━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
┃╭━╮┃┃╱┃┃╭━━┫╭━╮┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
┃╰━━┫╰━╯┃╰━━┫┃╱┃┣╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
╰━━╮┃╭━╮┃╭━━┫╰━╯┃╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
┃╰━╯┃┃╱┃┃╰━━┫╭━╮┃╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
╰━━━┻╯╱╰┻━━━┻╯╱╰╯╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
Theme ⎾NUBIVAGANT⏌ by sheathemes @ tumblr
- TERMS -
I. Do NOT remove my credit from the index page. Keep it exactly where it is
II. Do NOT take any part of my code to use for your personal designs
III. Do NOT claim any part of my code as your own
IV. NO redistrubuting of any of my code
V. Editing is allowed. As long as it's NOT being claimed as your own
CREDITS
> PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Modified PXU photoset script tutorial by bychloethemes @ tumblr: http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by
> Video resize script: http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos
> Style-my-Tootips: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
> Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes
> Icons: https://linearicons.com/ | http://saturnthms.com/
> Un-nest Tumblr Captions: http://neothm.com/post/148902138319/un-nest-tumblr-captions-a-plugin-by | Script and Tutorial by Neothm and Magnusthemes @ Tumblr
> Audio player color fix: http://roxiestheme.net/post/158812662057/tutorial-change-the-color-of-tumblrs-new-audio
> Smoothscroll script: https://cdnjs.com/libraries/smoothscroll
!-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!------------Smooth Scroll Script------------>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
<!------------Smooth Scroll Script------------>
<!--Custom Fonts-->
<link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,500,500i,600,600i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito+Sans:300,300i,400,400i,600,600i,700,700i|Titillium+Web:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i|Arimo:400,400i,700,700i|Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i|Muli:400,400i,600,600i,700,700i|Lora:400,400i,700,700i|Roboto+Condensed:400,400i,700,700i" rel="stylesheet">
<!--Custom Fonts-->
<!--Homelinks Icons-->
<link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
<!--Homelinks Icons-->
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta charset="utf-8">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta http-equiv="x-dns-prefetch-control" content="off"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Custom Options-->
<meta name="color:background" content="#f9f9f9" />
<meta name="color:accent" content="#93ccc6" />
<meta name="color:accented text" content="#ffffff" />
<meta name="color:Text" content="#888888" />
<meta name="color:bold" content="#000000"/>
<meta name="color:italic" content="#000000"/>
<meta name="color:underline" content="#000000"/>
<meta name="color:Links" content="#000000" />
<meta name="color:Link Hover" content="#93ccc6" />
<meta name="color:text selection" content="#ffffff" />
<meta name="color:text selection background" content="#93ccc6" />
<meta name="color:Blockquote" content="#eeeeee" />
<meta name="color:Scrollbar" content="#93ccc6" />
<meta name="color:Posts" content="#ffffff" />
<meta name="color:Post Title" content="#e89e8c" />
<meta name="color:Post Borders" content="#f6f6f6" />
<meta name="color:Chat" content="#93ccc6" />
<meta name="color:question" content="#fafafa" />
<meta name="color:question background" content="#fafafa" />
<meta name="color:pagination" content="#888888" />
<meta name="color:permalink" content="#000000" />
<meta name="color:permalink hover" content="#93ccc6" />
<meta name="select:Background Attachment" content="fixed" title="fixed">
<meta name="select:Background Attachment" content="scroll" title="scroll">
<meta name="select:Background Repeat" content="repeat" title="repeat">
<meta name="select:Background Repeat" content="no-repeat" title="no repeat">
<meta name="select:Body Font" content="Open Sans" title="Open Sans">
<meta name="select:Body Font" content="Titillium Web" title="Titillium Web">
<meta name="select:Body Font" content="Roboto" title="Roboto">
<meta name="select:Body Font" content="Montserrat" title="Montserrat">
<meta name="select:Body Font" content="Arimo" title="Arimo">
<meta name="select:Body Font" content="Nunito Sans" title="Nunito Sans">
<meta name="select:Body Font" content="Muli" title="Muli">
<meta name="select:font size" content="10" title="10px">
<meta name="select:font size" content="11" title="11px">
<meta name="select:font size" content="12" title="12px">
<meta name="select:font size" content="13" title="13px">
<meta name="select:text align" content="left" title="left">
<meta name="select:text align" content="justify" title="justify">
<meta name="select:desc text align" content="center" title="center">
<meta name="select:desc text align" content="justify" title="justify">
<meta name="select:ask portrait align" content="flex-start" title="top">
<meta name="select:ask portrait align" content="center" title="center">
<meta name="select:Post Size" content="300" title="300px">
<meta name="select:Post Size" content="350" title="350px">
<meta name="select:Post Size" content="375" title="375px">
<meta name="select:Post Size" content="400" title="400px">
<meta name="select:Post Size" content="450" title="450px">
<meta name="select:Post Size" content="475" title="475px">
<meta name="select:Post Size" content="500" title="500px">
<meta name="select:Post Size" content="525" title="525px">
<meta name="select:Post Size" content="540" title="540px">
<meta name="select:Post Padding" content="0" title="0px">
<meta name="select:Post Padding" content="2" title="2px">
<meta name="select:Post Padding" content="5" title="5px">
<meta name="select:Post Padding" content="10" title="10px">
<meta name="select:Post Padding" content="15" title="15px">
<meta name="select:Photoset gutter" content="1" title="1px">
<meta name="select:Photoset gutter" content="2" title="2px">
<meta name="select:Photoset gutter" content="4" title="4px">
<meta name="select:Photoset gutter" content="6" title="6px">
<meta name="select:Photoset gutter" content="8" title="8px">
<meta name="select:Photoset gutter" content="10" title="10px">
<meta name="text:margin bottom" content="50"/>
<meta name="text:topbar icon" content="flower-1" />
<meta name="text:sidebar title" content="title here" />
<meta name="if:Link1" content="1" />
<meta name="if:Link2" content="1" />
<meta name="if:Link3" content="1" />
<meta name="if:Link4" content="1" />
<meta name="if:Link5" content="1" />
<meta name="if:Link6" content="1" />
<meta name="if:Link7" content="1" />
<meta name="if:Link8" content="1" />
<meta name="text:CustomLink1URL" content="Link 1 URL" />
<meta name="text:CustomLink1Name" content="Link 1" />
<meta name="text:CustomLink2URL" content="Link 2 URL" />
<meta name="text:CustomLink2Name" content="Link 2" />
<meta name="text:CustomLink3URL" content="Link 3 URL" />
<meta name="text:CustomLink3Name" content="Link 3" />
<meta name="text:CustomLink4URL" content="Link 4 URL" />
<meta name="text:CustomLink4Name" content="Link 4" />
<meta name="text:CustomLink5URL" content="Link 5 URL" />
<meta name="text:CustomLink5Name" content="Link 5" />
<meta name="text:CustomLink6URL" content="Link 6 URL" />
<meta name="text:CustomLink6Name" content="Link 6" />
<meta name="text:CustomLink7URL" content="Link 7 URL" />
<meta name="text:CustomLink7Name" content="Link 7" />
<meta name="text:CustomLink8URL" content="Link 8 URL" />
<meta name="text:CustomLink8Name" content="Link 8" />
<meta name="image:background" content=""/>
<meta name="image:sidebar" content="" />
<meta name="if:inverted tumblr controls" content="1" />
<meta name="if:Small Cursor" content="0" />
<meta name="if:searchbar" content="1" />
<meta name="if:dashboard blockquotes" content="1" />
<meta name="if:Custom Text Selection" content="0"/>
<meta name="if:Faded Images" content="0"/>
<meta name="if:Grayscale Images" content="0"/>
<meta name="if:Show Captions" content="1"/>
<meta name="if:Show Tags" content="1"/>
<!--Custom Options-->
<style type="text/css">
/*----------FADE-IN ANIMATION----------*/
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {opacity:0;}
to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
from {opacity:0;}
to {opacity: 1;}
}
/*----------TUMBLR CONTROLS----------*/
iframe.tmblr-iframe {
position:fixed!important;
z-index: 300!important;
top: 100px!important;
right:30px!important;
opacity:0.4!important;
{block:ifinvertedtumblrcontrols}
filter:invert(1);
-webkit-filter:invert(1);
-o-filter:invert(1);
-moz-filter:invert(1);
-ms-filter:invert(1);
{/block:ifinvertedtumblrcontrols}
transform:scale(0.6);
transform-origin:100% 0;
-webkit-transform:scale(0.6);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.6);
-o-transform-origin:100% 0;
-moz-transform:scale(0.6);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.6);
-ms-transform-origin:100% 0;
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-o-transition: 0.8s ease;
transition: 0.8s ease;
}
iframe.tmblr-iframe:hover {
opacity:0.6!important;
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-o-transition: 0.8s ease;
transition: 0.8s ease;
}
/*--------CUSTOM TUMBLR LIGHTBOX--------*/
.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}, 0.6) !important;
}
.lightbox-image, #tumblr_lightbox img {
background-color: {color:posts} !important;
padding: 10px !important;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/*----------SCROLLBAR----------*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: {color:Scrollbar};
border: 2px solid {color:Background};
}
::-webkit-scrollbar-track {
background: {color:Background};
border: 8px solid {color:Background};
}
::-webkit-scrollbar-corner {
background: transparent;
}
/*----------TOOLTIPS----------*/
#s-m-t-tooltip {
max-width:300px;
padding:2px 5px;
margin: -20px 7px -2px 20px;
background-color: {color:posts};
font-size: {select:font size}px;
text-transform:lowercase;
font-weight: 600;
color: {color:text};
z-index:999999999999999999999999999999999999;
border: 1px solid {color:post borders};
}
/*----------TEXT SELECTION----------*/
{block:ifCustomTextSelection}
::selection {
background: {color:text selection background};
color: {color:text selection};
}
::-moz-selection {
background: {color:text selection background};
color: {color:text selection};
}
::-webkit-selection {
background: {color:text selection background};
color: {color:text selection};
}
{/block:ifCustomTextSelection}
/*----------THEME BASICS----------*/
html, body {
color: {color:text};
font-family: {select:Body Font}, helvetica, sans-serif;
font-weight: 400;
font-size:{select:font size}px;
line-height:180%;
margin:0;
padding: 0;
text-align:left;
background: {color:background} url({image:Background}) center;
background-attachment: {select:Background Attachment};
background-repeat: {select:Background Repeat};
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s; /* Firefox */
-webkit-animation: fadein 2.0s; /* Safari and Chrome */
-o-animation: fadein 2.0s; /* Opera */
}
b,strong {
color:{color:bold};
font-weight: 700;
}
i,em {
color:{color:italic};
}
u {
color:{color:underline};
}
hr {
width: 30%;
height: 1px;
background-color: {color:post borders};
color: {color:post borders};
border: 0px solid transparent;
}
small,sub,sup {
font-size: calc({select:font size} - 0.5px);
}
h1,h2,h3 {
font-weight: 700;
font-size: 2em;
color: {color:bold};
}
h4,h5,h6 {
font-weight: 700;
font-size: 1.8em;
color: {color:bold};
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
padding: 5px 10px;
font-family: inherit;
font-weight: 400;
line-height: 150%;
background-color:{color:question background};
border-left: 5px solid {color:accent};
}
blockquote:not(.tumblr_parent) {
padding-left:10px;
margin: 10px;
border-left:1px solid {color:blockquote};
}
blockquote img {
max-width: 100%;
height: auto;
}
figure {
margin: 1em 3px;
}
a {
color:{color:links};
text-decoration:none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
a:hover {
color:{color:link hover};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
{block:ifSmallCursor}
html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
{/block:ifSmallCursor}
/*----------PAGINATION----------*/
#pagination {
height:auto;
width:auto;
letter-spacing:1px;
margin-left:auto;
margin-right:auto;
margin-bottom: 30px;
margin-top: 20px;
font-size:10px;
text-transform:uppercase;
z-index:4;
text-align:center;
background:transparent;
}
.sf-chevron-left, .sf-chevron-right {
font-size: 8px;
}
#pagination a {
margin-left:1px;
background-color: {color:posts};
border:1px solid {color:post borders};
border-radius:3px;
padding:10px;
font-weight: 600;
color: {color:pagination};
text-decoration:none;
-webkit-transition:all 0.8s ease-out;
-moz-transition:all 0.8s ease-out;
transition:all 0.8s ease-out;
}
#pagination a:hover {
color: {color:accented text};
background-color: {color:accent};
border:1px solid {color:accent};
-webkit-transition:all 0.8s ease-out;
-moz-transition:all 0.8s ease-out;
transition:all 0.8s ease-out;
}
/*----------POSTS----------*/
.cage {
width: 100%;
height: 100%;
}
.wrap {
position: relative;
width: calc({select:Post Size}px + 390px);
margin: auto;
{block:PermalinkPage}
width: calc(540px + 390px);
{/block:PermalinkPage}
}
#content {
position: relative;
margin: 130px auto 10px auto;
padding-top: 20px;
float: right;
width: {select:Post Size}px;
{block:PermalinkPage}
width: 540px;
{/block:PermalinkPage}
}
.posts {
position: relative;
box-sizing: border-box;
width: {select:post size}px;
background-color: {color:posts};
border: 1px solid {color:post borders};
{block:IndexPage}
margin-bottom: {text:margin bottom}px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom: 50px;
width: 540px;
{/block:PermalinkPage}
}
.posts:last-of-type {
margin-bottom: 80px;
}
.posts ul li {
list-style: none;
margin-left: -25px;
padding-left: 10;
}
.posts ul li:before {
content: "―";
padding-right: 5px;
color: {color:accent};
}
.posts ol {
display: block;
counter-increment: step-counter;
margin-left: -10px;
}
.posts iframe {
max-width:100%;
display: block;
padding: 0;
margin: 0
}
.posts img {
max-width: 100%;
display: block;
border: 0;
}
.tumblr_video_container {
width: auto !important;
height: auto !important;
}
.posts .photo img {
{block:ifFadedImages}
{block:IndexPage}
opacity: 0.6;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.posts:hover .photo img {
opacity: 1.0;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
{/block:IndexPage}
{/block:ifFadedImages}
}
{block:ifGrayscaleImages}
{block:IndexPage}
.posts .photo img {
z-index: -9999999999999999999999999px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.posts:hover .photo img {
-webkit-filter: none;
filter: none;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-webkit-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
{/block:IndexPage}
{/block:ifGrayscaleImages}
/*----------TEXT/CAPTION CONTAINER----------*/
.photo, .video {
padding: {select:Post Padding}px;
border-bottom: 1px solid {color:post borders};
}
.caption {
padding: 5px 15px;
text-align: {select:text align};
box-sizing: border-box;
}
.caption a.tumblr_blog {
font-weight: 700;
color: {color:links};
}
.caption a.tumblr_blog:hover {
letter-spacing: 2px;
color: {color:link hover};
}
.caption img {
max-width: 100%;
height: auto;
}
.tumblr_parent {
margin: 10px -10px 0px;
padding: 5px 15px 0;
border-bottom: 1px solid {color:post borders};
}
.tumblr_parent p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.tumblr_parent:last-of-type {
border: none;
}
.tumblr_parent blockquote {
margin-left:10px;
padding-left:10px;
border-left: 1px solid {color:blockquote};
}
.tumblr_parent blockquote img {
max-width: 100%;
height: auto;
}
.tumblr_avatar {
width: 22px;
height: 22px;
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
img.tumblr_avatar {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.read_more {
position: relative;
width: 100%;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
position: relative;
left: calc(50% - 40px);
color: {color:links};
border-bottom: 2px solid {color:accent};
}
.read_more:hover {
color: {color:link hover};
border-bottom: 2px solid transparent;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
/*----------POST INFO & PERMALINKS----------*/
#topinfo {
padding: 10px;
border-bottom: 1px solid {color:post borders};
color: {color:permalink};
background-color: {color:posts};
box-sizing: border-box;
}
#topinfo a {
color: {color:permalink};
font-family: 'Exo 2', sans-serif;
font-weight: 600;
text-transform: lowercase;
text-align: left;
}
#topinfo a:hover {
color: {color:permalink hover};
}
#topinfo img {
margin-right: 7px;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
}
.time {
border-top: 1px solid {color:post borders};
width: 100%;
color: {color:permalink};
background-color: {color:posts};
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.photo ~ .time, .video ~ .time, .audiowrapper ~ .time {
border-bottom: 1px solid {color:post borders};
border-top: none;
{block:IfnotShowCaptions}
border-bottom: none;
{/block:IfnotShowCaptions}
}
.time a {
color: {color:permalink};
font-family: 'Exo 2', sans-serif;
font-weight: 600;
text-align: left;
text-transform: lowercase;
text-align: center;
}
.time a:hover {
color: {color:permalink hover};
}
.timestamp , .likereblog, .note-count {
padding: 10px;
width: 30%;
text-align: center;
}
.timestamp {
border-right: 1px solid {color:post borders};
font-weight: 600;
}
/*----------LIKE/REBLOG----------*/
.likereblog {
border-right: 1px solid {color:post borders};
padding-top: 14px;
}
.controls a {
position:relative;
display:inline-block;
margin: 0 2px;
}
.controls a:hover {
color: {color:permalink hover};
}
.sf-refresh {
font-size: 12px;
color: {color:permalink};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sf-refresh:hover {
color: {color:permalink hover};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sf-heart-2 {
color: {color:permalink};
font-size: 13px;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sf-heart-2:hover {
color: {color:permalink hover};
}
.controls .like .liked + .sf-heart-2 {
opacity: 1;
}
.controls .like .liked + .sf-heart-2 {
color: #ec5a5a;
}
.controls .like .like_button iframe {
position:absolute;
top: 0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
z-index:2;
opacity:0;
}
/*--------POST TAGS--------*/
.post_tags {
position: absolute;
width: {select:Post Size}px;
padding: 10px 0 0;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.post_tags.draggable .post_tags_inner {
cursor: col-resize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.post_tags_inner {
float: left;
position: relative;
padding: 0px 20px 0px 0;
}
.post_tags a,
.post_tags .post_tag {
display: inline-block;
margin-left: 3px;
color: {color:permalink};
font-family: 'Exo', sans-serif;
font-weight: 500;
font-size: 9px;
}
.post_tags:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
background: linear-gradient(to right, rgba({RGBcolor:background}, 0.2) 0, {color:background} 50%);
}
.post_tags a:hover,
.post_tags .post_tag:hover,
.post_tags a:focus,
.post_tags .post_tag:focus,
.post_tags a:active,
.post_tags .post_tag:active {color:{color:permalink hover};}
/*----------PERMALINK PAGE----------*/
#perma {
width: calc(540px - 10px);
padding: 10px 5px;
margin-left: calc(auto - 30px);
margin-top: -10px;
background-color: {color:posts};
text-align: center;
text-transform: lowercase;
border: 1px solid {color:post borders};
}
#perma span {
font-family: 'Lora', serif;
font-size: 1.3em;
color: {color:accent 2};
}
#permatg {
width: calc(540px - 20px);
padding: 10px;
margin: 10px auto 10px;
background-color: {color:posts};
border: 1px solid {color:post borders};
text-align: center;
text-transform: lowercase;
}
#permatg a {
display: inline-block;
margin: 0 5px;
color: {color:permalink};
}
.rb {
position: absolute;
left: calc(50% - 25px);
margin-top: 25px;
display: inline-block;
z-index: 10;
}
.root img, .via img {
border-radius: 100%;
padding: 3px;
margin-right: 2px;
border: 1px solid {color:post borders};
background-color: {color:posts};
}
#notecontainer {
margin-left: calc(auto - 30px);
margin: 40px 0;
width: 540px;
font-size: 10px;
color: #888;
background-color: {color:posts};
position: relative;
border: 1px solid {color:post borders};
}
#notecontainer ol.notes {
list-style-type: none;
margin: 0;
padding: 0;
font-size: {select:font size}px;
}
#notecontainer ol.notes li.note {
border-bottom: 1px solid {color:post borders};
padding: 15px;
}
#notecontainer img.avatar {
margin-right: 10px;
vertical-align: middle;
width: 20px;
height: 20px;
border-radius: 10px;
}
/*----------TUMBLR TEXT/LINKS----------*/
.posts .title, .posts .link {
color: {color:post title};
font-size: 1.3em;
font-family: 'Roboto', sans-serif;
font-weight: 600;
padding: 7px 10px;
line-height: 200%;
text-transform: lowercase;
text-align: center;
border-bottom: 1px solid {color:post borders};
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.posts .title span, .posts .link span {
padding: 0 10px 12px;
border-bottom: 2px solid {color:accent};
}
.posts .link:hover {
color: {color:link hover};
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.posts .link a {
color: {color:post title};
}
.posts .link a:hover {
color: {color:link hover};
}
/*----------TUMBLR QUOTES----------*/
.qt {
padding: 15px;
}
.quote {
font-size: 1.3em;
font-family: 'Lora', serif;
line-height: 25px;
text-align: center;
padding: 15px;
background-color: {color:question background};
border: 1px solid {color:post borders};
}
.qtsource {
margin-top: 10px;
font-weight: 600;
color: {color:accent};
}
.qtsource a {
color: {color:links};
}
.quote-box {
font-size: 25px;
margin-bottom: 5px;
color: {color:links};
font-weight: 700;
}
/*----------TUMBLR AUDIO----------*/
.audiowrapper {
width: 100%;
background-color: {color:posts};
border-bottom: 1px solid {color:post borders};
height: 85px;
{block:PermalinkPage}
border-bottom: none;
{/block:PermalinkPage}
}
/*----------TUMBLR QUESTION/ANSWER----------*/
#askcont {
padding:10px;
display: flex;
flex-flow: row;
justify-content: space-between;
border-bottom: 1px solid {color:post borders};
}
.sf-question-mark {
font-size: 16px;
height: 16px;
border-radius: 100%;
position: relative;
padding: 5px;
align-self: {select:ask portrait align};
margin-right: 10px;
background-color: {color:accent};
color: {color:accented text};
padding: 10px;
}
#asker {
color: {color:links};
text-align: left;
font-size: 13px;
margin-bottom: 5px;
font-weight: 700;
}
#asker a {
color: {color:links};
}
#asker a:hover {
color: {color:link hover};
}
.question {
width: 100%;
text-align: justify;
padding: 10px;
background-color: {color:question background};
color: {color:question};
border: 1px solid {color:post borders};
}
.answer p {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
/*----------TUMBLR CHAT----------*/
.chatp {
padding: {select:post padding}px;
}
.chat .line {
margin-top: 0px;
padding: 20px;
margin-bottom: 0px;
border-bottom: 1px solid {color:post borders};
}
.chat .line:last-of-type {
margin-bottom: 0px;
border-bottom: none;
}
.chat .label {
text-transform: capitalize;
}
.line:nth-child(odd) .label b {
color: {color:chat};
font-weight: 700;
margin-right: 5px;
font-size: 1.1em;
}
.line:nth-child(even) .label b {
color: {color:links};
font-weight: 700;
margin-right: 5px;
font-size: 1.1em;
}
/*---------- TOPBAR ----------*/
.topbar {
width: 100%;
height: 80px;
background-color: {color:posts};
border-bottom: 1px solid {color:post borders};
position: fixed;
top: 0;
z-index: 100;
box-sizing: border-box;
padding: 0 30px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.sf-{text:topbar icon} {
padding: 10px;
background-color: {color:accent};
color: {color:accented text};
margin-right: 15px;
font-size: 20px;
height: 20px;
border-radius: 100%;
display: inline-block;
}
#title {
box-sizing: border-box;
}
#title a {
color: {color:links};
font-family: 'Lora', serif;
text-align: left;
text-transform: uppercase;
font-size: 1.8em;
}
/*---------- NAVIGATION LINKS ----------*/
.morelinks {
box-sizing: border-box;
}
.morelinks a {
display: inline-block;
margin: 0 20px;
font-weight: 600;
}
.morelinks a:hover {
color: {color:link hover};
}
/*---------- SIDEBAR ----------*/
.sidebar {
width: 300px;
height: 100%;
position: fixed;
top: 0;
float: left;
background-color: {color:posts};
border-left: 1px solid {color:post borders};
border-right: 1px solid {color:post borders};
}
/*---------- HOMELINKS ----------*/
.homelinks {
margin-top: 5px;
}
.homelinks a {
display: inline-block;
margin: 5px;
}
.sf-home, .sf-envelope-3, .sf-share, .sf-calendar {
background-color: {color:accent};
color: {color:accented text};
font-size: 14px;
height: 14px;
display: inline-block;
border-radius: 100%;
padding: 10px;
line-height: 5px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.sf-home:hover, .sf-envelope-3:hover, .sf-share:hover, .sf-calendar:hover {
background-color: {color:posts};
color: {color:links};
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.side-img {
width: 150px;
height: 150px;
margin-top: 120px;
background-color: #eee;
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.side-img img {
width: 100%;
height: 100%;
}
#side-title {
margin-top: 40px;
}
#side-title h1 {
color: {color:accented text};
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 1.3em;
width: 310px;
text-align: center;
background-color: {color:accent};
padding: 5px 10px;
margin-left: -15px;
position: relative;
}
#side-title h1::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 100%;
background-color: {color:accent};
-webkit-filter:contrast(70%);
transform-origin: top left;
transform: skewY(-50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
z-index: -1;
}
.sidebar:hover #side-title h1::before {
transform: skewY(50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
#side-title h1::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 100%;
background-color: {color:accent};
-webkit-filter:contrast(70%);
transform-origin: top right;
transform: skewY(-50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
z-index: -1;
}
.sidebar:hover #side-title h1::after {
transform: skewY(50deg);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
.description {
padding: 15px 20px;
text-align: {select:desc text align};
color: {color:text};
}
/*---------- SEARCH BAR ---------*/
.bsearch {
width: 80%;
margin-top: 25px;
}
.search .query {
border: 0;
outline: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
width: 95px;
}
.search {
border-radius: 50px;
padding: 3px 10px;
background-color: {color:question background};
color: {color:text};
border: 1px solid {color:post borders};
text-align: left;
}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: inherit; opacity:1;}
::-moz-placeholder {color: inherit; opacity:1;}
:-ms-input-placeholder {color: inherit;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}
/*---------- SCROLL TO TOP ---------*/
#scrollToTop:link,
#scrollToTop:visited {
display: none;
position: fixed;
font-size: 12px;
bottom: 15px;
right: 20px;
color: {color:links};
padding: 0px 5px;
width: auto;
z-index: 900;
font-weight: 700;
}
/*---------- THEME CREDIT/DO NOT REMOVE!!! ---------*/
.cred {
position: fixed;
bottom: 32px;
right: 32px;
z-index: 9999;
}
.cred img {
width: 40px;
height: 40px;
}
{CustomCSS}
</style>
<!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
<!-----------Tooltips 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 src="https://static.tumblr.com/pbhn8p5/uhVos7fkg/tooltips.js"></script>
<!-----------Tooltips Script----------->
<!-----------Scroll To Top Script----------->
<script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<!-----------Scroll To Top Script----------->
<script>
//Tumblr photo/photoset fix
$(document).ready(function(){
//Audio player script
$('iframe.tumblr_audio_player').load( function() {
$('iframe.tumblr_audio_player').contents().find("head")
.append($("<style type='text/css'> .audio-player{background-color:{color:posts} !important;} </style>"));
//audio player script
});
//search suggestions script
$('.search').submit(function(event){
var value = $('input:first').val();
location.replace('http://{Name}.tumblr.com/tagged/' + value);
});
//search suggestions script
});
</script>
<!-------------------SCRIPTS/JQUERY (PART ONE)------------------->
</head>
<body>
<div class="cage"> <!----------- MAIN CONTAINER ----------->
<!-----------SCROLL TO TOP ----------->
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top">go to top</a>
<!-----------SCROLL TO TOP ----------->
<div class="container"> <!----------- THEME CONTAINER ----------->
<header class="topbar"> <!----------- TOPBAR ----------->
<div id="title"><span class="sf-{text:topbar icon}"></span><a href="/">{Title}</a></div>
<nav class="morelinks"> <!----------- NAVIGATION LINKS ----------->
{block:ifLink1}<a href="{text:CustomLink1URL}">{text:CustomLink1Name}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:CustomLink2URL}">{text:CustomLink2Name}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:CustomLink3URL}">{text:CustomLink3Name}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:CustomLink4URL}">{text:CustomLink4Name}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:CustomLink5URL}">{text:CustomLink5Name}</a>{/block:ifLink5}
{block:ifLink6}<a href="{text:CustomLink6URL}">{text:CustomLink6Name}</a>{/block:ifLink6}
{block:ifLink7}<a href="{text:CustomLink7URL}">{text:CustomLink7Name}</a>{/block:ifLink7}
{block:ifLink8}<a href="{text:CustomLink8URL}">{text:CustomLink8Name}</a>{/block:ifLink8}
</nav> <!----------- NAVIGATION LINKS ----------->
</header> <!----------- TOPBAR ----------->
<div class="wrap"> <!-----------POSTS CONTAINER----------->
<aside class="sidebar"> <!----------- SIDEBAR ----------->
<center>
<section class="side-img"><img src="{image:sidebar}"></section>
</center>
<div id="side-title"><h1>{text:sidebar title}</h1></div>
<div class="description">{Description}</div>
<center>
<nav class="homelinks"> <!----------- HOMELINKS ----------->
<a href="/" title="home"><span class="sf-home"></span></a>
<a href="/ask" title="inbox"><span class="sf-envelope-3"></span></a>
<a href="/submit" title="submit"><span class="sf-share"></span></a>
<a href="/archive" title="archive"><span class="sf-calendar"></span></a>
</nav> <!----------- HOMELINKS ----------->
{block:ifsearchbar}
<div class="bsearch"> <!----------- SEARCH ----------->
<form action="/search" method="get" class="search">
<input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search...">
</form>
</div> <!----------- SEARCH ----------->
{/block:ifsearchbar}
</center>
</aside> <!----------- SIDEBAR ----------->
<section id="content"><!-----------POSTS WRAP----------->
{block:Posts}
<article class="posts"><!-----------POSTS----------->
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
{block:IndexPage}
<!-----------POST INFO/PERMALINKS----------->
<div id="topinfo">
{block:RebloggedFrom}<img src="{ReblogRootPortraitURL-64}"> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>
{/block:RebloggedFrom}
{block:NotReblog}
<img class="reblogpic" src="{PortraitURL-24}"> <a class="src" href="{Permalink}">{Name}</a>
{/block:NotReblog}
</div>
<!-----------POST INFO/PERMALINKS----------->
{/block:IndexPage}
{block:Text}
{block:Title}<div class="title"><span>{Title}</span></div>{/block:Title}
<div class="caption">{Body}</div>
{/block:Text}
{block:Photo}
<div class="photo">
{LinkOpenTag}
<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">
<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
</a>
{LinkCloseTag}
</div>
{/block:Photo}
{block:Photoset}
<div class="photo">
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" 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:Photoset}
{block:Quote}
<div class="qt">
<center>
<div class="quote-box">❞</div>
</center>
<div class="quote">
{Quote}
</div>
{block:Source}<div class="qtsource"><center>{Source}</center></div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link"><a href="{URL}"><span>{Name} »</span></a></div>
{block:Description}
<div class="caption">{Description}</div>
{block:ifnotdashboardstyleblockquotes}
<div class="text">{Description}</div>
{/block:ifnotdashboardstyleblockquotes}
{/block:Description}
{/block:Link}
{block:Audio}
<div class="audiowrapper">
{AudioEmbed-640}
</div>
{/block:Audio}
{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}
{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chatp">
<div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
{Line}</div>{/block:Lines}</div>
</div>
{/block:Chat}
{block:Answer}
<div id="askcont">
<span class="sf-question-mark"></span>
<div class="question"><div id="asker"><span>{Asker}</span> asked</div>{Question} </div>
</div>
<div class="caption"><span class="answer">{Answer}</div>
{/block:Answer}
{block:IndexPage}
{block:Date}
<div class="time">
<a class="timestamp" href="{Permalink}">{Timestamp}</a>
{/block:Date}
<div class="likereblog">
<div class="controls">
<a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog"><span class="sf-refresh"></span></a>
<a title="like this post" class="like">{LikeButton size="15"}
<span class="sf-heart-2"></span></a>
</div>
</div>
<div class="note-count"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
</div>
{/block:IndexPage}
{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfnotShowCaptions}
{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
<!-----------POST TAGS----------->
{block:IndexPage}
{block:ifShowTags}
{block:HasTags}
<div class="post_tags draggable">
<div class="post_tags_inner">{block:Tags}
<a href="{TagURL}"><span class="lnr lnr-tag" style="margin-right: 3px; color:{color:accent}"></span>{Tag}</a>{/block:Tags}</div></div>
{/block:HasTags}
{/block:ifShowTags}
<!-----------POST TAGS----------->
{/block:IndexPage}
</article> <!-----------POSTS----------->
<!-----------PERMALINK PAGE----------->
{block:PermalinkPage}
{block:Date}
<div id="perma">
<span>
Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
</span>
{block:RebloggedFrom}
<div class="rb">
<a class="via" href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
<a class="root" href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
</div>
{/block:RebloggedFrom}
</div>
{block:HasTags}
<div id="permatg">
{block:Tags}<a href="{TagURL}" title="Tagged as"><span class="lnr lnr-tag" style="margin-right: 3px; color:{color:accent}"></span>{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}
{block:PostNotes}
<div id="notecontainer">{PostNotes}</div>
{/block:PostNotes}
{/block:Date}
{/block:PermalinkPage}
<!-----------PERMALINK PAGE----------->
{/block:Posts}
<footer id="pagination"> <!-----------PAGINATION----------->
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"><span class="sf sf-chevron-left
"></span></a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<a href="#" style="color:{color:pagination}; background-color:{color:accent};border:1px solid {color:accent};color:{color:accented text}"><span class="current_page">{CurrentPage}</a></span></a>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}"><span class="sf sf-chevron-right
"></span></a>
{/block:NextPage}
{/block:Pagination}
</footer> <!-----------PAGINATION----------->
</section><!------------------POSTS WRAPPER----------------------->
</div> <!--------- POSTS CONTAINER ----------->
</div> <!----------- THEME CONTAINER ----------->
</div> <!----------- MAIN CONTAINER ----------->
<!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
<a href="http://sheathemes.tumblr.com" class="cred" title="theme by sheathemes"><img src="http://static.tumblr.com/mans3zn/0xXowi0nk/credit.png"></a>
<!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
<!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--Pixel Union photosets script-->
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
<!--Pixel Union photosets script-->
<!--Video resizing script-->
<script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
<!--Video resizing script-->
<!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
<script src="https://static.tumblr.com/wgg6svp/P0Sofxcrj/unnest.min.js"></script>
<!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
<!--Time ago script by bychloethemes @ tumblr-->
<script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
<!--Time ago script by bychloethemes @ tumblr-->
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '{select:photoset gutter}px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
{block:ifdashboardblockquotes}
$('.posts').unnest({
yourCaption: ".caption",
wrapName: ".tumblr_parent",
newCaptionUsername: true,
originalPostCaptionUsername: false,
tumblrAvatars: true,
tumblrAvatarClass: ".tumblr_avatar",
usernameColon: false });
{/block:ifdashboardblockquotes}
$('.timestamp').timeAgo({
time: "short",
spaces: true,
words: false,
suffix: "ago",
});
});
</script>
<!--Draggable Tags Script-->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="https://static.tumblr.com/pbhn8p5/OSRos9gz8/draggabletags.js"></script>
<!--Draggable Tags Script-->
<!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
</body>
</html> <!---------------------------END--------------------------->