Insta Theme
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--
Insta Theme
Started June 20th 2015
Inspired by instagram.com
Made by softwaring.tumblr.com
Download at jubileethemes.tumblr.com
All scripts copyrighted, please do not copy or reproduce them.
-->
<title>{Title}</title>
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
{Block:Hidden}
<meta name="color:Background" content="#fff"/>
<meta name="color:Background top" content="#D1D0EB"/>
<meta name="color:Background bottom" content="#fcebd5"/>
<meta name="color:Borders" content="#efefef" />
<meta name="color:Captions background" content="#000" />
<meta name="color:Captions text" content="#FFF" />
<meta name="color:Links" content="#0000FF"/>
<meta name="color:Text" content="#262626"/>
<meta name="color:Text accent" content="#a5a5a5"/>
<meta name="color:Title text" content="#262626"/>
<meta name="color:Question background" content="#efefef"/>
<meta name="color:Question text" content="#262626"/>
<meta name="image:Background" content=""/>
<meta name="if:3 columns" content="0"/>
<meta name="if:Grayscale images" content="0"/>
<meta name="if:Load more button" content="0"/>
<meta name="text:Title Line" content=""/>
<meta name="text:About title" content="About"/>
<meta name="text:Navigation title" content="Navigation"/>
<meta name="text:Tags title" content="Tags"/>
<meta name="text:About" content=""/>
<meta name="text:Top link 1 title" content=""/>
<meta name="text:Top link 1 url" content=""/>
<meta name="text:Top link 2 title" content=""/>
<meta name="text:Top link 2 url" content=""/>
<meta name="text:Top link 3 title" content=""/>
<meta name="text:Top link 3 url" content=""/>
<meta name="text:Link 1 Title" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2 Title" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3 Title" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4 Title" content=""/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Link 5 Title" content=""/>
<meta name="text:Link 5 URL" content=""/>
<meta name="text:Link 6 Title" content=""/>
<meta name="text:Link 6 URL" content=""/>
<meta name="text:Tag 1 title" content=""/>
<meta name="text:Tag 1 url" content="/tagged/"/>
<meta name="text:Tag 2 title" content=""/>
<meta name="text:Tag 2 url" content="/tagged/"/>
<meta name="text:Tag 3 title" content=""/>
<meta name="text:Tag 3 url" content="/tagged/" >
<meta name="text:Tag 4 title" content=""/>
<meta name="text:Tag 4 url" content="/tagged/"/>
<meta name="text:Tag 5 title" content=""/>
<meta name="text:Tag 5 url" content="/tagged/"/>
<meta name="text:Tag 6 title" content=""/>
<meta name="text:Tag 6 url" content="/tagged/"/>
<meta name="select:background style" content="default" title="Default"/>
<meta name="select:background style" content="fullscreen-background" title="Fullscreen background"/>
<meta name="select:background style" content="pattern-background" title="Tiled background"/>
<meta name="select:background style" content="gradient" title="Gradient"/>
<meta name="select:Body font" content="Arial" title="Arial"/>
<meta name="select:Body font" content="Abel" title="Abel"/>
<meta name="select:Body font" content="courier new" title="Courier new"/>
<meta name="select:Body font" content="Droid Sans" title="Droid sans"/>
<meta name="select:Body font" content="Helvetica" title="Helvetica"/>
<meta name="select:Body font" content="Lato" title="Lato"/>
<meta name="select:Body font" content="Lora" title="Lora"/>
<meta name="select:Body font" content="PT Mono" title="PT"/>
<meta name="select:Body font" content="Raleway" title="Raleway"/>
<meta name="select:Body font" content="Roboto" title="Roboto"/>
<meta name="select:Body font" content="Source Sans Pro" title="Source sans"/>
<meta name="select:Body font" content="Times New Roman" title="Times new roman"/>
<meta name="select:Title font" content="Arial" title="Arial"/>
<meta name="select:Title font" content="Abel" title="Abel"/>
<meta name="select:Title font" content="Courier new" title="Courier new"/>
<meta name="select:Title font" content="Droid Sans" title="Droid sans"/>
<meta name="select:Title font" content="Helvetica" title="Helvetica"/>
<meta name="select:Title font" content="Lato" title="Lato"/>
<meta name="select:Title font" content="Lora" title="Lora"/>
<meta name="select:Title font" content="PT Mono" title="PT"/>
<meta name="select:Title font" content="Raleway" title="Raleway"/>
<meta name="select:Title font" content="Roboto" title="Roboto"/>
<meta name="select:Title font" content="Source Sans Pro" title="Source sans"/>
<meta name="select:Title font" content="Times New Roman" title="Times new roman"/>
{/Block:Hidden}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Title Font}:400,700">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Body Font}:400,400italic,700,700italic">
<style>
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif; }
iframe#tumblr_controls {
opacity: 0.4!important; top: 10px !important;
margin: 0 0 0 0;
right: 12px !important;
position: fixed !important;
-webkit-filter: invert(100%)!important;
-moz-filter: invert(100%)!important;
-o-filter: invert(100%)!important;
-ms-filter: invert(100%)!important;
filter: invert(100%)!important; }
body {
font: 12px/1.5em "{select:Body Font}",sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: {color:text};
cursor: default;
-webkit-animation:intro 3s;
-moz-animation:intro 3s;
-ms-animation:intro 3s; }
.default {
background:{color:background}; }
.gradient {
background:fixed;
background-image: -o-linear-gradient(bottom, {color:background bottom}, {color:background top} );
background-image: -moz-linear-gradient(bottom, {color:background bottom}, {color:background top});
background-image: -webkit-linear-gradient(bottom, {color:background bottom}, {color:background top});
background-image: -ms-linear-gradient(bottom, {color:background bottom}, {color:background top});
background-image: linear-gradient(bottom, {color:background bottom}, {color:background top}); }
.pattern-background {
background: url({image:background})top left fixed repeat; }
.fullscreen-background {
background: url({image:background})center center fixed no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
a {
text-decoration: none;
color: {color:links};
cursor: pointer; }
ul {
margin: 0px; }
li {
list-style: none;
position: relative;
text-indent: 5px;
margin: 0px;
padding: 2.5px 5px;
text-align: left;
-moz-text-align-last: left;
text-align-last: left;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
li:hover {
text-indent: 15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
li:before {
content:"";
height: 1px;
width: 5px;
background: {color:text};
position: absolute;
left: 0px;
top: 14px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
li:hover:before {
width: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
#content {
margin: auto;
padding: 50px;
position: relative;
{block:IndexPage}
{block:If3columns}
max-width: 950px;
{/block:If3columns}
{/block:IndexPage}
{block:PermalinkPage}
width: 540px;
{/block:PermalinkPage} }
.post {
{block:IndexPage}
width: 270px;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
margin: auto;
padding: 20px;
overflow: hidden;
position:relative; }
{block:ifGrayscaleimages}
.post img {
-webkit-filter:grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 4s ease-in-out;
-moz-transition: all 4s ease-in-out;
-ms-transition: all 4s ease-in-out;
-o-transition: all 4s ease-in-out;
transition: all 4s ease-in-out; }
.post:hover img {
-webkit-filter:grayscale(0%);
filter: grayscale(0%);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
{/block:ifGrayscaleimages}
.link-body, .post-body {
text-align: justify;
-moz-text-align-last: center;
text-align-last: center; }
h1 {
font: italic 24px/1em "{select:Title Font}",sans-serif;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
display: inline-block;
color: {color:title text};
position:relative;
margin-bottom: 5px; }
h1:after {
content:"";
height: 2px;
width: 40px;
position:absolute;
background: {color:title text};
margin: 13px;
z-index: -9999999; }
#doo {
font: italic 16px/1em "{select:Title Font}",sans-serif;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
margin: 0px 60px;
display: inline-block;
color: {color:title text}; }
h2 {
text-transform: uppercase;
font-weight: 300;
font: italic 16px/1.25em "{select:Body Font}",sans-serif;
text-align: center; }
h3 {
text-transform: uppercase;
font-weight: 500;
font: italic 18px/1.25em "{select:Body Font}",sans-serif;
text-align: center; }
h4 { }
h5 {
text-transform: uppercase;
font-weight: 300;
font: italic 18px/1.25em "{select:Body Font}",sans-serif;
text-align: center; }
.photo_perma {
width: calc(100% - 0px);
height: calc(100% - 4px);
background: rgba({RGBcolor:captions background}, 0.55);
position: absolute;
z-index: 99;
opacity: 0;
color: {color:captions text};
display:inline-flex;
display: -webkit-flex;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out; }
.photo_perma a {
color: {color:captions text}; }
.post:hover .photo_perma {
opacity: 1;
-moz-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out }
.photo_perma .heart, .photo_perma .reb {
margin: auto;
text-transform: uppercase;
letter-spacing: 1px; }
.photo_perma .reb:after {
position:absolute;
content:"reblog";
font-size: 9px;
margin-top: 20px;
margin-left: -40px;
font-weight: 500;
opacity: 0;
-moz-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out; }
.photo_perma .reb:hover:after {
opacity: 1;
-moz-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out }
{block:IndexPage}
.out { overflow: hidden;border-radius: 2px; }
.in {
margin-bottom: -5px;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.in iframe, .in img { border-radius: 2px; }
.post .in:hover {
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
{/block:IndexPage}
.move_perma {
width: 260px;
padding: 0px 5px;
margin-top: 20px;
font-size: 10px;
position:absolute;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.post:hover .move_perma {
margin-top: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
#top_nav {
margin: auto;
padding: 70px 50px 50px;
position: relative;
{block:IndexPage}
min-width: 270px;
max-width: 800px;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage} }
#top_nav a {
color: {color:text accent};
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
margin: 0 10px 0 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
#top_nav li {}
#top_nav a:hover {
color: {color:text};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
#top_nav .si {
width: 125px;
height: 125px;
border-radius: 100%; }
a.one, a.two, a.three {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
a.one.act, a.two.act, a.three.act {
color: {color:text}!important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.first, .second, .third {
position:absolute;
bottom: -10px;
display: none; }
.second li {
list-style: none;
position: relative;
display: inline-block;
margin: 0px;
padding: 2.5px 5px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.second li:hover {
text-indent: 15px;
color: {color:text};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.second li:before {
content:"";
height: 1px;
width: 0px;
background: {color:text accent};
position: absolute;
left: 0px;
top: 11px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.second li:hover:before {
width: 10px;
background: {color:text};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.third li {
list-style: none;
position: relative;
display: inline-block;
margin: 0px;
padding: 2.5px 5px;
text-indent: 15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.third li:hover {
text-indent: 25px;
color: {color:text};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.third li:before {
content:"";
height: 1px;
width: 10px;
background: {color:text accent};
position: absolute;
left: 0px;
top: 11px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.third li:hover:before {
width: 20px;
background: {color:text};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.question {
background: {color:question background};
color: {color:question text};
padding: 10px 20px;
border-radius: 4px;
}
.question:after {
content:"";
position:absolute;
margin: 10px 0 0 11px;
width: 0;
height: 0;
border-style: solid;
border-width: 19px 0px 0px 20px;
border-color: {color:question background} transparent transparent transparent;
}
.asker {
position:absolute;
margin: 10px 0 0 40px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;
}
.asker_question {
font-size: 10px;
}
.answer {
padding-top: 35px;
margin-bottom: -5px;
}
.answerer {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;
}
.answerer-answer {
margin-top: -10px;
}
.perma_main {
margin-top: 5px;
text-align: center;
display:inline-flex;
display: -webkit-flex;
width: 500px;
}
.perma_main a {
color: {color:text};
}
a.notes, .perma_main .date, .perma_main .notess, .perma_main .source {
margin: auto;
color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 2.5px 5px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;
}
.pagenotes {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;
display: none;
}
.notes li {
color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 2.5px 5px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;
line-height: 20px;
margin: 0 0 10px -50px;
}
.notes li a {
color: {color:text};
}
.notes li:before {
content:"";
height: 0;
width: 0;
}
.notes img {
float: right;
margin-left: 10px;
border-radius: 4px;
}
.muus {
border: 1px solid {color:borders};
background: white;
}
.muus img {
width: 50px; display: inline-block;
border-right: 1px solid {color:borders};
padding: 5px;
margin-bottom: -5px;
}
.phocap {
width: calc(100% - 60px);
height: auto;
bottom: 20px;
padding: 10px;
background: rgba({RGBcolor:captions background}, 0.75);
position: absolute;
z-index: 99;
opacity: 0;
color: {color:captions text};
display:inline-flex;
display: -webkit-flex;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;
}
.phocap a {
color: {color:captions text};
}
.post:hover .phocap {
opacity: 1;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.inpho {
margin: auto;
}
.caapp {
padding: 5% 20% 5%;
}
.video { padding-bottom: 5px; }
.video iframe { width: 100%!important; height: 100%!important; }
.cred {
position:fixed;
bottom: 12px;
right: 25px;
font-size: 8px;
text-transform:
uppercase;
letter-spacing: 1px;
color: {color:text};
z-index: 100000000000000; }
.cred a { color: {color:text}; }
.cred span { font-size: 12px; }
.cred b {
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.cred:hover b {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
@-webkit-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
@-ms-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
{CustomCSS}
</style>
</head>
<body class="{select:background style}">
<div id="top_nav">
<h1>{Title}</h1>
<div id="doo">{text:Title line}</div><br>
<a href="/">home</a>
{block:ifAbouttitle}
<a class="one">{text:about title}</a>{/block:ifAbouttitle}
{block:ifnavigationtitle}
<a class="two">{text:navigation title}</a>{/block:ifnavigationtitle}
{block:iftagstitle}
<a class="three">{text:tags title}</a>{/block:iftagstitle}
<a href="/ask">message</a>
<a href="/archive">index</a>
{block:iftoplink1title}
<a href="{text:top link 1 url}">{text:top link 1 title}</a>
{/block:iftoplink1title}
{block:iftoplink2title}
<a href="{text:top link 2 url}">{text:top link 2 title}</a>
{/block:iftoplink2title}
{block:iftoplink3title}
<a href="{text:top link 3 url}">{text:top link 3 title}</a>
{/block:iftoplink3title}
<a href="http://jubileethemes.tumblr.com">credit</a>
<div class="des">
{block:Description}{Description}{/block:Description}
</div>
<div class="first">
{block:ifAbout}{text:About}{/block:ifAbout}
</div>
<div class="second">
{block:iflink1title}<a href="{text:link 1 url}"><li>{text:link 1 title}</li></a>{/block:iflink1title}
{block:iflink2title}<a href="{text:link 2 url}"><li>{text:link 2 title}</li></a>{/block:iflink2title}
{block:iflink3title}<a href="{text:link 3 url}"><li>{text:link 3 title}</li><br>{/block:iflink3title}
{block:iflink4title}<a href="{text:link 4 url}"><li>{text:link 4 title}</li></a>{/block:iflink4title}
{block:iflink5title}<a href="{text:link 5 url}"><li>{text:link 5 title}</li></a>{/block:iflink5title}
{block:iflink6title}<a href="{text:link 6 url}"><li>{text:link 6 title}</li></a>{/block:iflink6title}
</div>
<div class="third">
{block:iftag1title}<a href="{text:tag 1 url}"><li>{text:tag 1 title}</li></a>{/block:iftag1title}
{block:iftag2title}<a href="{text:tag 2 url}"><li>{text:tag 2 title}</li></a>{/block:iftag2title}
{block:iftag3title}<a href="{text:tag 3 url}"><li>{text:tag 3 title}</li></a><br>{/block:iftag3title}
{block:iftag4title}<a href="{text:tag 4 url}"><li>{text:tag 4 title}</li></a>{/block:iftag4title}
{block:iftag5title}<a href="{text:tag 5 url}"><li>{text:tag 5 title}</li></a>{/block:iftag5title}
{block:iftag6title}<a href="{text:tag 6 url}"><li>{text:tag 6 title}</li></a>{/block:iftag6title}
</div>
</div>
<div id="content">
{block:Posts inlineMediaWidth="400" inlineNestedMediaWidth="400"}
<!-- the area below removes the VIA and SOURCES of 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:ReblogParent}{/block:ReblogParent}
<div class="post">
{block:Text}
{block:Title}
<h5>{Title}</h5>
{/block:Title}
<div class="post-body"> {Body} </div>
{/block:Text}
{block:Photo}
<div class="out"> <div class="in">
{block:IndexPage}
<div class="photo_perma">
<div class="heart">
<a href="{Permalink}" target="_blank">
{NoteCount} <span class="entypo-heart"></span></a>
</div>
<div class="reb">
<a href="{ReblogURL}" target="_blank" class="details"><span class="entypo-comment"></span> {ShortDayOfWeek}</a>
</div>
</div> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
style="width: 100%; margin-bottom: -3px;"/>
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
</div></div>
{/block:Photo}
{block:Panorama}
<div class="out"> <div class="in">
{block:IndexPage}
<div class="photo_perma">
<div class="heart">
<a href="{Permalink}" target="_blank">
{NoteCount} <span class="entypo-heart"></span></a>
</div>
<div class="reb">
<a href="{ReblogURL}" target="_blank" class="details"><span class="entypo-comment"></span> {ShortDayOfWeek} </a>
</div>
</div> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"
style="width: 100%; margin-bottom: -3px;"/>
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
</div></div>
{/block:Panorama}
{block:Photoset}
<div class="out"> <div class="in">
<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}" style=" width: 100%; margin-bottom: -3px;">
</div>
<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
</div>
{/block:Photos}
</div>
</div></div>
{block:IndexPage}
{block:Caption}
<div class="phocap">
<div class="inpho">{Caption}</div>
</div>
{/block:Caption}
{/block:IndexPage}
{/block:Photoset}
{block:Link}
<h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
<small style="text-transform: uppercase; letter-spacing: 1px; font-size: 9px;">{block:Excerpt}{Excerpt}<br><br>{/block:Excerpt}
{block:Author}{Author}{/block:Author}</small>
{block:Description}
<div class="link-body">{Description}</div>
{/block:Description}
{/block:Link}
{block:Quote}
<h5>{Quote}</h5>
{block:Source}<small style="text-transform: uppercase; letter-spacing: 1px;"> — {Source} </small>{/block:Source}
{/block:Quote}
{block:Chat}
{block:Title}
<h5>{Title}</h5>
{/block:Title}
{block:Lines}
<div class="line">
<li class="{Alt} user_{UserNumber}" style="list-style: none">
{block:Label}
<div class="label" style="display: inline-block; font-weight: 700; margin-right: 5px;">{Label}</div>
{/block:Label}
{Line}
</li></div>
{/block:Lines}
{/block:Chat}
{block:Audio}
<div class="muus">
{block:AlbumArt}
<img src="{AlbumArtURL}"/>
{/block:AlbumArt}
<div style="width: 100px; overflow: hidden; display: inline-block; padding-bottom: 8px;">{AudioPlayer}</div>
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}
<div class="video">{VideoEmbed-250}</div>
{/block:IndexPage}
{block:PermalinkPage}
{VideoEmbed-500}
{/block:PermalinkPage}
{/block:Video}
{block:Answer}
<div class="question">
<div class="asker_question">{Question}</div>
<div class="asker">{lang:Asker asked}</div>
</div>
{block:Answerer}
<div class="answer">
<div class="answerer">{Answerer} ‐</div>
<div class="answerer-answer">{Answer}</div>
</div>
{/block:Answerer}
<div class="replies"><br>{Replies}</div>
{/block:Answer}
{block:IndexPage}
<div class="move_perma"
style="{block:Photo}display:none;{block:Photo} {block:Panorama}display:none;{block:Panorama}">
<a href="{Permalink}" target="_blank">{NoteCount} <span class="entypo-heart-empty"></span></a>
<a href="{ReblogURL}" target="_blank" class="details">reblog</a>
<div style="float: right;">
<a href="{Permalink}" target="_blank">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} <span class="entypo-clock"></span></a>
</div>
</div>
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}<div class="caapp">
{Caption}
</div>{/block:Caption}
<div class="perma_main">
{block:PermalinkPagination}
{block:PreviousPost}
<div class="date">
<a href="{PreviousPost}">
<span class="entypo-left-open"></span>
</a>
</div>
{/block:PreviousPost}
{/block:PermalinkPagination}
<div class="date">
{TimeAgo}
</div>
<div class="notess">
{NoteCountwithLabel}
</div>{block:RebloggedFrom}
<div class="source">
<a href="{ReblogParentURL}">via</a>
</div>
<div class="source">
<a href="{ReblogRootURL}">SourCe</a>
</div>{/block:RebloggedFrom}
{block:PermalinkPagination}
{block:NextPost}
<div class="date">
<a href="{NextPost}">
<span class="entypo-right-open"></span>
</a>
</div>
{/block:NextPost}
{/block:PermalinkPagination}
</div>
{block:PostNotes}
<center style="margin-top: 10px;"><a class="notes" style=" padding: 5px 10px;">{lang:show} notes</a><br></center>
<div class="pagenotes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
{block:ifnotloadmorebutton}
{block:Pagination}
<center><div style="width: 400px; margin: 100px 0px 150px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: center;">
{block:PreviousPage}
<a href="{PreviousPage}" style="color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;">
{lang:Older entries}</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page" style="color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 5px 5px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;">
{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}" style="color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" style="color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;">
{lang:Newer entries}</a>
{/block:NextPage}
</div></center>
{/block:Pagination}
{/block:ifnotloadmorebutton}
{block:ifloadmorebutton}
{block:Pagination}
{block:NextPage}
<center><div style="width: 400px; margin: 100px 0px 150px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: center;">
<a class="scrollt" style="float: left; color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;">scroll to top</a>
<div id="clicker" style="text-align: right;">
<a style="color: {color:text};
background: rgba({RGBcolor:borders}, 0.5);
border: 1px solid {color:borders};
border-radius: 4px;
padding: 5px 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 9px;">{lang:Load more posts}</a>
<a href="{NextPage}" id="nextpage" style="display: none;" >next</a>
{/block:NextPage} </div></div></center> {/block:Pagination}
{/block:ifloadmorebutton}
<div class="cred">
<a href="http://jubileethemes.tumblr.com">
<b>theme</b> <span class="entypo-code"></span> </a>
</div>
<!-- JUBILEE THEMES / SOFTWARING.TUMBLR.COM -->
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script src="http://static.tumblr.com/mqkrxog/293nfwao1/masonry.js"></script>
<script src="http://static.tumblr.com/mqkrxog/7g3nfwaof/masonry1.js"></script>
<script src="http://static.tumblr.com/mqkrxog/y5Ongpsyr/infinite.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '0px',
borderRadius: '4px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
$("a.one").click(function(){
$(".first").delay(800).fadeToggle(400);
$("a.one").toggleClass('act');
$("a.two, a.three").removeClass('act');
$(".second, .third").fadeOut(400);
$(".des").slideUp(600);
});
$("a.two").click(function(){
$(".second").delay(800).fadeToggle(400);
$("a.two").toggleClass('act');
$("a.one, a.three").removeClass('act');
$(".first, .third").fadeOut(400);
$(".des").slideUp(600);
});
$("a.three").click(function(){
$(".third").delay(800).fadeToggle(400);
$("a.three").toggleClass('act');
$("a.two, a.one").removeClass('act');
$(".second, .first").fadeOut(400);
$(".des").slideUp(600);
});
$('a.scrollt').click(function() {
$('body, html').animate({scrollTop:0}, 1500);
});
$("a.notes").click(function(){
$(".pagenotes").animate({opacity:"toggle", height: "toggle"}, 300);
});
var $container = $('#content');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector: '.post'
});
});
$container.infinitescroll({
loading: {
selector: null,
speed: 'fast',
start: undefined
},
navSelector : 'a#nextpage',
nextSelector : 'a#nextpage',
itemSelector : '.post',
bufferPx : 500
},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.find('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
borderRadius: '4px',
gutter: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo' });
$newElems.imagesLoaded(
function() {
$container.masonry('appended', $newElems, {isAnimated: true}, function(){
$newElems.animate({height:'toggle', opacity:'toggle' }, 800); });
});
});
{block:ifloadmorebutton}
jQuery(window).unbind('.infscr');
jQuery('#clicker').click(function(){
jQuery('#content').infinitescroll('retrieve');
return false;
});
{/block:ifloadmorebutton}
});
</script>
</body>
</html> Pasted: Jun 25, 2015, 3:24:53 am
Views: 13,387