Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ------------------------------THEME #30: POSEIDON----------------------------
- -------------------------#1 in the greek gods series-------------------------
- ------------------------by Phi (spirkthemes/spirkism)------------------------
- -----------------------------------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="#f2f2f2" />
- <meta name="color:primary" content="#ffffff" />
- <meta name="color:accent" content="#3fc69e" />
- <meta name="color:text" content="#8c8c8c" />
- <meta name="color:links" content="#3fc69e" />
- <meta name="color:links hover" content="#4dffca" />
- <meta name="color:border" content="#e5e5e5" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 1 text" content="home" />
- <meta name="text:link 1 icon" content="f015" />
- <meta name="text:link 2 url" content="/" />
- <meta name="text:link 2 text" content="message" />
- <meta name="text:link 2 icon" content="f0e0" />
- <meta name="text:link 3 url" content="/" />
- <meta name="text:link 3 text" content="archive" />
- <meta name="text:link 3 icon" content="f187" />
- <meta name="text:link 4 url" content="/" />
- <meta name="text:link 4 text" content="link 4" />
- <meta name="text:link 4 icon" content="f005" />
- <meta name="text:link 5 url" content="/" />
- <meta name="text:link 5 text" content="link 5" />
- <meta name="text:link 5 icon" content="f005" />
- <meta name="text:link 6 url" content="/" />
- <meta name="text:link 6 text" content="link 6" />
- <meta name="text:link 6 icon" content="f005" />
- <meta name="text:link 7 url" content="/" />
- <meta name="text:link 7 text" content="link 7" />
- <meta name="text:link 7 icon" content="f005" />
- <meta name="text:link 8 url" content="/" />
- <meta name="text:link 8 text" content="link 8" />
- <meta name="text:link 8 icon" content="f005" />
- <meta name="text:link 9 url" content="/" />
- <meta name="text:link 9 text" content="link 9" />
- <meta name="text:link 9 icon" content="f005" />
- <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:header" content="1" />
- <meta name="if:searchbar" content="1" />
- <meta name="if:shadows" content="0" />
- <meta name="if:border" content="1" />
- <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.8em {font:body};
- line-height: 11px;
- display: none;
- text-align: center;
- position: absolute;
- z-index: 999999999999999999999999999999999999999999999999999999;
- background-color: {color:primary};
- padding: 3px 7px;
- color: {color:text};
- max-width: 200px;
- height: auto;
- border: 1px 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%;
- }
- /* ---------------------HEADER--------------------- */
- #header {
- color: #fff;
- height: 50px;
- width: 100%;
- position: fixed;
- top: 0;
- left:0;
- background-color: {color:primary};
- z-index: 8;
- {block:IfBorder}
- border-bottom: 1px solid {color:border};
- {/block:IfBorder}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #desc-button {
- position: absolute;
- {block:IfSearchbar}
- margin-left: 210px;
- {/block:IfSearchbar}
- {block:IfNotSearchbar}
- margin-left: 20px;
- {/block:IfNotSearchbar}
- background-color: {color:background};
- width: 25px;
- height: 25px;
- border-radius: 50%;
- margin-top: 12px;
- text-align: center;
- line-height: 25px;
- font-family: FontAwesome;
- font-size: 1.5em;
- color: {color:accent};
- cursor: help;
- }
- #desc-button:before {
- content: "\f129";
- }
- #desc {
- position: fixed;
- top: 100px;
- left: 400px;
- width: calc({select:post size} - 20px);
- padding: 10px;
- background-color: {color:primary};
- border-radius: 5px;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 999999;
- font-size: 0.98em;
- display: none;
- }
- #desc-close {
- font-family: FontAwesome;
- font-size: 1.5em;
- position: absolute;
- right: 5px;
- top: 3px;
- color: {color:text};
- }
- #desc-close:before {
- content: "\f00d";
- cursor: help;
- }
- #desc-background {
- position: fixed;
- z-index: 99999;
- background-color: RGBA({RGBcolor:primary}, 0.7);
- height: 100%;
- width: 100%;
- display: none;
- }
- #title {
- position: absolute;
- display: inline-block;
- font: 1.1em {font:special};
- height: 50px;
- line-height: 50px;
- {block:IfSearchbar}
- {block:ShowDescription}
- margin-left: 245px;
- {/block:ShowDescription}
- {block:HideDescription}
- margin-left: 220px;
- {/block:HideDescription}
- {/block:IfSearchbar}
- {block:IfNotSearchbar}
- {block:ShowDescription}
- margin-left: 65px;
- {/block:ShowDescription}
- {block:HideDescription}
- margin-left: 20px;
- {/block:HideDescription}
- {/block:IfNotSearchbar}
- margin-top:-2px;
- }
- /* ---------------------SIDEBAR--------------------- */
- #sidebar {
- position: fixed;
- top: 200px;
- left: 130px;
- }
- #bubble1 {
- position: absolute;
- width: 150px;
- height: 150px;
- border-radius: 50%;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- overflow:hidden;
- }
- #bubble1 img {
- width: 100%;
- height:auto;
- overflow:hidden;
- }
- #bubble2 {
- width: 50px;
- height: 50px;
- border-radius: 50%;
- background-color: {color:primary};
- position: absolute;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- top: 105px;
- left: 115px;
- font-family: FontAwesome;
- font-size: 1.6em;
- text-align: center;
- line-height: 50px;
- cursor:help;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #bubble2:after {
- content: "\f0c9";
- }
- #sb-links {
- position: absolute;
- z-index: 999;
- width: 95px;
- height: 90px;
- top: 35px;
- left: 35px;
- display: none;
- }
- .sb-link {
- width: 25px;
- height: 25px;
- border-radius: 50%;
- background-color: RGBA({RGBcolor:primary}, 0.4);
- /*
- {block:IfBorder}
- border: 0.5px solid {color:border};
- {/block:IfBorder}
- */
- color: {color:primary};
- text-align: center;
- position: relative;
- line-height: 25px;
- font-family: FontAwesome;
- font-size: 1.4em;
- text-align: center;
- display: inline-block;
- margin-right: 0px;
- margin-bottom: 3px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .sb-link:hover {
- background-color: {color:accent};
- color: {color:primary};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #sb-link-1:after {
- content: "\{text:link 1 icon}";
- }
- #sb-link-2:after {
- content: "\{text:link 2 icon}";
- }
- #sb-link-3:after {
- content: "\{text:link 3 icon}";
- }
- #sb-link-4:after {
- content: "\{text:link 4 icon}";
- }
- #sb-link-5:after {
- content: "\{text:link 5 icon}";
- }
- #sb-link-6:after {
- content: "\{text:link 6 icon}";
- }
- #sb-link-7:after {
- content: "\{text:link 7 icon}";
- }
- #sb-link-8:after {
- content: "\{text:link 8 icon}";
- }
- #sb-link-9:after {
- content: "\{text:link 9 icon}";
- }
- #prev:after {
- content: "\f053";
- }
- #next:after {
- content: "\f054";
- }
- #prev {
- position: absolute;
- font-family: FontAwesome;
- font-size: 1.2em;
- text-align: center;
- color: {color:text};
- top: 147px;
- left: 102px;
- }
- #next {
- position: absolute;
- font-family: FontAwesome;
- font-size: 1.2em;
- text-align: center;
- color: {color:text};
- top: 147px;
- left: 114px;
- }
- /* ------- SEARCHBAR -------- */
- #searchbar {
- position: absolute;
- left: 10px;
- top: 14px;
- opacity: 0.5;
- display: inline-block;
- }
- #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: 13px;
- -webkit-filter: invert(100%);
- filter: invert(100%);
- border: none;
- opacity: 0.2;
- z-index: 999;
- }
- /* ---------------- LIGHTBOX ----------------- */
- .tmblr-lightbox {
- background-color: RGBA({RGBcolor:primary}, 0.7) !important;
- }
- .tmblr-lightbox .vignette {
- opacity:0; !important;
- }
- .tmblr-lightbox .lightbox-image {
- box-shadow: none !important;
- border: 3px solid {color:border} !important;
- border-radius: 5px !important;
- overflow:hidden !important;
- }
- .tmblr-lightbox .lightbox-image img {
- border-radius: 5px !important;
- overflow:hidden !important;
- }
- .tmblr-lightbox .lightbox-image-container {
- }
- .tmblr-lightbox .lightbox-caption {
- display: none;
- }
- /* ---------------------------------------- */
- /* ------------ POSTS & CONTENT ----------- */
- /* ---------------------------------------- */
- #content {
- position: relative;
- top: 50px;
- width: calc({select:post size} + 30px);
- margin-left: 400px;
- {block:IfHeader}
- margin-top: 50px;
- {/block:IfHeader}
- {block:IfNotHeader}
- margin-top: 20px;
- {/block:IfNotHeader}
- }
- #posts {
- top: 30px;
- }
- #post {
- background-color: {color:primary};
- width: {select:post size};
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- border-radius: 5px;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- display: inline-block;
- }
- .posty {
- width: calc({select:post size} + 30px);
- 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;
- }
- /*------------------------TEXT POST----------------------- */
- .textpost {
- padding: 10px;
- }
- .textpost-title {
- padding: 7px 5px;
- background-color: RGBA({RGBcolor:background}, 1);
- border-radius: 3px;
- text-align: center;
- font: 1em {font:special};
- }
- .textpost-text {
- }
- .textpost blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .textpost img {
- height: 100%;
- width: auto;
- }
- /*------------------------PHOTO POST----------------------- */
- .photopost {
- overflow:hidden;
- border-radius: 5px 5px 0px 0px;
- }
- .panorama-post {
- }
- .photosetpost {
- overflow:hidden;
- border-radius: 5px 5px 0px 0px;
- }
- .photoset {
- width: calc(100% + 2px);
- margin-right: 0px;
- padding: 0px;
- }
- /*------------------------QUOTE POST----------------------- */
- .quotepost {
- padding: 15px 15px 15px 15px;
- }
- .quotepost-quote {
- }
- .quotepost-source {
- font-size: 0.8em;
- text-align: right;
- margin-top: 15px;
- border-top: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- padding-top: 15px;
- }
- /*------------------------LINK POST----------------------- */
- .linkpost {
- padding: 10px;
- }
- .linkpost blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .linkpost-title {
- padding: 7px 5px;
- background-color: RGBA({RGBcolor:accent}, 0.7);
- border-radius: 3px;
- text-align: center;
- font: 1em {font:special};
- color: {color:primary};
- border:1px solid RGBA({RGBcolor:background}, 1);
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linkpost-title:hover{
- /*
- background-color: RGBA({RGBcolor:background}, 1);
- color: {color:accent};
- */
- border:1px solid RGBA({RGBcolor:accent}, 0.7);
- letter-spacing: 0.05em;
- -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 {
- padding: 7px 5px;
- background-color: RGBA({RGBcolor:background}, 1);
- border-radius: 3px;
- text-align: center;
- font: 1em {font:special};
- }
- .chatpost ul {
- list-style-type: none;
- padding-left: 10px;
- padding-right: 10px;
- }
- .chatpost ul li {
- border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.5);
- padding-bottom: 4px;
- margin-bottom: 4px;
- }
- .chatpost ul li:last-child {
- border-bottom: none;
- }
- .chatpost ul .odd {
- }
- .chatpost ul .even {
- }
- /*------------------------AUDIO POST----------------------- */
- .audiopost {
- }
- .audiopost-button {
- width: 40px;
- height: 40px;
- border-radius: 50%;
- position: absolute;
- margin-top: 26px;
- margin-left: 26px;
- z-index: 3;
- background-color: white;
- opacity: 0.5;
- }
- .audiopost-player {
- width: 24px;
- height: 24px;
- overflow:hidden;
- position: absolute;
- margin-top: 6px;
- margin-left: 3px;
- z-index: 4;
- border-radius: 50%;
- }
- .audiopost-img {
- border-radius: 50%;
- overflow:hidden;
- margin-top: 10px;
- margin-left: 10px;
- height: 70px;
- width: 70px;
- position: absolute;
- display: inline-block;
- z-index: 2;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- }
- .audiopost-fallbackimg {
- border-radius: 50%;
- overflow:hidden;
- height: 70px;
- width: 70px;
- position: absolute;
- z-index: 1;
- margin-top: 10px;
- margin-left: 10px;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- }
- .audiopost ul {
- display: inline-block;
- list-style-type: none;
- margin-left: 100px;
- padding-left: 0px;
- min-height: 60px;
- margin-top: 20px;
- }
- .audiopost ul li {
- border-bottom: 0.5px solid {color:text};
- padding-bottom: 1px;
- margin-bottom: 2px;
- }
- /*------------------------VIDEO POST----------------------- */
- .videopost {
- overflow:hidden;
- border-radius: 5px 5px 0px 0px;
- }
- .videopost-video {
- border-radius: 5px 5px 0px 0px;
- overflow:hidden;
- }
- .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 10px 10px 10px;
- }
- .answerpost img {
- width: 100%;
- height: auto;
- }
- .answerpost-asker {
- margin-bottom: 10px;
- margin-top: -5px;
- font: 1em {font:special};
- display: inline-block;
- border-bottom: 0.5px solid {color:text};
- padding-bottom: 3px;
- }
- .answerpost-askerimg {
- position: relative;
- margin-top: -30px;
- margin-left: -30px;
- border-radius: 50%;
- display: inline-block;
- }
- .answerpost-askerimg img {
- border-radius: 50%;
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- }
- .answerpost-question {
- border-bottom: 0.5px solid {color:text};
- padding-bottom: 15px;
- }
- .answerpost-answererimg {
- }
- .answerpost-answerer {
- font: 1em {font:special};
- border-bottom: 0.5px solid {color:text};
- padding-bottom: 3px;
- margin-bottom: 2px;
- display: inline-block;
- }
- .answerpost-answer {
- margin-top: 15px;
- }
- .answerpost .caption:empty {
- display: none;
- }
- /*------------------------PERM----------------------- */
- #permbox1 {
- position: relative;
- display: inline-block;
- width: 20px;
- vertical-align: top;
- }
- #permbox1 .permbox-box {
- line-height: 20px;
- color: RGBA({RGBcolor:text}, 0.6);
- width: 20px;
- height: 20px;
- border-radius: 50%;
- text-align: center;
- background-color: {color:primary};
- margin-bottom: 3px;
- {block:IfBorder}
- border: 0.5px solid {color:border};
- {/block:IfBorder}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #parent-portrait:before {
- font-family: FontAwesome;
- font-size: 1.2em;
- content: "\f007";
- }
- #root-portrait:before {
- font-family: FontAwesome;
- font-size: 1.2em;
- content: "\f1f9";
- }
- #timeago-box:before {
- font-family: FontAwesome;
- font-size: 1.3em;
- content: "\f017";
- }
- #reblogbutton:before {
- font-family: FontAwesome;
- font-size: 1.3em;
- content: "\f021";
- }
- #timeago-box {
- }
- #time-link {
- width: 10px;
- overflow: hidden;
- }
- #notecount-box {
- position: absolute;
- margin-left: 7px;
- font: 0.8em {font:special};
- line-height: 25px;
- display: inline-block;
- }
- #reblogbutton {
- }
- #like-heart {
- position:relative;
- display:inline-block;
- margin-top: 5px;
- margin-left: 0px;
- width:12px;
- height:12px;
- }
- #like-heart svg {
- width:12px;
- height:auto;
- opacity: 0.65;
- 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 {
- background-color: RGBA({RGBcolor:background},0.5);
- padding:0px 7px;
- height: 0px;
- font-size: 0.85em;
- z-index: 1;
- opacity: 0;
- text-align: center;
- -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;
- }
- .posty:hover .hover-tags {
- padding:7px 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 {
- background-color: RGBA({RGBcolor:background},0.5);
- padding:7px;
- font-size:0.85em;
- z-index: 1;
- text-align: center;
- }
- .fixed-tags .comma:last-child {
- display: none;
- }
- /*------------------------NOTES----------------------- */
- #notes {
- width: calc({select:post size} - 20px);
- background-color: {color:primary};
- {block:IfBorder}
- border: 1px solid {color:border};
- {/block:IfBorder}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- padding: 10px;
- border-radius: 5px;
- margin-top: -30px;
- }
- #notes ol {
- list-style-type: none;
- padding-left: 0px;
- margin-left: -20px;
- font-size: 0.85em;
- }
- #notes ol li {
- margin-bottom: 3px;
- }
- #notes img {
- border-radius: 50%;
- margin-right: 6px;
- vertical-align: -6px;
- height: 20px;
- width: 20px;
- }
- /*------------------------SCROLL TO TOP----------------------- */
- #scroll-button {
- background-color: {color:primary};
- border-radius: 50%;
- 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;
- }
- #scroll-button:before {
- content: "\f062";
- font-family: FontAwesome;
- font-size:1.2em;
- }
- /*------------------------CREDIT----------------------- */
- /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
- #credit {
- border-radius: 50%;
- 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;
- }
- #credit:before {
- content: "\f259";
- font-family: FontAwesome;
- font-size:1.2em;
- }
- </style>
- </head>
- <body>
- <!-- /* SIDEBAR, HEADER, ETC. */ -->
- {block:IfHeader}
- <div id="header">
- {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:ShowDescription}
- <div id="desc-button"></div>
- {/block:ShowDescription}
- {block:ShowTitle}
- <div id="title"><a href="/">{Title}</a></div>
- {/block:ShowTitle}
- </div>
- {/block:IfHeader}
- <!-- /* SIDEBAR */ -->
- <div id="sidebar">
- <div id="bubble1">
- <img src="{image:sidebar}">
- </div>
- <div id="bubble2"></div>
- <div id="sb-links">
- {block:IfLink1Text}<a href="{text:link 1 url}" title="{text:link 1 text}"><div class="sb-link" id="sb-link-1"></div></a>{/block:IfLink1Text}
- {block:IfLink2Text}<a href="{text:link 2 url}" title="{text:link 2 text}"><div class="sb-link" id="sb-link-2"></div></a>{/block:IfLink2Text}
- {block:IfLink3Text}<a href="{text:link 3 url}" title="{text:link 3 text}"><div class="sb-link" id="sb-link-3"></div></a>{/block:IfLink3Text}
- {block:IfLink4Text}<a href="{text:link 4 url}" title="{text:link 4 text}"><div class="sb-link" id="sb-link-4"></div></a>{/block:IfLink4Text}
- {block:IfLink5Text}<a href="{text:link 5 url}" title="{text:link 5 text}"><div class="sb-link" id="sb-link-5"></div></a>{/block:IfLink5Text}
- {block:IfLink6Text}<a href="{text:link 6 url}" title="{text:link 6 text}"><div class="sb-link" id="sb-link-6"></div></a>{/block:IfLink6Text}
- {block:IfLink7Text}<a href="{text:link 7 url}" title="{text:link 7 text}"><div class="sb-link" id="sb-link-7"></div></a>{/block:IfLink7Text}
- {block:IfLink8Text}<a href="{text:link 8 url}" title="{text:link 8 text}"><div class="sb-link" id="sb-link-8"></div></a>{/block:IfLink8Text}
- {block:IfLink9Text}<a href="{text:link 9 url}" title="{text:link 9 text}"><div class="sb-link" id="sb-link-9"></div></a>{/block:IfLink9Text}
- </div>
- {block:IfNotInfiniteScroll}
- {block:PreviousPage}
- <a href="{PreviousPage}"><div id="prev"></div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div id="next"></div></a>
- {/block:NextPage}
- {/block:IfNotInfiniteScroll}
- </div> <!--sidebar-->
- {block:ShowDescription}
- <div id="desc">
- <div id="desc-close"></div>
- {Description}
- </div>
- <div id="desc-background"></div>
- {/block:ShowDescription}
- <!-- /* 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}
- <!-- /* TEXT POST */ -->
- {block:Text}<div class="textpost">
- {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">
- {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">
- <div class="photoset">
- {Photoset}
- </div>
- {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="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>
- {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>{/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>
- {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}
- <!-- /* TAGS */ -->
- {block:IndexPage}
- {block:HasTags}<div class="{select:index tags}">
- {block:Tags}
- <a href="{TagURL}" class="tag">#{Tag}</a>
- {/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>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- <!-- /* PERM */ -->
- <div id="permbox1">
- {block:Date}
- {block:IndexPage}
- <a href="{Permalink}" title="{TimeAgo}{block:NoteCount} • {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}
- <a href="{ReblogUrl}" target="_blank" title="reblog"><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"-->
- </div> <!-- post div -->
- {/block:Posts}
- </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">
- $(document).ready(function(){
- $('#bubble2').click(function(){
- $('#sb-links').fadeToggle(200);
- });
- $('#desc-button').click(function(){
- $('#desc').fadeToggle(200);
- $('#desc-background').fadeToggle(200);
- });
- $('#desc-close').click(function(){
- $('#desc').fadeOut(200);
- $('#desc-background').fadeOut(200);
- });
- $('#desc-background').click(function(){
- $('#desc').fadeOut(200);
- $('#desc-background').fadeOut(200);
- });
- });
- {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