Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- -------------------------------THEME #31: ZEUS-------------------------------
- -------------------------#2 in the greek gods series-------------------------
- ------------------------by Phi (spirkthemes/spirkism)------------------------
- --updated 2017/07/30: fixed bugs:
- - audioposts not playing properly
- -----------------------------------RULES:------------------------------------
- - do not steal/redistribute
- - don't (re)move the credit
- - don't use as a base code, there are plenty of those out there & don't take snippets
- - you are allowed to edit as much as you like for your own personal use
- - don't hesitate to contact me if you find a bug or need otherwise help
- ------------------------------------------------------------------------------
- -->
- <!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.7.0/css/font-awesome.min.css">
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
- <!-- /* META TAGS */ -->
- <meta name="color:background" content="#fafafa" />
- <meta name="color:primary" content="#ffffff" />
- <meta name="color:accent" content="#3c5376" />
- <meta name="color:text" content="#8c8c8c" />
- <meta name="color:links" content="#3c5376" />
- <meta name="color:links hover" content="#6082b5" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 1 text" content="home" />
- <meta name="text:link 2 url" content="/ask" />
- <meta name="text:link 2 text" content="message" />
- <meta name="text:link 3 url" content="/archive" />
- <meta name="text:link 3 text" content="archive" />
- <meta name="text:link 4 url" content="/" />
- <meta name="text:link 4 text" content="link 4" />
- <meta name="text:link 5 url" content="/" />
- <meta name="text:link 5 text" content="" />
- <meta name="text:link 6 url" content="/" />
- <meta name="text:link 6 text" content="" />
- <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="image:background" content="" />
- <meta name="image:sidebar" content="" />
- <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
- <meta name="font:Special" content="Arial, Helvetica, sans-serif"/>
- <meta name="if:title" content="1" />
- <meta name="if:searchbar" content="1" />
- <meta name="if:shadows" content="0" />
- <meta name="if:scroll to top" content="1" />
- <meta name="if:infinite scroll" content="0" />
- <meta name="select:post size" content="500px" title="500px">
- <meta name="select:post size" content="400px" title="400px">
- <meta name="select:post size" content="250px" title="250px">
- <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
- <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: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: RGBA({RGBcolor:accent},0.5);
- height:auto;
- width: 5px;
- z-index: 9999999999999999999999999999999999999;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:5px;
- background-color:{color:primary};
- z-index: 999999999999999999999999999999999999;
- }
- div#qTip {
- font-size: 11px;
- font: 0.9em {font:body};
- line-height: 11px;
- display: none;
- text-align: center;
- position: absolute;
- z-index: 999999999999999999999999999999999999999999999999999999;
- background-color: {color:accent};
- padding: 3px 7px;
- color: {color:primary};
- max-width: 200px;
- height: auto;
- border: 0.5px solid {color:background};
- -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: 11px {font:body};
- color: {color:text};
- }
- img {
- max-width: 100%;
- }
- a {
- text-decoration: none;
- color: {color:links};
- -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:links hover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- blockquote {
- border-left: solid 2px {color:text};
- padding-left: 10px;
- max-width: 100%;
- }
- /* ---------------------SIDEBAR--------------------- */
- #sidebar {
- position: fixed;
- top: 130px;
- left: 70px;
- }
- #bolt {
- position: absolute;
- width: 103px;
- top: 0px;
- margin-top: -50px;
- z-index: 3;
- overflow:hidden;
- }
- #bolt svg {
- width: 220px;
- fill: {color:accent};
- }
- #bolt svg path {
- width: 220px;
- }
- #sb-content {
- position: absolute;
- width: 205px;
- z-index: 2;
- margin-left: 50px;
- }
- #sb-box {
- position: relative;
- background-color: {color:primary};
- width: 205px;
- max-height: 160px;
- z-index: 2;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #desc {
- position: relative;
- padding: 8px 7px 8px 22px;
- height: 50px;
- font-size: 0.9em;
- overflow: hidden;
- }
- #sb-links {
- position: relative;
- margin-left: 50px;
- width: 150px;
- margin-top: 5px;
- padding-bottom: 10px;
- }
- .sb-link {
- width: 65px;
- display: inline-block;
- text-align: center;
- border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.3);
- padding: 3px;
- margin-bottom: 2px;
- color: {color:accent};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .sb-link:hover {
- letter-spacing: 0.1em;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #title {
- position: relative;
- margin-top: 5px;
- font:1.2em {font:special};
- color: {color:accent};
- text-align: right;
- {block:IfShadows}
- text-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- /* ------- SEARCHBAR -------- */
- #searchbar {
- position: relative;
- margin-left: 15px;
- display: inline-block;
- background-color: {color:primary};
- padding: 3px;
- margin-top: 5px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #searchform input {
- border: 0px;
- padding: 5px;
- text-transform: uppercase;
- margin-top: 0px;
- letter-spacing: 1px;
- font-size: 0.8em;
- color: #575757;
- border-radius: 3px;
- }
- #searchinput {
- background-color: {color:background};
- border-radius: 3px;
- width: 150px;
- }
- #searchbutton {
- vertical-align: bottom;
- height: 10px;
- background-color: {color:background};
- border-radius: 3px;
- }
- #searchform input:focus {
- outline: none;
- }
- /* ---------------- TUMBLR CONTROLS ----------------- */
- .tmblr-iframe {
- position: fixed;
- margin-top: 5px;
- -webkit-filter: invert(100%);
- filter: invert(100%);
- border: none;
- opacity: 0.2;
- z-index: 999;
- }
- /* ---------------- LIGHTBOX ----------------- */
- .tmblr-lightbox {
- background-color: RGBA({RGBcolor:background}, 0.7) !important;
- }
- .tmblr-lightbox .vignette {
- opacity:0; !important;
- }
- .tmblr-lightbox .lightbox-image {
- box-shadow: none !important;
- overflow:hidden !important;
- border-radius: 0px !important;
- border: 10px solid {color:primary} !important;
- }
- .tmblr-lightbox .lightbox-image img {
- overflow:hidden !important;
- border-radius: 0px !important;
- }
- .tmblr-lightbox .lightbox-image-container {
- }
- .tmblr-lightbox .lightbox-caption {
- display: none;
- }
- /* ---------------------------------------- */
- /* ------------ POSTS & CONTENT ----------- */
- /* ---------------------------------------- */
- #content {
- position: relative;
- width: {select:post size};
- margin-left: 450px;
- }
- #posts {
- margin-top: 50px;
- }
- #post {
- background-color: {color:primary};
- width: {select:post size};
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- .posty {
- width: {select:post size};
- margin-bottom: 70px;
- }
- .caption {
- padding: 0px 10px 0px 10px;
- }
- .caption blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .caption img {
- height: 100%;
- width: auto;
- }
- .bolt-div-500px svg {
- width: 500px;
- fill: RGBA({RGBcolor:text}, 0.5);
- }
- .bolt-div-400px svg {
- width: 90%;
- fill: RGBA({RGBcolor:text}, 0.5);
- margin-left: 20px;
- }
- .bolt-div-250px svg {
- width: 90%;
- margin-left: 5%;
- border:1px solid transparent;
- fill: RGBA({RGBcolor:text}, 0.7);
- }
- .pag {
- position: relative;
- display: inline-block;
- padding-bottom: 5px;
- border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .pag:hover {
- letter-spacing:0.1em;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #pag {
- position: relative;
- margin-bottom: 30px;
- width: {select:post size};
- text-align: center;
- }
- #prev {
- margin-right: 10px;
- }
- /*------------------------TEXT POST----------------------- */
- .textpost {
- padding: 10px;
- }
- .textpost-title {
- font: 1.1em {font:special};
- margin-bottom: 5px;
- padding-left: 10px;
- padding-right: 10px;
- }
- .textpost-text {
- }
- .textpost blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .textpost img {
- height: 100%;
- max-width: 100%;
- }
- /*------------------------PHOTO POST----------------------- */
- .photopost {
- }
- .panorama-post {
- }
- .photosetpost {
- overflow:hidden;
- }
- .photoset {
- width: calc(100% + 3px);
- margin-right: 0px;
- padding: 0px;
- overflow:hidden;
- }
- /*------------------------QUOTE POST----------------------- */
- .quotepost {
- padding: 10px;
- }
- .quotepost-quote {
- margin-bottom: 10px;
- }
- .quotepost-source {
- margin-top: 10px;
- text-align: right;
- font-size: 0.9em;
- }
- /*------------------------LINK POST----------------------- */
- .linkpost {
- padding: 10px;
- }
- .linkpost blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .linkpost-title {
- font: 1.1em {font:special};
- margin-bottom: 5px;
- padding-left: 10px;
- padding-right: 10px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linkpost-title:hover{
- letter-spacing:0.1em;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linkpost .caption {
- }
- .linkpost-img {
- }
- /*------------------------CHAT POST----------------------- */
- .chatpost {
- padding: 10px;
- }
- .chatpost-title {
- font: 1.1em {font:special};
- margin-bottom: 5px;
- padding-left: 10px;
- padding-right: 10px;
- }
- .chatpost ul {
- list-style-type: none;
- padding-left: 10px;
- }
- .chatpost ul li {
- margin-bottom: 3px;
- line-height: 1.2em;
- }
- .chatpost ul li:last-child {
- }
- .chatpost ul .odd {
- }
- .chatpost ul .even {
- }
- /*------------------------AUDIO POST----------------------- */
- .audiopost {
- padding: 10px;
- }
- .audiopost-button {
- margin-top: 15px;
- margin-left: 15px;
- position: absolute;
- height: 30px;
- width: 30px;
- background-color: RGBA({RGBcolor:primary}, 1);
- opacity: 0.5;
- z-index: 1;
- }
- .audiopost-player {
- position: absolute;
- width: 25px;
- height: 25px;
- overflow:hidden;
- opacity: 0.5;
- z-index: 999;
- }
- .audiopost-img {
- position: absolute;
- height: 60px;
- width: 60px;
- overflow:hidden;
- display: inline-block;
- }
- .audiopost-fallbackimg {
- position: absolute;
- height: 60px;
- width: 60px;
- overflow: hidden;
- display: inline-block;
- }
- .audiopost ul {
- list-style-type: none;
- position: relative;
- display: inline-block;
- vertical-align: top;
- margin-top: 0px;
- padding-left: 70px;
- min-height: 60px;
- }
- .audiopost ul li {
- border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- padding-bottom: 3px;
- margin-bottom: 3px;
- }
- .audiopost .caption {
- margin-top: -10px;
- }
- /*------------------------VIDEO POST----------------------- */
- .videopost {
- }
- .videopost-video {
- }
- .main-250px .select-400px {
- display: none;
- }
- .main-250px .select-500px {
- display: none;
- }
- .main-400px .select-500px {
- display: none;
- }
- .main-400px .select-250px {
- display: none;
- }
- .main-500px .select-250px {
- display: none;
- }
- .main-500px .select-400px {
- display: none;
- }
- /*------------------------ASK POST----------------------- */
- .answerpost {
- padding: 10px;
- }
- .answerpost .caption {
- padding: 0px;
- margin-top: 15px;
- border-top: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- }
- .answerpost img {
- width: 100%;
- height: auto;
- }
- .answerpost-asker {
- display: inline-block;
- vertical-align: 12px;
- margin-left: 3px;
- border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- padding-bottom: 10px;
- }
- .answerpost-askerimg {
- width: 30px;
- height: 30px;
- display: inline-block;
- }
- .answerpost-askerimg img {
- width: 30px;
- height: 30px;
- display: inline-block;
- }
- .answerpost-question {
- margin-top: 10px;
- padding-left: 0px;
- margin-bottom: 15px;
- }
- .answerpost-answererimg {
- }
- .answerpost-answerer {
- border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- padding-bottom: 5px;
- display:inline-block;
- }
- .answerpost-answer {
- margin-top: 15px;
- }
- .answerpost .caption:empty {
- display: none;
- }
- /*------------------------PERM----------------------- */
- #permbox1 {
- background-color: RGBA({RGBcolor:background}, 0.5);
- padding: 4px;
- }
- #permbox2 {
- background-color: RGBA({RGBcolor:background}, 0.5);
- padding: 4px;
- {block:IfInfiniteScroll}
- min-height: 12px;
- {/block:IfInfiniteScroll}
- }
- .permbox-box {
- display: inline-block;
- color: {color:text};
- }
- #parent-portrait:before {
- font-family: FontAwesome;
- font-size: 1.2em;
- content: "\f007";
- }
- #root-portrait:before {
- font-family: FontAwesome;
- font-size: 1.2em;
- content: "\f1f9";
- }
- #notecount-box:before {
- font-family: FontAwesome;
- font-size: 1.3em;
- content: "\f0e7";
- }
- #timeago-box:before {
- font-family: FontAwesome;
- font-size: 1.3em;
- content: "\f0e7";
- }
- #reblogbutton:before {
- font-family: FontAwesome;
- font-size: 1.3em;
- content: "\f079";
- }
- #timeago {
- position: absolute;
- right: 5px;
- display: inline-block;
- }
- #timeago-box {
- margin-left: 3px;
- }
- #root-portrait {
- margin-left: 3px;
- }
- #parent-portrait {
- margin-left: 3px;
- }
- #notecount {
- margin-left: 3px;
- vertical-align: 2px;
- }
- #reblogbutton {
- position:absolute;
- {block:IfNotInfiniteScroll}
- right: 20px;
- {/block:IfNotInfiniteScroll}
- {block:IfInfiniteScroll}
- right: 5px;
- {/block:IfInfiniteScroll}
- margin-top: -1px;
- {block:IndexPage}
- margin-top: -2px;
- {/block:IndexPage}
- }
- #like-heart {
- position:absolute;
- display:inline-block;
- margin-top: -10px;
- {block:IndexPage}
- margin-top: -9px;
- {/block:IndexPage}
- width:12px;
- height:12px;
- right: 5px;
- }
- #like-heart svg {
- width:12px;
- height:auto;
- opacity: 0.9;
- display:block;
- fill: {color:text};
- }
- #like-heart .liked + svg {
- opacity:1;
- }
- #like-heart .liked + svg path {
- fill:{color:accent};
- }
- #like-heart .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- /*------------------------TAGS----------------------- */
- .no-tags {
- display: none;
- }
- .no-tags .comma:last-child {
- display: none;
- }
- .hover-tags {
- text-align: center;
- padding: 0px 7px;
- color:{color:text};
- opacity: 0;
- font-size: 0.9em;
- height: 0px;
- -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;
- }
- .hover-tags .comma {
- margin-left: 6px;
- margin-right: 3px;
- }
- .posty:hover .hover-tags {
- padding: 7px;
- height: auto;
- opacity: 1;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .fixed-tags {
- text-align: center;
- padding: 7px;
- color:{color:text};
- font-size: 0.9em;
- }
- .fixed-tags .comma:last-child {
- display: none;
- }
- .fixed-tags .comma {
- margin-left: 6px;
- margin-right: 3px;
- }
- /*------------------------NOTES----------------------- */
- #notes {
- background-color: {color:primary};
- padding: 10px;
- width: calc({select:post size} - 20px);
- margin-top: -30px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #notes ol {
- list-style-type: none;
- padding-left: 0px;
- text-align: center;
- width: 100%;
- margin-left: -20px;
- }
- #notes ol li {
- margin-bottom: 5px;
- font-size: 0.9em;
- }
- #notes img {
- width: 20px;
- height: 20px;
- margin-right: 5px;
- display: none;
- }
- /*------------------------SCROLL TO TOP----------------------- */
- #scroll-button {
- background-color: {color:primary};
- position: fixed;
- right: 5px;
- bottom: 35px;
- width: 25px;
- height: 25px;
- line-height: 25px;
- color:{color:accent};
- text-align: center;
- display: block;
- cursor: help;
- z-index: 99999999999999999999999999999999999999999999999;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #scroll-button:before {
- content: "\f062";
- font-family: FontAwesome;
- font-size:1.2em;
- }
- /*------------------------CREDIT----------------------- */
- /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
- #credit {
- position: fixed;
- right: 5px;
- bottom: 5px;
- width: 25px;
- height: 25px;
- line-height: 25px;
- background-color: {color:accent};
- color:{color:primary};
- text-align: center;
- z-index: 99999999999999999999999999999999999999999999999;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #credit:before {
- content: "\f259";
- font-family: FontAwesome;
- font-size:1.2em;
- }
- </style>
- </head>
- <body>
- <!-- /* SIDEBAR, HEADER, ETC. */ -->
- <!-- /* SIDEBAR */ -->
- <div id="sidebar">
- <div id="bolt">
- <svg width="300px" height="300px"
- viewBox="0 0 300 300" version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <clipPath id="sidebarPic">
- <path d="M40 0 L0 160 L60 160 L50 300 L140 110 L70 110 L100 0 Z"/>
- </clipPath>
- <image xlink:href="{image:sidebar}" x="-50" y="0" width="100%" height="100%" clip-path="url(#sidebarPic)"/>
- </svg>
- </div>
- <div id="sb-content">
- <div id="sb-box">
- <div id="desc">{Description}</div>
- <div id="sb-links">
- {block:IfLink1Text}<a href="{text:link 1 url}"><div class="sb-link">{text:link 1 text}</div></a>{/block:IfLink1Text}
- {block:IfLink2Text}<a href="{text:link 2 url}"><div class="sb-link">{text:link 2 text}</div></a>{/block:IfLink2Text}
- {block:IfLink3Text}<a href="{text:link 3 url}"><div class="sb-link">{text:link 3 text}</div></a>{/block:IfLink3Text}
- {block:IfLink4Text}<a href="{text:link 4 url}"><div class="sb-link">{text:link 4 text}</div></a>{/block:IfLink4Text}
- {block:IfLink5Text}<a href="{text:link 5 url}"><div class="sb-link">{text:link 5 text}</div></a>{/block:IfLink5Text}
- {block:IfLink6Text}<a href="{text:link 6 url}"><div class="sb-link">{text:link 6 text}</div></a>{/block:IfLink6Text}
- {block:IfLink7Text}<a href="{text:link 7 url}"><div class="sb-link">{text:link 7 text}</div></a>{/block:IfLink7Text}
- {block:IfLink8Text}<a href="{text:link 8 url}"><div class="sb-link">{text:link 8 text}</div></a>{/block:IfLink8Text}
- </div>
- </div>
- {block:IfSearchbar}
- <div id="searchbar">
- <form action="/search" method="get" id=searchform>
- <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
- <input type="image" value="search" src="http://static.tumblr.com/h5czl1a/b6qom9fvn/search-icon-png-21.png" id="searchbutton"/>
- </form></div>
- {/block:IfSearchbar}
- {block:IfTitle}<div id="title">{Title}</div>{/block:IfTitle}
- </div>
- </div>
- <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE (or you might heck it) -->
- <div id="content">
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="posty">
- <div id="post" class="{select:post size}">
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="permbox1">
- {block:Date}
- {block:IndexPage}
- <a href="{Permalink}" title="{TimeAgo}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}" id="time-link">
- <div id="timeago-box" class="permbox-box"></div></a>
- {block:IndexPage}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="via: {ReblogParentName}">
- <div id="parent-portrait" class="permbox-box">
- </div>
- </a>
- <a href="{ReblogRootURL}" title="source: {ReblogRootName}">
- <div id="root-portrait" class="permbox-box">
- </div>
- </a>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{PermaLink}" title="source: {Name}">
- <div id="root-portrait" class="permbox-box"></div>
- </a>
- {/block:NotReblog}
- {block:PermalinkPage}
- <div id="timeago">{TimeAgo}</div>
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- <!-- /* TEXT POST */ -->
- {block:Text}<div class="textpost">
- {block:Title}<div class="textpost-title">{Title}</div>
- <div class="bolt-div-{select:post size}">
- <svg width="400px" height="5px"
- viewBox="0 0 400 5" version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <path d="M0 0 L200 0 L180 5 L400 5 Z">
- </path>
- </svg>
- </div>
- {/block:Title}
- <div class="textpost-text">
- {Body}
- </div>
- </div>
- {/block:Text}
- <!-- /* PHOTO POST */ -->
- {block:Photo}<div class="photopost">
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {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">
- {Photoset}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photoset}
- <!-- /* QUOTE POST */ -->
- {block:Quote}<div class="quotepost">
- <div class="quotepost-quote">{Quote}</div>
- {block:Source}
- <div class="bolt-div-{select:post size}">
- <svg width="400px" height="5px"
- viewBox="0 0 400 5" version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <path d="M0 0 L200 0 L180 5 L400 5 Z">
- </path>
- </svg>
- </div>
- <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">{Name}</div></a>
- <div class="bolt-div-{select:post size}">
- <svg width="400px" height="5px"
- viewBox="0 0 400 5" version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <path d="M0 0 L200 0 L180 5 L400 5 Z">
- </path>
- </svg>
- </div>
- {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">{Title}</div>
- <div class="bolt-div-{select:post size}">
- <svg width="400px" height="5px"
- viewBox="0 0 400 5" version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <path d="M0 0 L200 0 L180 5 L400 5 Z">
- </path>
- </svg>
- </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">
- {block:AlbumArt}
- <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="audiopost-fallbackimg"><img src="{image:sidebar}"></div>
- {block:AudioPlayer}
- <div class="audiopost-button">
- <div class="audiopost-player">{AudioPlayer}</div>
- </div>
- {/block:AudioPlayer}
- <ul>
- {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
- {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
- {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
- </ul>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Audio}
- <!-- /* VIDEO POST */ -->
- {block:Video}<div class="videopost"><div class="main-{select:post size}">
- <div class="select-500px">{Video-500}</div>
- <div class="select-400px">{Video-400}</div>
- <div class="select-250px">{Video-250}</div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Video}
- <!-- /* ASK POST */ -->
- {block:Answer}
- <div class="answerpost">
- <div class="answerpost-askerimg"><img src="{AskerPortraitURL-48}"></div>
- <div class="answerpost-asker"><strong>{Asker}</strong> asked:</div>
- <div class="answerpost-question">{Question}</div>
- <div class="bolt-div-{select:post size}">
- <svg width="400px" height="5px"
- viewBox="0 0 400 5" version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <path d="M0 0 L200 0 L180 5 L400 5 Z">
- </path>
- </svg>
- </div>
- {block:Answerer}
- <div class="answerpost-answer"><div class="answerpost-answerer"><strong>{Answerer}</strong> answered: </div>{Answer}</div>
- {/block:Answerer}
- {block:NotReblog}
- <div class="answerpost-answer">{Replies}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}<div class="caption">{Replies}</div>{/block:RebloggedFrom}
- </div>
- {/block:Answer}
- <!-- /* PERM */ -->
- <div id="permbox2">
- {block:Date}
- {block:PermalinkPage}
- <div id="notecount-box" class="permbox-box"></div><div id="notecount" class="permbox-box"> {NoteCount} notes</div>
- {/block:PermalinkPage}
- <a href="{ReblogUrl}" target="_blank"><div id="reblogbutton" class="permbox-box"></div></a>
- {block:IfNotInfiniteScroll}
- <div id="likebutton" class="permbox-box">
- <div id="like-heart">{LikeButton}
- <svg viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
- </div>
- </div>
- {/block:IfNotInfiniteScroll}
- {/block:Date}
- <!--
- {block:RebloggedFrom}<div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}">VIA</a></div>{/block:RebloggedFrom} -->
- <!--<a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permbox-box">REBLOG</div></a>-->
- </div> <!--id="permbox1"-->
- <!-- /* TAGS */ -->
- {block:IndexPage}
- {block:HasTags}<div class="{select:index tags}">
- {block:Tags}
- <a href="{TagURL}" class="tag">{Tag}</a><span class="comma"><i class="fa fa-bolt" aria-hidden="true"></i></span>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:HasTags}<div class="{select:perma tags}">
- {block:Tags}
- <a href="{TagURL}" class="tag">{Tag}</a><span class="comma"><i class="fa fa-bolt" aria-hidden="true"></i></span>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- </div> <!-- post div -->
- {/block:Posts}
- {block:IfNotInfiniteScroll}
- <div id="pag">
- {block:PreviousPage}
- <a href="{PreviousPage}"><div id="prev" class="pag">previous</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div id="next" class="pag">next</div></a>
- {/block:NextPage}
- </div>
- {/block:IfNotInfiniteScroll}
- </div>
- <!-- /* POST NOTES */ -->
- {block:PostNotes}
- <div id="notes">
- <ul>
- {PostNotes-64}
- </ul>
- </div>
- {/block:PostNotes}
- </div> <!-- posts div -->
- </div> <!-- content div -->
- <!-- scroll to top button -->
- {block:IfScrollToTop}
- <div id="scroll-button"></div>
- {/block:IfScrollToTop}
- <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
- <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
- <!-- /* SCRIPTS */ -->
- <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
- <script type="text/javascript">
- {block:IfScrollToTop}
- $(document).ready(function(){
- var scrollButton = $("#scroll-button");
- scrollButton.click(function(){
- $("html, body").animate({scrollTop:0},1000)});
- $(window).scroll(function(){
- if($(window).scrollTop()<=0){
- scrollButton.fadeOut(100)
- }
- else{scrollButton.fadeIn(100)
- }
- });
- });
- {/block:IfScrollToTop}
- </script>
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {block:IfInfiniteScroll}
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement