Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME: DIMENSIONS
- by Zeke (spirkism/spirkthemes)
- Rules:
- - please do not steal/redistribute, I spent quite a bit of time coding this
- - also don't remove 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 href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Julee|Philosopher|Bad+Script|Federo|Quicksand|Eagle+Lake|Shadows+Into+Light|Calligraffitti|Exo|Architects+Daughter|Coming+Soon|Amatic+SC|Kaushan+Script|Voltaire|Julius+Sans+One|Geo' rel='stylesheet' type='text/css'>
- <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"/>
- <!-- /* SCRIPTS */ -->
- <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.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 src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <script type='text/javascript'>
- $(document).ready(function() {
- Tipped.create('#credit','theme credit');
- });
- </script>
- <!-- /* META TAGS */ -->
- <meta name="color:text color" content="#323232" />
- <meta name="color:background" content="#f6f6f6" />
- <meta name="color:box background" content="#373636" />
- <meta name="color:sidebar" content="#121212" />
- <meta name="color:title" content="#E5E5E5" />
- <meta name="color:desc" content="#E5E5E5" />
- <meta name="color:desc text" content="#FFFFFF" />
- <meta name="color:post background" content="#DFDFDF" />
- <meta name="color:caption background" content="#EEEEEE" />
- <meta name="color:link color" content="#6bcb27" />
- <meta name="color:link hover color" content="#94ff51" />
- <meta name="color:permbox" content="#5d5d5d" />
- <meta name="color:tagbox" content="#202020" />
- <meta name="color:post inside" content="#E5E5E5" />
- <meta name="color:question background" content="#5D5D5D" />
- <meta name="color:answer background" content="#979797" />
- <meta name="color:question color" content="#fff" />
- <meta name="color:answer color" content="#202020" />
- <meta name="color:border" content="#aff728" />
- <meta name="color:sidebar link color" content="#aff728" />
- <meta name="color:sidebar link hover color" content="#0c0c0c" />
- <meta name="text:link1 url" content="/" />
- <meta name="text:link1 text" content="link" />
- <meta name="text:link2 url" content="/" />
- <meta name="text:link2 text" content="link" />
- <meta name="text:link3 url" content="/" />
- <meta name="text:link3 text" content="link" />
- <meta name="text:link4 url" content="/" />
- <meta name="text:link4 text" content="link" />
- <meta name="text:link5 url" content="/" />
- <meta name="text:link5 text" content="link" />
- <meta name="text:link6 url" content="/" />
- <meta name="text:link6 text" content="link" />
- <meta name="text:link7 url" content="/" />
- <meta name="text:link7 text" content="link" />
- <meta name="text:link8 url" content="/" />
- <meta name="text:link8 text" content="link" />
- <meta name="image:background" content="" />
- <meta name="image:sidebar background" content="" />
- <meta name="image:sidebar" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sidebar2" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="if:Box" content="1" />
- <meta name="if:Hover Desc" content="1" />
- <meta name="if:Links Right" content="1" />
- <meta name="if:2 Sidebar Images" content="0" />
- <meta name="if:500px posts" content="1" />
- <meta name="if:Searchbar" content="1" />
- <meta name="select:Font" content="alegreya" title="Alegreya Sans SC" />
- <meta name="select:Font" content="julee" title="Julee" />
- <meta name="select:Font" content="philosopher" title="Philosopher" />
- <meta name="select:Font" content="badscript" title="Bad Script" />
- <meta name="select:Font" content="federo" title="Federo" />
- <meta name="select:Font" content="quicksand" title="Quicksand" />
- <meta name="select:Font" content="eaglelake" title="Eagle Lake" />
- <meta name="select:Font" content="shadowsintolight" title="Shadows Into Light" />
- <meta name="select:Font" content="exofont" title="Exo" />
- <meta name="select:Font" content="archi" title="Architects Daughter" />
- <meta name="select:Font" content="comingsoon" title="Coming Soon" />
- <meta name="select:Font" content="calli" title="Calligraffitti" />
- <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" />
- <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
- <style type="text/css">
- /* GENERAL */
- ::-webkit-scrollbar-thumb {
- background-color: {color:link color};
- height:auto;
- width: 10px;
- z-index: 9999999999999999999999999999999999999;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:10px;
- background-color:{color:post background};
- z-index: 999999999999999999999999999999999999;
- }
- #box::-webkit-scrollbar-thumb {
- background-color: {color:link color};
- height:auto;
- width: 5px;
- z-index: 9999999999999999999999999999999999999;
- }
- #box::-webkit-scrollbar {
- height:auto;
- width:5px;
- 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: {color:post background};
- padding: 3px 7px;
- color: {color:background};
- max-width: 200px;
- height: auto;
- border: 1px solid {color:border};
- -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-color: {color:background};
- font: 12px {font:Body};
- color: {color:text color};
- }
- 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%;
- }
- /* FONTS */
- .alegreya {
- font-family: 'Alegreya Sans SC', sans-serif;
- }
- .julee {
- font-family: 'Julee', cursive;
- }
- .philosopher {
- font-family: 'Philosopher', sans-serif;
- }
- .badscript {
- font-family: 'Bad Script', cursive;
- }
- .federo {
- font-family: 'Federo', sans-serif;
- }
- .quicksand {
- font-family: 'Quicksand', sans-serif;
- }
- .eaglelake {
- font-family: 'Eagle Lake', cursive;
- }
- .shadowsintolight {
- font-family: 'Shadows Into Light', cursive;
- }
- .calli {
- font-family: 'Calligraffitti', cursive;
- }
- .exofont {
- font-family: 'Exo', sans-serif;
- }
- .archi {
- font-family: 'Architects Daughter', cursive;
- }
- .comingsoon {
- font-family: 'Coming Soon', cursive;
- }
- /* SIDEBAR, HEADER, ETC */
- /* SIDEBAR */
- #sidebar {
- position: fixed;
- left: 2%;
- top: 4%;
- width: 460px;
- height: 92%;
- background-color: {color:sidebar};
- background-image: url('{image:sidebar background}');
- z-index: 5;
- /* box-shadow: inset 0 0 10px 5px #434343; */
- }
- #title {
- position: relative;
- top: 30px;
- text-align: center;
- width: 300px;
- left: 80px;
- font-size: 18px;
- margin-bottom: 50px;
- color: {color:title};
- }
- .sbimg {
- position: relative;
- width: 260px;
- border: 20px solid {color:border};
- left: 80px;
- }
- #desc {
- position: relative;
- width: 260px;
- padding: 20px;
- background-color: {color:desc};
- color: {color:desc text};
- left: 80px;
- font-size: 10px;
- {block:IfHoverDesc}
- {block:IfSearchbar}
- margin-top: -150px;
- {/block:IfSearchbar}
- {block:IfNotSearchbar}
- margin-top: -154px;
- {/block:IfNotSearchbar}
- opacity: 0;
- {/block:IfHoverDesc}
- {block:IfNotHoverDesc}
- {block:IfSearchbar}
- margin-top: 0px;
- {/block:IfSearchbar}
- {block:IfNotSearchbar}
- margin-top: -4px;
- {/block:IfNotSearchbar}
- {/block:IfNotHoverDesc}
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- }
- {block:IfHoverDesc}
- #sidebar:hover #desc {
- {block:IfSearchbar}
- margin-top: 0px;
- {/block:IfSearchbar}
- {block:IfNotSearchbar}
- margin-top: -4px;
- {/block:IfNotSearchbar}
- opacity: 1;
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- }
- {/block:IfHoverDesc}
- #searchbar {
- position: relative;
- margin-left: 80px;
- margin-top: -3px;
- }
- #searchform input {
- border: 0px;
- padding: 5px;
- text-transform: uppercase;
- margin-top: 0px;
- letter-spacing: 1px;
- font-size: 0.8em;
- color: #575757;
- }
- #searchinput {
- width: 234px;
- }
- #searchbutton {
- margin-left: -3px;
- }
- #sblinks {
- position: absolute;
- right: 0;
- width: 80px;
- top: 90px;
- }
- #sblinks2 {
- position: absolute;
- left: 0;
- width: 80px;
- top: 90px;
- text-align: right;
- }
- .sblink {
- border-bottom: 1px solid {color:box background};
- float: right;
- width: 70px;
- padding: 5px;
- font-size: 12px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .sblink:hover {
- color: {color:sidebar link hover color};
- letter-spacing: 0.1em;
- box-shadow:inset 80px 0 0 0 {color:border};
- -moz-transition-duration:.3s;
- -webkit-transition-duration:.3s;
- -o-transition-duration:.3s;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #sblinks2 .sblink:hover {
- color: {color:sidebar link hover color};
- letter-spacing: 0.1em;
- box-shadow:inset 80px 0 0 0 {color:box background};
- -moz-transition-duration:.3s;
- -webkit-transition-duration:.3s;
- -o-transition-duration:.3s;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- /* POSTS & CONTENT */
- {block:ifBox}
- #box {
- width: 98%;
- height: 96%;
- margin-top: 1%;
- margin-left: 1%;
- position: fixed;
- background-color: {color:box background};
- overflow-y:scroll;
- box-shadow: 0px 0px 10px 5px #929292;
- }
- {/block:ifBox}
- #content {
- position: relative;
- width: 600px;
- margin-left: 500px;
- height: 120%;
- bottom: 0;
- }
- #post {
- top: 30px;
- left: 30px;
- position: relative;
- {block:If500pxPosts}
- width: 500px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 400px;
- {/block:IfNot500pxPosts}
- padding: 20px 20px 20px 20px;
- margin-bottom: 50px;
- background-color: {color:post background};
- }
- .caption {
- background-color: {color:caption background};
- padding: 5px 10px;
- margin-bottom: 0px;
- margin-top: 0px;
- font-size: 12px;
- }
- /* DIFFERENT KINDS OF POSTS */
- .textpost {
- font-size: 12px;
- }
- .textpost-title {
- font-size: 16px;
- text-align: center;
- background-color: {color:post inside};
- padding: 10px;
- }
- .textpost-text {
- background-color: {color:caption background};
- padding: 5px 10px;
- margin-bottom: 0px;
- margin-top: 0px;
- font-size: 12px;
- }
- .photopost {
- }
- .photopost .caption {
- margin-top: -4px;
- }
- .panoramapost {
- }
- .panoramapost .caption {
- margin-top: -3px;
- }
- .photosetpost {
- }
- .photosetpost .caption {
- margin-top: 5px;
- }
- .quotepost {
- }
- .quotepost-quote {
- font-size: 14px;
- background-color: {color:post inside};
- padding: 10px 10px 10px 15px;
- }
- .quotepost-source {
- margin-bottom: 0px;
- margin-left: 20px;
- background-color: {color:caption background};
- padding: 5px;
- }
- .linkpost {
- }
- .linkpost-title {
- font-size: 16px;
- text-align: center;
- background-color: {color:post inside};
- border: 3px solid {color:link color};
- min-height: 80px;
- line-height: 80px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linkpost-title:hover {
- background-color: {color:permbox};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linkpost-img {
- width: 80px;
- display: inline-block;
- float: right;
- }
- .chatpost {
- }
- .chatpost-title {
- font-size: 16px;
- text-align: center;
- background-color: {color:post inside};
- padding: 10px;
- }
- .chatpost ul {
- list-style-type: none;
- margin-left: -40px;
- margin-top: 0px;
- margin-bottom: 0px;
- }
- .chatpost ul .odd {
- background-color: {color:question background};
- color: {color:question color};
- margin-left: 10px;
- {block:If500pxPosts}
- width: 400px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 330px;
- {/block:IfNot500pxPosts}
- padding: 5px;
- margin-bottom: 0px;
- }
- .chatpost ul .even {
- background-color: {color:answer background};
- color: {color:answer color};
- {block:If500pxPosts}
- margin-left: 80px;
- width: 400px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- margin-left: 50px;
- width: 330px;
- {/block:IfNot500pxPosts}
- padding: 5px;
- margin-bottom: 0px;
- }
- .audiopost {
- }
- .audiopost-player {
- float: left;
- width: 27px;
- overflow: hidden;
- z-index: 3;
- margin-top: 27px;
- margin-left: 27px;
- }
- .audiopost-img {
- display: inline-block;
- float: left;
- height: 80px;
- margin-left: -54px;
- z-index: 2;
- width: 80px;
- background-color: {color:permbox};
- z-index: 1;
- }
- .audiopost ul {
- list-style-type: none;
- display: inline-block;
- margin-left: -20px;
- }
- .audiopost-audio {
- padding: 10px;
- background-color: {color:post inside};
- height: 80px;
- }
- .videopost {
- }
- .videopost-video {
- }
- .answerpost {
- }
- .answerpost img {
- position: relative;
- max-width: 100%;
- display: block;
- }
- .answerpost-1 {
- background-color: {color:question background};
- color: {color:question color};
- padding: 10px;
- min-height: 85px;
- }
- .answerpost-asker {
- text-transform:uppercase;
- text-align: right;
- }
- .answerpost-askerimg {
- display: inline-block;
- border: 10px solid {color:border};
- float: right;
- margin-left: 10px;
- }
- .answerpost-question {
- font-size: 12px;
- text-align: right;
- right: 10px;
- }
- .answerpost-2 {
- background-color: {color:answer background};
- color: {color:answer color};
- padding: 10px;
- min-height: 85px;
- margin-top: 0px;
- }
- .answerpost-answererimg {
- position: absolute;
- border: 10px solid {color:permbox};
- float: left;
- top: 5px;
- left: 5px;
- margin-right: 20px;
- }
- .answerpost-answerer {
- text-transform:uppercase;
- }
- .answerpost-answer {
- position: relative;
- {block:If500pxPosts}
- width: 480px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 380px;
- {/block:IfNot500pxPosts}
- text-align: left;
- font-size: 12px;
- margin-bottom: 0px;
- display: inline;
- }
- .answerpost-answer img {
- {block:If500pxPosts}
- max-width: 380px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- max-width: 280px;
- {/block:IfNot500pxPosts}
- margin-bottom: 2px;
- }
- .answerpost-answer-answer {
- text-align: left;
- position: relative;
- font-size: 12px;
- }
- #permbox {
- text-align: center;
- background-color: {color:permbox};
- {block:If500pxPosts}
- width: 480px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 380px;
- {/block:IfNot500pxPosts}
- padding: 10px;
- text-transform: uppercase;
- }
- #likebutton {
- display: inline-block;
- }
- #reblogbutton {
- display: inline-block;
- }
- .no-tags {
- display: none;
- }
- .no-tags .comma:last-child {
- display: none;
- }
- .hover-tags {
- margin-top: -30px;
- text-align: center;
- background-color: {color:tagbox};
- {block:If500pxPosts}
- width: 480px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 380px;
- {/block:IfNot500pxPosts}
- padding: 10px;
- opacity: 0;
- z-index: -99;
- font-size: 10px;
- -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 {
- margin-top: 0px;
- opacity: 1;
- z-index: 1;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .fixed-tags {
- margin-top: 0px;
- text-align: center;
- background-color: {color:tagbox};
- {block:If500pxPosts}
- width: 480px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- width: 380px;
- {/block:IfNot500pxPosts}
- padding: 10px;
- z-index: -99;
- font-size: 10px;
- }
- .fixed-tags .comma:last-child {
- display: none;
- }
- #notes ol {
- list-style:none;
- font-size: 11px;
- }
- #notes ol img {
- margin-right: 3px;
- display: none;
- }
- #credit { /* DO NOT CHANGE ANY OF THIS WITHOUT ASKING */
- position: fixed;
- {block:IfBox}
- right: 3%;
- bottom: 4%;
- {/block:IfBox}
- {block:IfNotBox}
- right: 10px;
- bottom: 10px;
- {/block:IfNotBox}
- width: 20px;
- height: 20px;
- border: 1px solid black;
- background-color: #484848;
- color: white;
- text-align: center;
- line-height: 20px;
- }
- #credit:before {
- content: "\f023";
- font-family: FontAwesome;
- text-align:center;
- font-size:1.2em;
- }
- /* TOOLTIP STUFF */
- /* Skins */
- /* default (dark) */
- .tpd-skin-dark .tpd-content,
- .tpd-skin-dark .tpd-title,
- .tpd-skin-dark .tpd-close { color: #fff; }
- .tpd-skin-dark .tpd-background-content,
- .tpd-skin-dark .tpd-background-title {
- background-color: #282828;
- }
- .tpd-skin-dark .tpd-background {
- border-width: 1px;
- border-color: #282828;
- border-color: rgba(255,255,255,.1);
- }
- /* line below the title */
- .tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; }
- /* links */
- .tpd-skin-dark a,
- .tpd-skin-dark a:hover { color: #ccc; }
- </style>
- </head>
- <body>
- <div id="box">
- <!-- /* SIDEBAR, HEADER, ETC. */ -->
- <!-- /* SIDEBAR */ -->
- <div id="sidebar">
- <div id="title" class="{select:Font}">{Title}</div>
- <img src="{image:sidebar}" class="sbimg">
- {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 id="desc">{Description}</div>
- {block:IfLinksRight}
- <div id="sblinks">
- <a href="{text:link1 url}"><div class="sblink">{text:link1 text}</div></a>
- <a href="{text:link2 url}"><div class="sblink">{text:link2 text}</div></a>
- <a href="{text:link3 url}"><div class="sblink">{text:link3 text}</div></a>
- <a href="{text:link4 url}"><div class="sblink">{text:link4 text}</div></a>
- <a href="{text:link5 url}"><div class="sblink">{text:link5 text}</div></a>
- <a href="{text:link6 url}"><div class="sblink">{text:link6 text}</div></a>
- <a href="{text:link7 url}"><div class="sblink">{text:link7 text}</div></a>
- <a href="{text:link8 url}"><div class="sblink">{text:link8 text}</div></a>
- {block:PreviousPage}
- <a href="{PreviousPage}"><div class="sblink">prev</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div class="sblink">next</div></a>
- {/block:NextPage}
- </div>
- {/block:IfLinksRight}
- {block:IfNotLinksRight}
- <div id="sblinks2">
- <a href="{text:link1 url}"><div class="sblink">{text:link1 text}</div></a>
- <a href="{text:link2 url}"><div class="sblink">{text:link2 text}</div></a>
- <a href="{text:link3 url}"><div class="sblink">{text:link3 text}</div></a>
- <a href="{text:link4 url}"><div class="sblink">{text:link4 text}</div></a>
- <a href="{text:link5 url}"><div class="sblink">{text:link5 text}</div></a>
- <a href="{text:link6 url}"><div class="sblink">{text:link6 text}</div></a>
- <a href="{text:link7 url}"><div class="sblink">{text:link7 text}</div></a>
- <a href="{text:link8 url}"><div class="sblink">{text:link8 text}</div></a>
- {block:PreviousPage}
- <a href="{PreviousPage}"><div class="sblink">prev</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div class="sblink">next</div></a>
- {/block:NextPage}
- </div>
- {/block:IfNotLinksRight}
- {block:If2SidebarImages}
- <img src="{image:sidebar2}" class="sbimg">
- {/block:If2SidebarImages}
- </div>
- <!-- /* POSTS */ -->
- <div id="content">
- {block:Posts}
- <div id="post" class="{TagsAsClasses}">
- {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">
- {block:Title}<div class="textpost-title {select:Font}">{Title}</div>{/block:Title}
- <div class="textpost-text">
- {Body}
- </div>
- </div>
- {/block:Text}
- <!-- /* PHOTO POST */ -->
- {block:Photo}<div class="photopost">
- {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">
- {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">
- {block:If500pxPosts}
- {Photoset-500}
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {Photoset-400}
- {/block:IfNot500pxPosts}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photoset}
- <!-- /* QUOTE POST */ -->
- {block:Quote}<div class="quotepost">
- <div class="quotepost-quote {select:Font}">{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">
- <a href="{URL}"><div class="linkpost-title {select:Font}">{Name}
- {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">
- {block:Title}<div class="chatpost-title {select:Font}">{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">
- <div class="audiopost-audio">
- {block:AudioPlayer}<div class="audiopost-player">{AudioPlayer}</div>{/block:AudioPlayer}
- {block:AlbumArt}
- <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <ul>
- {block:TrackName}<li><strong>{TrackName}</strong></li>{/block:TrackName}
- {block:Artist}<li>Artist: {Artist}</li>{/block:Artist}
- {block:Album}<li>Album: {Album}</li>{/block:Album}
- </ul>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Audio}
- <!-- /* VIDEO POST */ -->
- {block:Video}<div class="videopost"><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">
- <div class="answerpost-1">
- <img src="{AskerPortraitURL-64}" class="answerpost-askerimg">
- <div class="answerpost-question">
- <div class="answerpost-asker {select:Font}">{Asker}:</div> {Question}
- </div>
- </div>
- <div class="answerpost-2">
- <div class="answerpost-answer">
- {block:Answerer}
- <img src="{AnswererPortraitURL-64}" class="answerpost-answererimg">
- <div class="answerpost-answerer {select:Font}">{Answerer}:</div>
- {/block:Answerer}
- <div class="answerpost-answer-answer">
- {Answer}
- </div>
- </div></div>
- {block:Reblog}<div class="caption">{Replies}</div>{/block:Reblog}
- </div>
- {/block:Answer}
- <!-- /* PERM */ -->
- <div id="permbox">
- <a href="{Permalink}">{TimeAgo}</a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a>
- {/block:NoteCount}
- {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>
- {/block:RebloggedFrom}
- {block:ContentSource}<a href="{SourceURL}">©</a> {/block:ContentSource}
- <div id="likebutton">{LikeButton color="grey" size="15"}</div>
-
- <div id="reblogbutton">{ReblogButton color="grey" size="15"}</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> <!-- post div -->
- {/block:Posts}
- <!-- /* POST NOTES */ -->
- {block:PostNotes}
- <div id="notes">
- <ul>
- {PostNotes}
- </ul>
- </div>
- {/block:PostNotes}
- </div> <!-- content div -->
- <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
- <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
- </div> <!-- box div -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment