Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME: THE FINAL FRONTIER
- by Zeke (spirkism/spirkthemes)
- Rules:
- - please do not steal/redistribute, I spent quite a bit of time coding this
- - also don't (re)move the credit please, that would make me very sad :(
- - don't use as a base code, there are plenty of those out there
- - you are allowed to edit as much as you like though, have fun playing around with code, that's how you learn! :)
- - tell me if there are any bugs or if you have any questions, need help with the theme or want a detail differently - I'll see what I can do for you ;)
- And now: enjoy! :)
- -->
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <!-- /* LINKS */ -->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
- <link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light|Pacifico|Covered+By+Your+Grace|Amatic+SC:400,700|Rock+Salt|Lobster|Righteous|Lobster+Two:400,700italic|Playball|Special+Elite|Audiowide|Limelight' rel='stylesheet' type='text/css'>
- <!-- /* SCRIPTS */ -->
- <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
- <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
- <!--
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- -->
- <script type='text/javascript'>
- $(document).ready(function() {
- Tipped.create('#credit','theme credit');
- });
- </script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <!-- /* META TAGS */ -->
- <meta name="color:background" content="#232961" />
- <meta name="color:text" content="#f2f2f2" />
- <meta name="color:post background" content="#141414" />
- <meta name="color:link color" content="#2889f7" />
- <meta name="color:link hover color" content="#0436c9" />
- <meta name="color:title" content="##ffffff" />
- <meta name="color:sidebar 1" content="#0436c9" />
- <meta name="color:sidebar 2" content="#0436c9" />
- <meta name="color:sidebar 3" content="#0436c9" />
- <meta name="color:sidebar 4" content="#0436c9" />
- <meta name="color:accent 1" content="#96E3E6" />
- <meta name="color:accent 2" content="#A3E696" />
- <meta name="color:accent 3" content="#E6DE96" />
- <meta name="color:sidebar links text" content="#000000" />
- <meta name="color:sidebar links background hover" content="#000000" />
- <meta name="color:sidebar links text hover" content="#ffffff" />
- <meta name="text:opacity" content="0.8" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 1 text" content="link" />
- <meta name="text:link 2 url" content="/" />
- <meta name="text:link 2 text" content="link" />
- <meta name="text:link 3 url" content="/" />
- <meta name="text:link 3 text" content="link" />
- <meta name="text:link 4 url" content="/" />
- <meta name="text:link 4 text" content="link" />
- <meta name="text:link 5 url" content="/" />
- <meta name="text:link 5 text" content="link" />
- <meta name="text:link 6 url" content="/" />
- <meta name="text:link 6 text" content="link" />
- <meta name="text:link 7 url" content="/" />
- <meta name="text:link 7 text" content="" />
- <meta name="text:link 8 url" content="/" />
- <meta name="text:link 8 text" content="" />
- <meta name="text:link 9 url" content="/" />
- <meta name="text:link 9 text" content="" />
- <meta name="text:link 10 url" content="/" />
- <meta name="text:link 10 text" content="" />
- <meta name="image:background" content="" />
- <meta name="image:sidebar 1" content="" />
- <meta name="image:sidebar 2" content="" />
- <meta name="image:sidebar 3" content="" />
- <meta name="image:sidebar 4" content="" />
- <meta name="image:fallback albumart" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
- <meta name="font:Specialfont" content="Arial, Helvetica, sans-serif"/>
- <meta name="if:Searchbar" content="1" />
- <meta name="if:500px posts" content="1" />
- <!--
- <meta name="if:Infinite scroll" content="0" />
- -->
- <meta name="select:Index tags" content="hover-tags" title="tags on hover" />
- <meta name="select:Index tags" content="no-tags" title="no tags" />
- <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
- <meta name="select:Perma tags" content="fixed-tags" title="visible tags" />
- <meta name="select:Perma tags" content="no-tags" title="no tags" />
- <meta name="select:Perma tags" content="hover-tags" title="tags on hover" />
- <style type="text/css">
- /* GENERAL */
- ::-webkit-scrollbar-thumb {
- background-color: {color:text};
- height:auto;
- width: 7px;
- z-index: 9999999999999999999999999999999999999;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:7px;
- background-color:{color:post background};
- z-index: 999999999999999999999999999999999999;
- }
- div#qTip {
- font-size: 11px;
- font-family: 'Calibri', sans-serif;
- line-height: 11px;
- display: none;
- text-align: center;
- position: absolute;
- z-index: 999999999999999999999999999999999999999999999999999999;
- background-color: RGBA({RGBcolor:post background},{text:opacity});;
- padding: 3px 7px;
- color: {color:text};
- max-width: 200px;
- height: auto;
- border: 1px solid {color:link color};
- -webkit-transition: all 0.1s ease-out;
- -moz-transition: all 0.1s ease-out;
- -o-transition: all 0.1s ease-out;
- }
- body {
- word-wrap:break-word;
- margin: 0;
- background-image: url('{image:background}');
- background-attachment: fixed;
- background-size: 100% auto;
- background-color: {color:background};
- font: 12px {font:Body};
- color: {color:text};
- }
- img {
- max-width: 100%;
- }
- a {
- text-decoration: none;
- color: {color:link color};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- a:hover {
- text-decoration: none;
- color: {color:link hover color};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- blockquote {
- border-left: solid 2px #818181;
- padding-left: 10px;
- max-width: 100%;
- }
- /* SIDEBAR */
- #sidebar {
- position: fixed;
- left: 0;
- top: 0;
- height: 100%;
- width: 370px;
- z-index: 999;
- }
- #stripe01 {
- position: absolute;
- left: 0px;
- top: 0;
- width: 170px;
- height: 100%;
- background-image: url('{image:sidebar 1}');
- background-attachment: fixed;
- background-size: auto 100%;
- background-color: {color:sidebar 1};
- }
- #stripe02 {
- position: absolute;
- top: 0;
- left: 170px;
- width: 80px;
- height:100%;
- background-image: url('{image:sidebar 2}');
- background-attachment: fixed;
- background-size: auto 100%;
- background-color: {color:sidebar 2};
- }
- #stripe03 {
- position: absolute;
- top: 0;
- left:250px;
- width: 120px;
- height: 100%;
- background-image: url('{image:sidebar 3}');
- background-attachment: fixed;
- background-size: auto 100%;
- background-color: {color:sidebar 3};
- z-index: 999;
- }
- #stripe04 {
- position: fixed;
- top: 0;
- left: 370px;
- width: 120px;
- height:100%;
- background-image: url('{image:sidebar 4}');
- background-attachment: fixed;
- background-size: auto 100%;
- background-color: {color:sidebar 4};
- z-index: -2;
- }
- #title {
- font: 2.5em {font:Specialfont};
- color: {color:title};
- width: 330px;
- padding: 20px;
- text-align:center;
- position: absolute;
- z-index: 9999;
- }
- #desc {
- position: absolute;
- bottom: 10px;
- width: 80px;
- padding: 10px;
- background-color: RGBA({RGBcolor:post background},{text:opacity});
- left: 10px;
- font-size: 0.85em;
- }
- #sblinks {
- position: absolute;
- left: -55px;
- top: 150px;
- }
- a.sblink {
- position: relative;
- padding: 3px;
- color: {color:sidebar links text};
- margin-bottom: 2px;
- width: 100px;
- display: block;
- text-align: center;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- a.sblink:hover {
- box-shadow:inset 106px 0 0 0 {color:sidebar links background hover};
- color: {color:sidebar links text hover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- a.sblink:nth-child(3n+0) {
- background-color: {color:accent 1};
- margin-left: 20px;
- }
- a.sblink:nth-child(3n+1) {
- background-color: {color:accent 2};
- margin-left: -20px;
- }
- a.sblink:nth-child(3n+2) {
- background-color: {color:accent 3};
- }
- #searchbar {
- position: absolute;
- bottom: 0px;
- }
- #searchform input {
- }
- #searchinput {
- position: absolute;
- width: 114px;
- height: 15px;
- bottom: 0px;
- border: 0px;
- padding: 3px;
- color: gray;
- font-size: 0.8em;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- #searchbutton {
- position: absolute;
- text-transform: uppercase;
- font-size: 0.8em;
- background-color: {color:text};
- color: {color:post background};
- padding: 5px;
- border: none;
- bottom: 0px;
- left:120px;
- }
- #next {
- position: absolute;
- bottom: 2px;
- right: 5px;
- }
- #next:before {
- content: "\f061";
- font-family: FontAwesome;
- font-size: 1.2em;
- }
- #prev {
- position: absolute;
- bottom: 2px;
- left: 5px;
- }
- #prev:before {
- content: "\f060";
- font-family: FontAwesome;
- font-size: 1.2em;
- }
- /* POSTS & CONTENT */
- #content {
- position: absolute;
- left: 490px;
- z-index: 99;
- }
- #posts {
- top: 20px;
- position: relative;
- {block:If500pxPosts}
- width: 542px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 442px;
- {/block:IfNot500pxPosts}
- z-index: 99;
- }
- #post {
- padding: 20px;
- position: relative;
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 400px;
- {/block:IfNot500pxPosts}
- background-color: RGBA({RGBcolor:post background},{text:opacity});
- margin-bottom: 120px;
- z-index: 99;
- }
- .caption {
- {block:If500pxPosts}
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {/block:IfNot500pxPosts}
- background-color: RGBA({RGBcolor:text},0.2);
- padding: 10px 20px;
- }
- .textpost {
- }
- .textpost-title {
- {block:If500pxPosts}
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {/block:IfNot500pxPosts}
- padding: 15px;
- background-color: RGBA({RGBcolor:text},0.2);
- font: 1.2em {font:Specialfont};
- }
- .textpost-text img {
- max-width: 100%;
- max-height: 100%;
- }
- .photopost {
- }
- .panorama-post {
- }
- .photosetpost {
- }
- .quotepost {
- }
- .quotepost-quote {
- font: 1.5em {font:Specialfont};
- text-align:center;
- padding: 10px;
- background-color: RGBA({RGBcolor:text},0.4);
- }
- .quotepost-source {
- position: absolute;
- bottom: -10px;
- border: 10px solid RGBA({RGBcolor:post background},{text:opacity});
- padding: 2px 5px;
- right: -10px;
- background-color: RGBA({RGBcolor:text},0.3);
- }
- .linkpost {
- }
- .linkpost-title {
- padding: 20px 50px;
- font: 1.2em {font:Specialfont};
- text-align: center;
- {block:If500pxPosts}
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {/block:IfNot500pxPosts}
- background-color: RGBA({RGBcolor:text},0.1);
- border:10px solid RGBA({RGBcolor:text},0.7);
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linkpost-title:hover{
- border:10px solid RGBA({RGBcolor:post background},{text:opacity});
- background-color: RGBA({RGBcolor:text},0.5);
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #linkpost-titly img {
- width: 60px;
- position: absolute;
- z-index: 9;
- right: -10px;
- top: -10px;
- border:10px solid RGBA({RGBcolor:post background},{text:opacity});
- }
- .linkpost .caption {
- }
- .linkpost-img {
- }
- .chatpost {
- }
- .chatpost-title {
- {block:If500pxPosts}
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {/block:IfNot500pxPosts}
- padding: 15px;
- background-color: RGBA({RGBcolor:text},0.2);
- font: 1.2em {font:Specialfont};
- }
- .chatpost ul {
- list-style-type: none;
- line-height: 20px;
- padding-left: 0px;
- }
- .chatpost ul .odd {
- border-bottom: 1px solid {color:text};
- margin-bottom: 5px;
- }
- .chatpost ul .even {
- border-bottom: 1px solid {color:text};
- margin-bottom: 5px;
- }
- .audiopost {
- min-height: 100px;
- }
- .audiopost-player {
- width: 27px;
- height: 30px;
- position: absolute;
- z-index: 999;
- overflow: hidden;
- top: 57px;
- left: 57px;
- opacity: 0.7;
- }
- .audiopost-img {
- width: 80px;
- position: absolute;
- top: 20px;
- left: 20px;
- border:10px solid RGBA({RGBcolor:post background},{text:opacity});
- height: 80px;
- z-index: 99;
- }
- #audiopost-fallbackimg {
- position: absolute;
- top: 20px;
- left: 20px;
- width: 80px;
- height: 80px;
- z-index: 9;
- border:10px solid RGBA({RGBcolor:post background},{text:opacity});
- }
- .audiopost ul {
- list-style: none;
- position: absolute;
- left: 90px;
- background-color: RGBA({RGBcolor:text},0.4);
- padding: 20px;
- height: 60px;
- top: 8px;
- left: 120px;
- {block:If500pxPosts}
- width: 360px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 260px;
- {/block:IfNot500pxPosts}
- }
- .audiopost .caption {
- margin-top: 100px;
- }
- .videopost {
- }
- .videopost-video {
- }
- .answerpost {
- }
- .answerpost .caption {
- padding: 0px;
- background-color: transparent;
- }
- .answerpost .caption img {
- width: 100%;
- height: 100%;
- }
- .answerpost-1 {
- }
- .answerpost-asker {
- font: 1.2em {font:Specialfont};
- top: 10px;
- margin-bottom: 7px;
- }
- .answerpost-askerimg {
- width: 60px;
- position: absolute;
- z-index: 9;
- right: -10px;
- top: -10px;
- border:10px solid RGBA({RGBcolor:post background},{text:opacity});
- }
- .answerpost-arrow {
- width: 0;
- height: 0;
- border-top: 15px solid transparent;
- border-bottom: 15px solid transparent;
- border-right: 20px solid RGBA({RGBcolor:accent},0.4);
- }
- .answerpost-question {
- position: relative;
- margin-top: -10px;
- background-color: RGBA({RGBcolor:text}, 0.4);
- padding: 20px;
- top: 10px;
- clear: right;
- margin-bottom: 20px;
- {block:If500pxPosts}
- width: 460px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 360px;
- {/block:IfNot500pxPosts}
- }
- .answerpost-2 {
- }
- .answerpost-answererimg {
- }
- .answerpost-answerer {
- font: 1.2em {font:Specialfont};
- top: 10px;
- }
- .answerpost-answer {
- background-color: RGBA({RGBcolor:text}, 0.2);
- padding: 20px;
- }
- .answerpost-answer img {
- height: 100%;
- width: 100%;
- }
- #permbox {
- position: absolute;
- top: 0px;
- margin-left: -130px;
- }
- #perm {
- background-color: RGBA({RGBcolor:post background},0.5);
- padding: 10px;
- width: 80px;
- position: relative;
- }
- #time-notes {
- position: relative;
- text-align: center;
- }
- #timeago-box a {
- font-family: 'Lobster', sans-serif;
- font-size:1.1em;
- }
- #notecount-box a {
- font-family: 'Lobster Two', sans-serif;
- font-size: 1.3em;
- }
- #reblog-source {
- position: relative;
- width: 90px;
- margin-left: -4px;
- height: 45px;
- }
- .sourceimg {
- border: 5px solid {color:post background};
- position: relative;
- margin: 2px;
- float: left;
- }
- #reblog-like {
- position: relative;
- padding: 5px;
- background-color: RGBA({RGBcolor:text},0.7);
- height: 20px;
- }
- #reblogbutton {
- position: absolute;
- left: 10px;
- }
- #likebutton {
- position: absolute;
- left: 50px;
- }
- .permbox-box {
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .permbox-box:hover {
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #timeago-box {
- }
- #tags {
- margin-top: 10px;
- background-color: RGBA({RGBcolor:post background},0.5);
- padding: 10px;
- }
- .no-tags {
- display: none;
- }
- .no-tags .comma:last-child {
- display: none;
- }
- .hover-tags {
- width: 100px;
- word-wrap: break-word;
- opacity: 0;
- font-size:0.85em;
- position: absolute;
- margin-left: -130px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .hover-tags .comma:last-child {
- display: none;
- }
- #post:hover .hover-tags {
- opacity: 1;
- margin-left: -10px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .fixed-tags {
- width: 100px;
- word-wrap: break-word;
- font-size:0.85em;
- position: absolute;
- margin-left: -10px;
- }
- .fixed-tags .comma:last-child {
- display: none;
- }
- #notes {
- background-color: RGBA({RGBcolor:post background},0.5);
- padding: 20px 0;
- margin-top: -90px;
- max-height: 300px;
- overflow-y:scroll;
- margin-bottom: 50px;
- }
- #notes ol {
- list-style: none;
- font-size: 0.9em;
- line-height: 20px;
- }
- #notes img {
- margin-right: 5px;
- border: 3px solid RGBA({RGBcolor:post background},0.5);
- }
- /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
- #credit {
- position: fixed;
- right: 5px;
- bottom: 5px;
- width: 13px;
- height: 13px;
- background-color: {color:post background};
- padding: 5px 7px 7px 5px;
- z-index: 99999999999999999999999999999999999999999999999;
- }
- #credit:before {
- content: "\f259";
- font-family: FontAwesome;
- text-align:left;
- font-size:1.2em;
- }
- </style>
- </head>
- <body>
- <!-- /* SIDEBAR, HEADER, ETC. */ -->
- <!-- /* SIDEBAR */ -->
- <div id="sidebar">
- <div id="stripe01"><div id="title">{Title}</div>
- {block:IfSearchbar}
- <div id="searchbar">
- <form action="/search" method="get" id=searchform>
- <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
- <input type="submit" value="search" id="searchbutton"/>
- </div>
- </form>
- {/block:IfSearchbar}
- </div>
- <div id="stripe02">
- <div id="sblinks">
- {block:IfLink1Text}<a href="{text:link 1 url}" class="sblink" id="link1">{text:link 1 text}</a>{/block:IfLink1Text}
- {block:IfLink2Text}<a href="{text:link 2 url}" class="sblink" id="link2">{text:link 2 text}</a>{/block:IfLink2Text}
- {block:IfLink3Text}<a href="{text:link 3 url}" class="sblink" id="link3">{text:link 3 text}</a>{/block:IfLink3Text}
- {block:IfLink4Text}<a href="{text:link 4 url}" class="sblink" id="link4">{text:link 4 text}</a>{/block:IfLink4Text}
- {block:IfLink5Text}<a href="{text:link 5 url}" class="sblink" id="link5">{text:link 5 text}</a>{/block:IfLink5Text}
- {block:IfLink6Text}<a href="{text:link 6 url}" class="sblink" id="link6">{text:link 6 text}</a>{/block:IfLink6Text}
- {block:IfLink7Text}<a href="{text:link 7 url}" class="sblink" id="link7">{text:link 7 text}</a>{/block:IfLink7Text}
- {block:IfLink8Text}<a href="{text:link 8 url}" class="sblink" id="link8">{text:link 8 text}</a>{/block:IfLink8Text}
- {block:IfLink9Text}<a href="{text:link 9 url}" class="sblink" id="link9">{text:link 9 text}</a>{/block:IfLink9Text}
- {block:IfLink10Text}<a href="{text:link 10 url}" class="sblink" id="link10">{text:link 10 text}</a>{/block:IfLink10Text}
- </div>
- {block:PreviousPage}
- <a href="{PreviousPage}"><div id="prev"></div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div id="next"></div></a>
- {/block:NextPage}
- </div>
- <div id="stripe03">
- <div id="desc">{Description}</div>
- </div>
- </div>
- <div id="stripe04"></div>
- <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE -->
- <div id="content">
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="posty">
- <div id="post">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- /* TEXT POST */ -->
- {block:Text}<div class="textpost {TagsAsClasses}">
- {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
- <div class="textpost-text">
- {Body}
- </div>
- </div>
- {/block:Text}
- <!-- /* PHOTO POST */ -->
- {block:Photo}<div class="photopost {TagsAsClasses}">
- {LinkOpenTag}
- {block:If500pxPosts}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- {/block:IfNot500pxPosts}
- {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photo}
- <!-- /* PANORAMA POST */ -->
- {block:Panorama}<div class="panoramapost {TagsAsClasses}">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Panorama}
- <!-- /* PHOTOSET POST */ -->
- {block:Photoset}<div class="photosetpost {TagsAsClasses}">
- {Photoset}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photoset}
- <!-- /* QUOTE POST */ -->
- {block:Quote}<div class="quotepost {TagsAsClasses}">
- <div class="quotepost-quote">{Quote}</div>
- {block:Source}<div class="quotepost-source">··· {Source} ···</div>{/block:Source}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Quote}
- <!-- /* LINK POST */ -->
- {block:Link}<div class="linkpost {TagsAsClasses}">
- <a href="{URL}"><div id="linkpost-titly"><div class="linkpost-title">{Name}</div>{block:Thumbnail}<img src="{Thumbnail}" class="linkpost-img">{/block:Thumbnail}</div></a>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- </div>
- {/block:Link}
- <!-- /* CHAT POST */ -->
- {block:Chat}<div class="chatpost {TagsAsClasses}">
- {block:Title}<div class="chatpost-title">{Title}</div>{/block:Title}
- <ul>
- {block:Lines}
- <li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!-- /* AUDIO POST */ -->
- {block:Audio}<div class="audiopost {TagsAsClasses}">
- {block:AudioPlayer}<div class="audiopost-player">{AudioPlayer}</div>{/block:AudioPlayer}
- {block:AlbumArt}<div class="audiopost-img"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="audiopost-fallbackimg"><img src="{image:fallback albumart}"></div>
- <ul>
- {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
- {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
- {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
- </ul>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Audio}
- <!-- /* VIDEO POST */ -->
- {block:Video}<div class="videopost {TagsAsClasses}"><div class="videopost-video">
- {block:If500pxPosts}
- {Video-500}
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {Video-400}
- {/block:IfNot500pxPosts}
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Video}
- <!-- /* ANSWER POST */ -->
- {block:Answer}
- <div class="answerpost {TagsAsClasses}">
- <div class="answerpost-1">
- <img class="answerpost-askerimg" src="{AskerPortraitURL-96}" alt=""><div class="answerpost-question"><div class="answerpost-asker">{Asker}:</div>{Question}</div>
- <div class="answerpost-2">
- {block:Answerer}
- <div class="answerpost-answer"><div class="answerpost-answerer">{Answerer}:</div>{Answer}</div>
- {/block:Answerer}
- <div class="caption">
- {Replies}
- </div>
- </div>
- </div>
- {/block:Answer}
- <!-- /* PERM */ -->
- <div id="permbox">
- <div id="perm">
- <div id="time-notes">
- <div id="timeago-box" class="permbox-box"><a href="{Permalink}">{TimeAgo}</a></div>
- {block:NoteCount}<div id="notecount-box" class="permbox-box"><a href="{Permalink}">{NoteCount}</a></div>{/block:NoteCount}
- </div>
- {block:RebloggedFrom}
- <div id="reblog-source">
- <div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}" class="sourceimg"></a></div>
- <div id="source-box" class="permbox-box">
- <a href="{SourceURL}"><img class="sourceimg" src="{ReblogRootPortraitURL-30}"></a></div>
- </div>
- {/block:RebloggedFrom}
- <div id="reblog-like">
- <div id="reblogbutton">{ReblogButton color="black" size="20"}</div>
- <div id="likebutton">{LikeButton color="black" size="20"}</div>
- </div>
- </div>
- <!--
- -->
- <!-- /* TAGS */ -->
- {block:IndexPage}
- {block:HasTags}<div id="tags" class="{select:Index tags}">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a><span class="comma"> </span>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:HasTags}<div id="tags" class="{select:Perma tags}">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a><span class="comma"> </span>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- </div>
- </div>
- {/block:Posts}
- </div> <!-- post div -->
- <!-- /* POST NOTES */ -->
- {block:PostNotes}
- <div id="notes">
- <ul>
- {PostNotes}
- </ul>
- </div>
- {/block:PostNotes}
- </div> <!-- posts div -->
- </div> <!-- content div -->
- <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
- <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment