Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ----------------------------THEME #35: MYTHOLOGY-----------------------------
- ------------------------by Phi (spirkthemes/spirkism)------------------------
- --Version 1.0
- -----------------------------------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="#f8f8f8" />
- <meta name="color:primary" content="#ffffff" />
- <meta name="color:accent" content="#f5c823" />
- <meta name="color:text" content="#8c8c8c" />
- <meta name="color:links" content="#f5c823" />
- <meta name="color:links hover" content="#151476" />
- <meta name="text:font size" content="11px" />
- <meta name="text:ask link url" content="/ask" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 1 text" content="link 1" />
- <meta name="text:link 2 url" content="/" />
- <meta name="text:link 2 text" content="link 2" />
- <meta name="text:link 3 url" content="/" />
- <meta name="text:link 3 text" content="" />
- <meta name="text:link 4 url" content="/" />
- <meta name="text:link 4 text" content="" />
- <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:icon" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sidebar 1" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sidebar 2" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sidebar 3" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
- <meta name="font:Special" content="Arial, Helvetica, sans-serif"/>
- <meta name="if:contained" content="0" />
- <meta name="if:title" content="1" />
- <meta name="if:searchbar" content="1" />
- <meta name="if:shadows" content="1" />
- <meta name="if:infinite scroll" content="0" />
- <meta name="if:manually load more" content="1" />
- <meta name="if:scroll to top" content="1" />
- <meta name="if:grid layout" content="0" />
- <meta name="if:unnested captions" content="1" />
- <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:icon" content="icon-default" title="default">
- <meta name="select:icon" content="icon-other" title="other">
- <meta name="select:icon" content="icon-none" title="none">
- <meta name="select:sidebar images" content="sbimg-0" title="none">
- <meta name="select:sidebar images" content="sbimg-1" title="one">
- <meta name="select:sidebar images" content="sbimg-2" title="two">
- <meta name="select:sidebar images" content="sbimg-3" title="three">
- <meta name="select:description" content="desc-stat" title="static">
- <meta name="select:description" content="desc-click" title="on click">
- <meta name="select:description" content="desc-none" title="none">
- <meta name="select:description text" content="left" title="left">
- <meta name="select:description text" content="center" title="center">
- <meta name="select:description text" content="right" title="right">
- <meta name="select:navigation" content="nav-inside-stat" title="static">
- <meta name="select:navigation" content="nav-inside" title="on click">
- <meta name="select:navigation" content="nav-none" title="none">
- <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: 3px;
- border: 3px solid {color:primary};
- z-index: 9999999999999999999999999999999999999;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:9px;
- 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:accent};
- padding: 3px 7px;
- color: {color:primary};
- 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: {text:font size} {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:background};
- padding-left: 10px;
- max-width: 100%;
- }
- /*---------------------------SIDEBAR-----------------------*/
- #side {
- position: fixed;
- top: 0;
- left: 50px;
- }
- #sb-stripe-1 {
- position: absolute;
- background-color: RGBA({RGBcolor:primary},1);
- width: 5px;
- height: 100px;
- top: 0px;
- left: 10px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 7;
- }
- #sb-stripe-2 {
- position: absolute;
- background-color: RGBA({RGBcolor:primary},1);
- width: 5px;
- height: 100px;
- top: 0px;
- left: 185px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 7;
- }
- #sidebar {
- z-index: 9;
- position: relative;
- left: 0px;
- margin-top: 100px;
- width: 200px;
- height: auto;
- background-color: RGBA({RGBcolor:primary},1);
- z-index: 9;
- padding-bottom: 1px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- /* --------------- ICON -------------- */
- #icon {
- position: relative;
- width: 50px;
- height: 50px;
- margin-left: 73px;
- border-radius:50%;
- top: -28px;
- border: 4px solid {color:background};
- margin-bottom: -40px;
- overflow:hidden;
- }
- #icon img {
- border-radius:50%;
- width: 50px;
- height: 50px;
- }
- .icon-none {
- display: none;
- }
- .icon-default #icon-other {
- display: none;
- }
- .icon-other #icon-default {
- display: none;
- }
- /* ------------- TITLE -------------- */
- #title {
- position: relative;
- text-align: center;
- font: 15px {font:special};
- padding: 20px 10px 0px 10px;
- }
- /* ---------- MAIN LINKS ---------- */
- #genlinks {
- position: relative;
- {block:IfSearchbar}
- margin-left: 46px;
- {/block:IfSearchbar}
- {block:IfNotSearchbar}
- margin-left: 66px;
- {/block:IfNotSearchbar}
- margin-top: 10px;
- margin-bottom: 7px;
- {block:IfNotTitle}
- padding-top: 20px;
- {/block:IfNotTitle}
- }
- #link-home:before {
- content: "\f015";
- font-family: FontAwesome;
- font-size:1.3em;
- }
- #link-message:before {
- content: "\f0e0";
- font-family: FontAwesome;
- font-size:1.3em;
- }
- #link-search:before {
- content: "\f002";
- font-family: FontAwesome;
- font-size:1.3em;
- }
- #link-search {
- cursor: help;
- }
- .gsblink {
- background-color: RGBA({RGBcolor:background},1);
- color: {color:links};
- padding: 6px 3px;
- display: inline-block;
- width: 25px;
- margin-right: 5px;
- margin-bottom: 5px;
- text-align: center;
- font-family: 'Quicksand', sans-serif;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .gsblink:hover {
- background-color: RGBA({RGBcolor:accent},0.5);
- color: {color:primary};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- /* ---------- SIDEBAR IMAGE ---------- */
- #sbimg {
- position: relative;
- margin-bottom: 10px;
- width: 100%;
- height: auto;
- }
- .sbimage {
- vertical-align: middle;
- }
- /* ---------- NO SIDEBAR IMAGES ---------- */
- .sbimg-0 #sbimg1 {
- display: none;
- }
- .sbimg-0 #sbimg2 {
- display: none;
- }
- .sbimg-0 #sbimg3 {
- display:none;
- }
- /* ---------- ONE SIDEBAR IMAGE ---------- */
- .sbimg-1 #sbimg2 {
- display:none;
- }
- .sbimg-1 #sbimg3 {
- display:none;
- }
- .sbimg-1 .sbimage {
- display: inline-block;
- width: 140px;
- border:5px solid RGBA({RGBcolor:background}, 1);
- }
- .sbimg-1 {
- margin-left: 25px;
- }
- /* ---------- TWO SIDEBAR IMAGES ---------- */
- .sbimg-2 .sbimage {
- display: inline-block;
- width: 70px;
- border:5px solid RGBA({RGBcolor:background}, 1);
- }
- .sbimg-2 {
- margin-left: 20px;
- }
- .sbimg-2 #sbimg3 {
- display:none;
- }
- /* ---------- THREE SIDEBAR IMAGES ---------- */
- .sbimg-3 .sbimage {
- display: inline-block;
- width: 45px;
- border:5px solid RGBA({RGBcolor:background}, 1);
- }
- .sbimg-3 {
- margin-left: 16px;
- }
- /* ---------- DESCRIPTION ---------- */
- #desc {
- position: relative;
- text-align: {select:description text};
- color: {color:text};
- font: 0.95em {font:body};
- padding: 0px 10px;
- margin-bottom: 15px;
- }
- #linkdiv-desc {
- background-color: RGBA({RGBcolor:background},1);
- padding: 3px;
- display: inline-block;
- width: 174px;
- margin-right: 5px;
- margin-bottom: 5px;
- color: {color:text};
- text-align: center;
- font: 1em {font:body};
- cursor: help;
- }
- /* ---------- NO DESCRIPTION ---------- */
- .desc-none #desc {
- display: none;
- }
- .desc-none #linkdiv-desc {
- display: none;
- }
- /* ---------- STATIC DESCRIPTION ---------- */
- .desc-stat #desc {
- display: normal;
- }
- .desc-stat #linkdiv-desc {
- display: none;
- }
- /* ---------- ON CLICK DESCRIPTION ---------- */
- .desc-click #desc {
- display: none;
- }
- .desc-stat #linkdiv-desc {
- display: normal;
- }
- /* ------- ADDITIONAL LINKS -------- */
- #sblinks {
- position: relative;
- margin-left: 10px;
- margin-bottom: 20px;
- }
- /* ------- NO ADDITIONAL LINKS -------- */
- .nav-none {
- display: none;
- }
- /* ------- ADDITIONAL LINKS: INSIDE (ON CLICK) -------- */
- .nav-inside .sblink {
- border-bottom: 1px solid RGBA({RGBcolor:background},1);
- padding: 3px;
- display: inline-block;
- width: 80px;
- margin-right: 5px;
- margin-bottom: 5px;
- text-align: center;
- font:1em {font:special};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .nav-inside .sblink:hover {
- border-bottom: 1px solid {color:accent};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .nav-inside .linkdiv {
- background-color: RGBA({RGBcolor:background},1);
- padding: 3px;
- display: inline-block;
- width: 174px;
- margin-right: 5px;
- margin-bottom: 5px;
- color: {color:text};
- text-align: center;
- font: 1em {font:body};
- cursor: help;
- }
- .nav-inside #sblinks-blogs {
- display: none;
- }
- .nav-inside #sblinks-nav {
- display: none;
- }
- .nav-inside #nav {
- display: none;
- }
- /* ------- ADDITIONAL LINKS: INSIDE (STATIC) -------- */
- .nav-inside-stat .sblink {
- border-bottom: 1px solid RGBA({RGBcolor:background},1);
- padding: 3px;
- display: inline-block;
- width: 80px;
- margin-right: 5px;
- margin-bottom: 5px;
- text-align: center;
- font:1em {font:special};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .nav-inside-stat .sblink:hover {
- border-bottom: 1px solid {color:accent};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .nav-inside-stat .linkdiv {
- background-color: RGBA({RGBcolor:background},1);
- padding: 3px;
- display: inline-block;
- width: 174px;
- margin-right: 5px;
- margin-bottom: 5px;
- color: {color:text};
- text-align: center;
- font: 1em {font:body};
- cursor: help;
- }
- .nav-inside-stat #nav {
- display: none;
- }
- .nav-inside-stat #linkdiv-nav{
- display: none;
- }
- /* ------- SEARCHBAR -------- */
- #searchbar {
- position: relative;
- opacity: 0.7;
- margin-left: 10px;
- margin-bottom: 10px;
- margin-top: -10px;
- display:none;
- }
- #searchform input {
- border: 0px;
- padding: 5px;
- text-transform: uppercase;
- margin-top: 0px;
- letter-spacing: 1px;
- font-size: 0.8em;
- color: {color:text};
- }
- #searchinput {
- background-color: {color:background};
- display: inline-block;
- width: 148px;
- }
- #searchbutton {
- vertical-align: bottom;
- height: 10px;
- background-color: {color:background};
- display: inline-block;
- }
- #searchform input:focus {
- outline: none;
- }
- /* ---------- PAGINATION ---------- */
- #pagination {
- position: relative;
- height: 50px;
- margin-top: 0px;
- {block:IfInfiniteScroll}
- display: none;
- {/block:IfInfiniteScroll}
- }
- .pag {
- position: absolute;
- background-color: {color:primary};
- color: {color:links};
- width: 22px;
- height:22px;
- border-radius: 50%;
- line-height: 22px;
- text-align: center;
- font-size: 0.9em;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .pag:hover{
- background-color: {color:accent};
- color: {color:text};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #pag-stripe-1 {
- position: absolute;
- background-color: RGBA({RGBcolor:primary},1);
- width: 5px;
- height: 30px;
- top: 0px;
- left: 10px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 9;
- }
- #pag-stripe-2 {
- position: absolute;
- background-color: RGBA({RGBcolor:primary},1);
- width: 5px;
- height: 30px;
- top: 0px;
- left: 185px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 9;
- }
- #next {
- top: 30px;
- left: 177px;
- z-index: 9;
- }
- #prev {
- top: 30px;
- left: 2px;
- z-index: 9;
- }
- #prev:before {
- content: "\f060";
- font-family: FontAwesome;
- font-size:1.2em;
- }
- #next:before {
- content: "\f061";
- font-family: FontAwesome;
- font-size:1.2em;
- }
- /* ---------------------------------------- */
- /* ------------ POSTS & CONTENT ----------- */
- /* ---------------------------------------- */
- {block:IfContained}
- #content {
- position: fixed;
- margin-left: 400px;
- overflow-y: scroll;
- overflow-x: hidden;
- background-color: RGBA({RGBcolor:primary},1);
- padding: 20px 0px;
- height: calc(90% - 100px);
- top: 10%;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- {block:IfNotGridLayout}
- width: calc({select:post size} + 40px);
- {/block:IfNotGridLayout}
- {block:IfGridLayout}
- width: calc(100% - 500px);
- {/block:IfGridLayout}
- {block:IfInfiniteScroll}
- {block:IfManuallyLoadMore}
- margin-bottom: 50px;
- {block:IfManuallyLoadMore}
- {/block:IfInfiniteScroll}
- }
- #content::-webkit-scrollbar-thumb {
- background-color: RGBA({RGBcolor:accent}, 0.2);
- height:auto;
- width: 5px;
- z-index: 9999999999999999999999999999999999999;
- border:none !important;
- }
- #content::-webkit-scrollbar {
- height:auto;
- width:5px;
- background-color:RGBA({RGBcolor:background}, 0.5);
- z-index: 999999999999999999999999999999999999;
- border:none !important;
- }
- #contained-stripe-1 {
- position: fixed;
- background-color: RGBA({RGBcolor:primary},1);
- width: 5px;
- height: 10%;
- top: 0px;
- left: 410px;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: -1;
- }
- #contained-stripe-2 {
- position: fixed;
- background-color: RGBA({RGBcolor:primary},1);
- width: 5px;
- height: 10%;
- top: 0px;
- {block:IfNotGridLayout}
- left: calc({select:post size} + 420px);
- {/block:IfNotGridLayout}
- {block:IfGridLayout}
- left: calc(100% - 115px);
- {/block:IfGridLayout}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: -1;
- }
- {/block:IfContained}
- {block:IfNotContained}
- #content {
- position: relative;
- margin-left: 400px;
- {block:IfNotGridLayout}
- width: {select:post size};
- {/block:IfNotGridLayout}
- {block:IfGridLayout}
- {block:IndexPage}
- width: calc(100% - 500px);
- {/block:IndexPage}
- {block:PermalinkPage}
- width: {select:post size};
- {/block:PermalinkPage}
- {/block:IfGridLayout}
- {block:IfInfiniteScroll}
- {block:IfManuallyLoadMore}
- margin-bottom: 50px;
- {block:IfManuallyLoadMore}
- {/block:IfInfiniteScroll}
- }
- {/block:IfNotContained}
- #posts {
- {block:IfContained}
- {block:IfNotGridLayout}
- margin-left: 20px;
- margin-right: 20px;
- {/block:IfNotGridLayout}
- {block:IfGridLayout}
- {block:IndexPage}
- margin-left: 20px;
- margin-right: 20px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-left: calc(50% - ({select:post size} / 2));
- {/block:PermalinkPage}
- {/block:IfGridLayout}
- margin-top: 0px;
- {/block:IfContained}
- {block:IfNotContained}
- margin-top: 40px;
- {/block:IfNotContained}
- }
- #post {
- width: {select:post size};
- {block:IfNotContained}
- background-color: {color:primary};
- {/block:IfNotContained}
- {block:IfContained}
- background-color: RGBA({RGBcolor:background}, 0.3);
- {/block:IfContained}
- }
- .posty {
- width: {select:post size};
- {block:IfNotGridLayout}
- margin-bottom: 100px;
- {/block:IfNotGridLayout}
- {block:IfGridLayout}
- margin-bottom: 70px;
- margin-right: 20px;
- {/block:IfGridLayout}
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- .caption blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .caption img {
- height: 100%;
- max-width: 100%;
- }
- .caption {
- {block:IfNotUnnestedCaptions}
- padding: 0px 10px 10px 10px;
- {/block:IfNotUnnestedCaptions}
- {block:IfUnnestedCaptions}
- padding: 0px 0px 10px 0px;
- {/block:IfUnnestedCaptions}
- }
- blockquote.caption_unnested {
- border-left: none;
- margin-left: 0px;
- }
- .caption_unnested {
- border-bottom: 0.5px solid RGBA({RGBcolor:background}, 0.7);
- padding: 0px 10px !important;
- }
- {block:IfUnnestedCaptions}
- .caption p {
- padding-left: 10px;
- }
- {/block:IfUnnestedCaptions}
- .caption_unnested:last-of-type {
- border-bottom: none;
- }
- .caption_unnested .tumblr_blog {
- }
- .post-user {
- font: 1em {font:special};
- {block:IsDeactivated}
- text-decoration: line-through;
- {/block:IsDeactivated}
- }
- .post-text {
- }
- .tumblr_blog {
- font: 1em {font:special};
- {block:IsDeactivated}
- text-decoration: line-through;
- {/block:IsDeactivated}
- }
- /*------------------------TEXT POST----------------------- */
- .textpost {
- }
- .textpost-title {
- background-color: RGBA({RGBcolor:accent}, 0.2);
- padding: 10px;
- text-align: center;
- font: 1.1em {font:special};
- }
- .textpost-content {
- padding: 10px;
- border-bottom: 0.5px solid RGBA({RGBcolor:background},0.7);
- }
- .textpost-content:last-of-type {
- border-bottom: none;
- }
- .textpost-user {
- font: 1em {font:special};
- }
- .textpost-text {
- }
- .textpost-text blockquote {
- border-left: solid 2px {color:background};
- padding-left: 10px;
- max-width: 100%;
- }
- .textpost blockquote {
- margin-left: 5px;
- margin-right: 0px;
- max-width: 100%;
- }
- .textpost img {
- height: 100%;
- max-width: 100%;
- }
- .textpost-text-page {
- padding: 15px;
- }
- .textpost-text-page-no {
- display: none;
- }
- /*------------------------PHOTO POST----------------------- */
- .photosetpost {
- }
- .panorama-post {
- }
- .photosetpost .caption_unnested:first-of-type {
- }
- .photopost .caption_unnested:first-of-type {
- }
- .photoset {
- margin-right: 0px;
- padding: 0px;
- overflow:hidden;
- }
- /*------------------------QUOTE POST----------------------- */
- .quotepost {
- padding: 20px;
- }
- .quotepost-quote {
- font: 1.05em {font:special};
- }
- .quotepost-source {
- font: 0.9em {font:body};
- text-align: right;
- margin-top: 10px;
- }
- /*------------------------LINK POST----------------------- */
- .linkpost {
- }
- .linkpost blockquote {
- }
- .linkpost-title {
- background-color: RGBA({RGBcolor:accent}, 0.1);
- padding: 10px;
- text-align: center;
- font: 1.1em {font:special};
- -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:accent},0.2);
- color: {color:links};
- 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_unnested {
- }
- .linkpost-img {
- }
- /*------------------------CHAT POST----------------------- */
- .chatpost {
- }
- .chatpost-title {
- background-color: RGBA({RGBcolor:accent}, 0.2);
- padding: 10px;
- text-align: center;
- font: 1.1em {font:special};
- }
- .chatpost ul {
- list-style-type: none;
- margin-left: -40px;
- padding-right: 10px;
- }
- .chatpost ul .odd {
- border-left: 40px solid RGBA({RGBcolor:accent},0.4);
- padding-left: 5px;
- margin-bottom: 5px;
- }
- .chatpost ul .even {
- border-left: 70px solid RGBA({RGBcolor:background},0.7);
- padding-left: 5px;
- margin-bottom: 5px;
- }
- /*------------------------AUDIO POST----------------------- */
- .audiopost {
- min-height: 100px;
- }
- .audiopost-player {
- position: absolute;
- z-index: 5;
- height: 26px;
- width: 26px;
- opacity: 0.3;
- overflow:hidden;
- margin-top: 7px;
- margin-left: 7px;
- margin-bottom: 0px;
- }
- .audiopost-button {
- position: absolute;
- background-color:RGBA(255,255,255,0.8);
- width: 40px;
- height: 40px;
- margin-top: 30px;
- margin-left: 30px;
- z-index: 4;
- }
- .audiopost-img {
- width: 100px;
- height: 100px;
- position: absolute;
- z-index: 3;
- }
- .audiopost-fallbackimg {
- width: 100px;
- height: 100px;
- position: absolute;
- z-index: 2;
- background-color: {color:accent};
- }
- .audiopost ul {
- margin-left: 100px;
- height: 80px;
- background-color: RGBA({RGBcolor:accent}, 0.2);
- padding: 20px 0px 0px 20px;
- list-style-type: none;
- position: relative;
- margin-top: 0px;
- margin-bottom: 0px;
- width: calc(100% - 120px);
- }
- .audiopost .caption {
- position: relative;
- margin-top:10px;
- }
- .audiopost .caption_unnested {
- }
- /*------------------------VIDEO POST----------------------- */
- .videopost {
- }
- .videopost-video {
- }
- .select-700px {
- display:none;
- }
- .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-reply img {
- height: 100%;
- max-width: 100%;
- }
- .answerpost .caption_unnested:first-of-type {
- border-top: 0.5px solid RGBA({RGBcolor:background}, 0.7);
- padding-top: 10px !important;
- }
- .answerpost-ask {
- background-color: RGBA({RGBcolor:accent}, 0.2);
- height: 30px;
- font: 1em {font:special};
- }
- .answerpost-asker {
- display: inline-block;
- height: 30px;
- line-height: 30px;
- position: absolute;
- margin-left: 5px;
- }
- .answerpost-asker a {
- color: RGBA({RGBcolor:text}, 1);
- }
- .answerpost-askerimg {
- display: inline-block;
- margin-left: 5px;
- border-radius: 50%;
- margin-top: 5px;
- height: 20px;
- width: 20px;
- overflow:hidden;
- }
- .answerpost-question {
- padding: 10px;
- background-color: RGBA({RGBcolor:background}, 0.5);
- }
- .answerpost-answer {
- background-color: RGBA({RGBcolor:accent}, 0.2);
- height: 30px;
- font: 1em {font:special};
- }
- .answerpost-answerer {
- display: inline-block;
- height: 30px;
- line-height: 30px;
- position: absolute;
- margin-left: 5px;
- }
- .answerpost-answerer a {
- color: RGBA({RGBcolor:text}, 1);
- }
- .answerpost-answererimg {
- display: inline-block;
- margin-left: 5px;
- border-radius: 50%;
- margin-top: 5px;
- height: 20px;
- width: 20px;
- overflow:hidden;
- }
- .answerpost-reply {
- padding: 0px 10px;
- }
- .answerpost .caption:empty {
- display: none;
- }
- .answerpost .caption_unnested:empty {
- display: none;
- }
- /*------------------------PERM----------------------- */
- #permbox1 {
- background-color: RGBA({RGBcolor:background}, 0.5);
- color: RGBA({RGBcolor:text}, 0.7);
- font: 1em {font:special};
- position: relative;
- height: 20px;
- line-height: 20px;
- padding: 5px 5px;
- }
- #permbox1 a {
- color: RGBA({RGBcolor:text}, 0.7);
- }
- .portrait {
- display: inline-block;
- width: 20px;
- height: 20px;
- margin-right: 2px;
- border-radius: 50%;
- overflow:hidden;
- }
- #timeago-box {
- display: inline-block;
- float: right;
- }
- /* ----------- NOTES ------- */
- #permbox2 {
- background-color: RGBA({RGBcolor:background}, 0.5);
- color: RGBA({RGBcolor:text}, 0.7);
- z-index: 2;
- font: 1em {font:special};
- position: relative;
- padding: 5px;
- }
- #permbox2 a {
- color: RGBA({RGBcolor:text}, 0.7);
- }
- #notecount-box {
- display: inline-block;
- }
- #reblogbutton {
- display: inline-block;
- float: right;
- margin-right: 3px;
- }
- #reblogbutton:before {
- font-family: FontAwesome;
- font-size: 1.1em;
- content: "\f079";
- }
- #likebutton {
- display: inline-block;
- float: right;
- }
- #like-heart {
- position:relative;
- display:inline-block;
- }
- #like-heart svg {
- width:11px;
- height:auto;
- 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 {
- opacity: 0;
- background-color: {color:primary};
- font-size: 0.9em;
- text-align: center;
- padding: 0px 5px;
- line-height: 0px;
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- }
- .hover-tags .comma:last-child {
- display: none;
- }
- .hover-tags a {
- color: RGBA({RGBcolor:text}, 0.5);
- -webkit-transition: 0.2s ease;transition: 0.2s ease;
- -o-transition: 0.2s ease;
- -moz-transition: 0.2s ease;
- }
- .posty:hover .hover-tags {
- opacity: 1;
- line-height: initial;
- padding: 5px;
- background-color: {color:primary};
- font-size: 0.9em;
- color: RGBA({RGBcolor:text}, 0.5);
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- }
- .fixed-tags {
- text-align: center;
- padding: 5px;
- background-color: {color:primary};
- font-size: 0.9em;
- color: RGBA({RGBcolor:text}, 0.5);
- }
- .fixed-tags a {
- color: RGBA({RGBcolor:text}, 0.5);
- }
- .fixed-tags .comma:last-child {
- display: none;
- }
- .hover-tags a:hover, .fixed-tags a:hover {
- color: {color:accent};
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- }
- /* ----------- PERMA PAGE ------- */
- /* ----------- NOTES ------- */
- #notes {
- width: calc({select:post size} - 20px);
- padding: 10px;
- {block:IfNotContained}
- background-color: {color:primary};
- {/block:IfNotContained}
- {block:IfContained}
- background-color: RGBA({RGBcolor:background}, 0.4);
- {/block:IfContained}
- color: {color:text};
- max-height: {select:post size};
- overflow-y: auto;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- margin-bottom: 40px;
- }
- #notes::-webkit-scrollbar-thumb {
- background-color: RGBA({RGBcolor:accent}, 0.2);
- height:auto;
- width: 5px;
- z-index: 9999999999999999999999999999999999999;
- border:none;
- }
- #notes::-webkit-scrollbar {
- height:auto;
- width:5px;
- background-color:{color:background};
- z-index: 999999999999999999999999999999999999;
- border: none;
- }
- ol.notes {
- padding: 0px;
- list-style-type: none;
- margin-left: 10px;
- }
- ol.notes li.note {
- border-bottom: solid 1px RGBA({RGBcolor:background}, 0.7);
- padding: 5px;
- width: calc({select:post size} - 50px);
- font-size: 0.9em;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 7px;
- width: 16px;
- height: 16px;
- border-radius: 50%;
- }
- /*------------------------INFINITE SCROLL THINGS----------------------- */
- .load-more {
- position: relative;
- bottom: 0px;
- text-align: center;
- width: 70px;
- height: 30px;
- padding: 10px;
- {block:IfNotContained}
- background-color: {color:primary};
- margin-bottom: 70px;
- {/block:IfNotContained}
- {block:IfContained}
- background-color: {color:background};
- margin-bottom: 30px;
- {/block:IfContained}
- {block:IfGridLayout}
- margin-top: 40px;
- margin-left: calc(50% - 45px);
- {/block:IfGridLayout}
- {block:IfNotGridLayout}
- margin-left: calc({select:post size} / 2 - 45px);
- {/block:IfNotGridLayout}
- font: 1em {font:special};
- line-height: 30px;
- cursor: help;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- }
- #infscr-loading {
- {block:IfGridLayout}
- bottom: -30px;
- position: absolute;
- margin-left: calc(50% - 35px);
- {/block:IfGridLayout}
- {block:IfNotGridLayout}
- position: relative;
- margin-left: calc({select:post size} / 2 - 35px);
- margin-bottom: 70px;
- margin-top: -20px;
- {/block:IfNotGridLayout}
- width: 70px;
- height: 70px;
- }
- #infscr-loading p {
- font:1.1em {font:special};
- }
- /*------------------------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;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 99999999999999999999999999999999999999999999999;
- }
- #scroll-button:before {
- content: "\f062";
- font-family: FontAwesome;
- font-size:16px;
- }
- /* ---------------- TUMBLR CONTROLS ----------------- */
- .tmblr-iframe {
- position: fixed;
- margin-top: -3px !important;
- -webkit-filter: invert(100%);
- filter: invert(100%);
- border: none;
- opacity: 0.2;
- z-index: 999999;
- transform:scale(0.75);
- transform-origin:100% 0;
- -webkit-transform:scale(0.75);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.75);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.75);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.75);
- -ms-transform-origin:100% 0;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .tmblr-iframe:hover {
- opacity: 0.5;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- /* ---------------- 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-radius: 0px !important;
- overflow:hidden !important;
- border:10px solid RGBA({RGBcolor:accent}, 0.2) !important;
- }
- .tmblr-lightbox .lightbox-image img {
- border-radius: 0px !important;
- overflow:hidden !important;
- }
- .tmblr-lightbox .lightbox-image-container {
- }
- .tmblr-lightbox .lightbox-caption {
- display: none;
- }
- /*------------------------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;
- {block:IfShadows}
- box-shadow: 2px 2px 2px #EAEAEA;
- {/block:IfShadows}
- z-index: 99999999999999999999999999999999999999999999999;
- }
- #credit:before {
- content: "\f259";
- font-family: FontAwesome;
- font-size:16px;
- }
- </style>
- </head>
- <body>
- <div id="side">
- <!--------------- /* SIDEBAR, HEADER, ETC. */ ----------------->
- <div id="sb-stripe-1"></div>
- <div id="sb-stripe-2"></div>
- <!--------------------- /* SIDEBAR */ -------------->
- <div id="sidebar">
- <!------------ ICON -------------->
- <div id="icon" class="{select:icon}">
- <img id="icon-default" src="{Favicon}">
- <img id="icon-other" src="{image:icon}">
- </div>
- <!------------ TITLE -------------->
- {block:IfTitle}
- <div id="title"><a href="/">{Title}</a></div>
- {/block:IfTitle}
- <!------------ MAIN LINKS -------------->
- <div id="genlinks">
- <a href="/"><div class="gsblink" id="link-home"></div></a>
- <a href="{text:ask link url}"><div class="gsblink" id="link-message"></div></a>
- {block:IfSearchbar}
- <a><div class="gsblink" id="link-search"></div></a>
- {/block:IfSearchbar}
- </div>
- <!------------ SIDEBAR IMAGE -------------->
- <div id="sbimg" class="{select:sidebar images}">
- <img id="sbimg1" class="sbimage" src="{image:sidebar 1}">
- <img id="sbimg2" class="sbimage" src="{image:sidebar 2}">
- <img id="sbimg3" class="sbimage" src="{image:sidebar 3}">
- </div>
- <!------------ LINKS -------------->
- <div id="sblinks">
- <!------------ DESCRIPTION -------------->
- <div id="description" class="{select:description}">
- <div class="linkdiv" id="linkdiv-desc">description</div>
- <div id="desc">{Description}</div>
- </div>
- <!------------ ADDITIONAL LINKS -------------->
- <div id="navigation" class="{select:navigation}">
- <div id="nav">links</div>
- <div id="nav-links">
- <!------------ NAVIGATION -------------->
- <div class="linkdiv" id="linkdiv-nav">navigation</div>
- <div class="sidebarlinks" id="sblinks-nav">
- {block:IfLink1Text}<a href="{text:link 1 url}"><div class="sblink">{text:link 1 text}</div></a>{/block:IfLink1Text}
- {block:IfLink2Text}<a href="{text:link 2 url}"><div class="sblink">{text:link 2 text}</div></a>{/block:IfLink2Text}
- {block:IfLink3Text}<a href="{text:link 3 url}"><div class="sblink">{text:link 3 text}</div></a>{/block:IfLink3Text}
- {block:IfLink4Text}<a href="{text:link 4 url}"><div class="sblink">{text:link 4 text}</div></a>{/block:IfLink4Text}
- {block:IfLink5Text}<a href="{text:link 5 url}"><div class="sblink">{text:link 5 text}</div></a>{/block:IfLink5Text}
- {block:IfLink6Text}<a href="{text:link 6 url}"><div class="sblink">{text:link 6 text}</div></a>{/block:IfLink6Text}
- {block:IfLink7Text}<a href="{text:link 7 url}"><div class="sblink">{text:link 7 text}</div></a>{/block:IfLink7Text}
- {block:IfLink8Text}<a href="{text:link 8 url}"><div class="sblink">{text:link 8 text}</div></a>{/block:IfLink8Text}
- </div>
- </div><!--navlinks-->
- </div> <!--navigation-->
- </div> <!--sblinks-->
- <!------------ SEARCHBAR -------------->
- {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/zWbouzrws/searchicon.png" id="searchbutton"/>
- </form></div>
- {/block:IfSearchbar}
- </div><!--sidebar-->
- <!------------ PAGINATION -------------->
- <div id="pagination">
- {block:PreviousPage}
- <div id="pag-stripe-1"></div>
- <a href="{PreviousPage}"><div id="prev" class="pag"></div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <div id="pag-stripe-2"></div>
- <a id="next-link" href="{NextPage}"><div id="next" class="pag"></div></a>
- {/block:NextPage}
- </div><!--pagination-->
- </div><!--side -->
- <!------------ FOR CONTAINER -------------->
- {block:IfContained}
- <div id="contained-stripe-1"></div>
- <div id="contained-stripe-2"></div>
- {/block:IfContained}
- <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE (or you might heck it) -->
- <div id="content">
- <div id="posts">
- {block:Posts}
- <div class="posty" id="{PostID}">
- <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:RebloggedFrom}
- <div class="portrait" id="root-portrait"><a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a></div>
- <div class="portrait" id="root-name"><a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a></div>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <div class="portrait" id="root-portrait">
- <a href="{PermaLink}" title="source: {Name}"><img src="{PortraitURL-24}"></a></div>
- {/block:NotReblog}
- <div id="timeago-box" class="permbox-box"><a href="{Permalink}">{TimeAgo}</a></div>
- </div> <!--id="permbox1"-->
- <!-- /* TEXT POST */ -->
- {block:Text}<div class="textpost">
- {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
- <div class="textpost-text-page{block:Date}-no{/block:Date}">
- {Body}
- </div>
- {block:Date}
- {block:NotReblog}
- <div class="textpost-content">
- {Body}
- </div>
- {/block:NotReblog}
- {block:Reblogs}
- <div class="textpost-content">
- <div class="textpost-user">
- <a href="{Permalink}">{Username}</a>
- </div>
- <div class="textpost-text">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- {/block:Date}
- </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 main-{select:post size}">
- <div class="select-700px">{Photoset-700}</div>
- <div class="select-500px">{Photoset-500}</div>
- <div class="select-400px">{Photoset-400}</div>
- <div class="select-250px">{Photoset-250}</div>
- </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="quote-div"></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>
- {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"></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-700px">{Video-700}</div>
- <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-ask">
- <img class="answerpost-askerimg" src="{AskerPortraitURL-24}" alt="">
- <div class="answerpost-asker">{Asker} asked:</div>
- </div>
- <div class="answerpost-question">{Question}</div>
- {block:Answerer}
- <div class="answerpost-answer">
- <img class="answerpost-answererimg" src="{AnswererPortraitURL-24}" alt="">
- <div class="answerpost-answerer">{Answerer} answered:</div>
- </div>
- <div class="answerpost-reply">{Answer}</div>
- {/block:Answerer}
- {block:NotReblog}
- <div class="answerpost-reply">{Replies}</div>
- {/block:NotReblog}
- {block:RebloggedFrom}<div class="caption">{Replies}</div>{/block:RebloggedFrom}
- </div>
- {/block:Answer}
- <!-- /* PERM */ -->
- {block:Date}
- <div id="permbox2">
- <div id="notecount-box" class="permbox-box">{block:NoteCount}<a href="{Permalink}" id="time-link">{NoteCount} notes</a>{/block:NoteCount}</div>
- <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>
- <a href="{ReblogUrl}" target="_blank"><div id="reblogbutton" class="permbox-box"></div></a>
- <!--
- {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="permbox2"-->
- {/block:Date}
- </div> <!--post -->
- <!-- /* TAGS */ -->
- {block:HasTags}<div {block:IndexPage}class="{select:index tags}"{/block:IndexPage}{block:PermalinkPage}class="{select:perma tags}"{/block:PermalinkPage}>
- {block:Tags}
- <a href="{TagURL}" class="tag">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!-- posty div -->
- {/block:Posts}
- <!-- /* POST NOTES */ -->
- {block:PostNotes}
- <div id="notes">
- {PostNotes-64}
- </div>
- {/block:PostNotes}
- </div> <!-- posts div -->
- {block:IfManuallyLoadMore}
- {block:IfInfiniteScroll}
- {block:Pagination}
- <div class="load-more">load more</div>
- {/block:Pagination}
- {/block:IfInfiniteScroll}
- {/block:IfManuallyLoadMore}
- </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/1.8.3/jquery.min.js'></script>
- <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
- {block:Indexpage}
- {block:IfInfiniteScroll}
- <script src="http://static.tumblr.com/h5czl1a/Ot3ouzjts/infinitescroll.js"></script>
- {/block:IfInfiniteScroll}
- {block:IfGridLayout}<script src="http://static.tumblr.com/h5czl1a/bshouzjul/masonry.js"></script>
- {/block:IfGridLayout}
- {/block:Indexpage}
- {block:IfUnnestedCaptions}
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- {/block:IfUnnestedCaptions}
- <script>
- jQuery(window).load(function(){
- var $container = $('#posts');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.posty',
- });
- });
- {block:IfUnnestedCaptions}
- $('.posty').unnest({
- yourCaption: ".caption",
- wrapName: ".caption_unnested",
- newCaptionUsername: false,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- usernameColon: false
- });
- {/block:IfUnnestedCaptions}
- {block:IfInfiniteScroll}
- $container.infinitescroll({
- itemSelector: '.posty',
- navSelector: '#pagination',
- nextSelector: '#next-link',
- bufferPx: 10000,
- loading: {
- finishedMsg: "<p>The End.</p>",
- img : "http://static.tumblr.com/h5czl1a/B0Souzjn7/loadingspinner.gif",
- msg: null,
- msgText: "",
- } {block:IfManuallyLoadMore},
- errorCallback: function(){
- $('.load-more').hide();
- }
- {/block:IfManuallyLoadMore}
- },
- function( newElements ) {
- var $newElems = $(newElements);
- {block:IfUnnestedCaptions}
- $newElems.unnest({
- yourCaption: ".caption",
- wrapName: ".caption_unnested",
- newCaptionUsername: false,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- usernameColon: false
- });
- {/block:IfUnnestedCaptions}
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- var $newElemsIDs = $newElems.map(function(){
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- }
- );
- {block:IfManuallyLoadMore}
- $(window).unbind('.infscr');
- $('.load-more').click(function(){
- $container.infinitescroll('retrieve');
- return false
- });
- {/block:IfManuallyLoadMore}
- {/block:IfInfiniteScroll}
- });
- </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>
- <script type="text/javascript">
- $(document).ready(function(){
- $('#linkdiv-blogs').click(function(){
- $('#sblinks-blogs').slideToggle('slow');
- });
- $('#linkdiv-nav').click(function(){
- $('#sblinks-nav').slideToggle('slow');
- });
- $('#link-search').click(function(){
- $('#searchbar').slideToggle('slow');
- });
- $('#linkdiv-desc').click(function(){
- $('#desc').slideToggle('slow');
- });
- $('#nav').click(function(){
- $('#nav-links').slideToggle('slow');
- });
- });
- </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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment