Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:sidebar" content="" />
- <meta name="color:accent" content="#833E32" />
- <meta name="color:background" content="#fff" />
- <meta name="color:link" content="#69B4CB" />
- <meta name="color:text" content="#231E22" />
- <meta name="color:askbox" content="#f0f0f0" />
- <meta name="color:content" content="#f0f0f0" />
- <meta name="color:titles" content="#0292B7" />
- <meta name="color:scrollbar" content="#DAA392" />
- <meta name="color:selection" content="#DFD1CD" />
- <meta name="color:tooltip" content="#A6623F" />
- <meta name="select:Post Width" content="300" title="300px" />
- <meta name="select:Post Width" content="325" title="325px" />
- <meta name="select:Post Width" content="350" title="350px" />
- <meta name="select:Post Width" content="400" title="400px" />
- <meta name="select:Post Width" content="450" title="450px" />
- <meta name="select:Post Width" content="500" title="500px" />
- <meta name="select:Post Width" content="540" title="540px" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 URL" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 URL" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 URL" content="" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 URL" content="" />
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet" type="text/css" />
- <link href="https://fonts.googleapis.com/css?family=Overpass&display=swap" rel="stylesheet">
- <link href="https://static.tumblr.com/nuyvmrm/sW7pulpwq/fontello-embedded.css" rel="stylesheet" />
- </head>
- <style text="text/css">
- /* tumblr controls */
- iframe.tmblr-iframe {
- z-index: 99999999999999!important;
- top: 0!important;
- right: 0!important;
- opacity: .6;
- filter: invert(1);
- -webkit-filter: invert(1);
- -o-filter: invert(1);
- -moz-filter: invert(1);
- -ms-filter: invert(1);
- transform: scale(0.6);
- transform-origin: 100% 0;
- -webkit-transform: scale(0.6);
- -webkit-transform-origin: 100% 0;
- -o-transform: scale(0.6);
- -o-transform-origin: 100% 0;
- -moz-transform: scale(0.6);
- -moz-transform-origin: 100% 0;
- -ms-transform: scale(0.6);
- -ms-transform-origin: 100% 0;
- transition: opacity 0.6s ease-in-out;
- -moz-transition: opacity 0.6s ease-in-out;
- -webkit-transition: opacity 0.6s ease-in-out;
- }
- body {
- color: {color:text};
- background-color: {color:background};
- font: 11.5px 'Overpass', sans-serif;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- word-wrap: break-word;
- line-height: 20px;
- padding: 0;
- margin: 0;
- cursor: default;
- overflow-x: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-smoothing: antialiased;
- }
- img {
- display: block;
- max-width: 100%;
- height: auto;
- }
- div#qTip {
- z-index: 1000;
- display: none;
- background: rgba({RGBcolor:tooltip},.7);
- color: {color:text};
- position: absolute;
- padding: 3px;
- margin: 10px 0 0;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- vertical-align: center;
- align-items: center;
- flex-wrap: wrap;
- grid-area: two;
- line-height: 150%;
- text-align: justify;
- -moz-transition: 0.2s ease-in;
- -webkit-transition: 0.2s ease-in;
- -o-transition: 0.2s ease-in;
- transition: 0.2s ease-in;
- }
- ::selection {
- color: {color:text};
- background: rgba({RGBcolor:selection},.7);
- }
- ::-moz-selection {
- color: {color:text};
- background: rgba({RGBcolor:selection},.7);
- }
- ::-moz-selection {
- color: {color:text};
- background: rgba({RGBcolor:selection},.7);
- }
- ::-webkit-scrollbar {
- width: 18px;
- height: 6px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- border: 6px solid {color:background};
- border-top: 4px solid {color:background};
- border-bottom: 4px solid {color:background};
- cursor: pointer;
- border-radius: 8px;
- }
- ::-webkit-scrollbar-track {
- background: {color:scrollbar};
- border: 8px solid {color:background};
- border-top: 12px solid {color:background};
- border-bottom: 12px solid {color:background};
- }
- a:link,
- a:visited,
- a:active {
- color: {color:text};
- text-decoration: none;
- padding: 0;
- background: linear-gradient(to bottom,{color:link} 0%,{color:link} 100%);
- background-position: 0 100%;
- background-repeat: repeat-x;
- background-size: 3px 3px;
- }
- a:hover {
- background-image: url(
- "data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift 0.5s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='rgba({RGBcolor:link})' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E"
- );
- background-size: auto 6px;
- }
- blockquote,
- pre,
- code {
- margin: 0;
- padding: 0;
- border: 0;
- }
- p { margin: 1em 0; }
- p:first-of-type { margin-top: 0; }
- p:last-of-type { margin-bottom: 0; }
- h1:first-of-type,
- h2:first-of-type,
- h3:first-of-type,
- h4:first-of-type { margin-top: 0; }
- h1:last-of-type,
- h2:last-of-type,
- h3:last-of-type,
- h4:last-of-type { margin-bottom: 0; }
- b,
- strong {
- font-weight: bold;
- color: {color:titles};
- }
- em,
- i { font-style: italic; }
- ol,
- ul {
- list-style: none;
- text-align: left;
- padding-left: 0;
- }
- li {
- position: relative;
- padding: .1em 0 .1em 20px;
- }
- ol li { counter-increment: list; }
- ol li:before, ul li:before {
- left: 5px;
- position: absolute;
- vertical-align: baseline!important;
- }
- ol li:before {content: counter(list) '.';}
- ul li:before {
- content: '\E801';
- font-family: "fontello";
- font-style: 500;
- font-weight: normal;
- speak: none;
- font-size: 11px;
- padding: 0;
- margin: 0;
- margin-left: .2em;
- margin-right: .2em;
- display: inline-block;
- text-decoration: inherit;
- text-align: center;
- font-variant: normal;
- text-transform: none;
- line-height: 1em;
- color: {color:text};
- vertical-align: center;
- top: calc(10.5px / 1.5);
- }
- @media (max-width:900px){
- .sidebar {
- float: none!important;
- position: relative!important;
- top: 0!important;
- left: 0!important;
- margin: 50px auto 25px!important;
- }
- .entry {
- float: none!important;
- margin: 50px auto!important;
- width: {select:post width}px!important;
- }
- .posts {
- width: 100%!important;
- }
- }
- @media (max-width:700px){
- .entry {
- margin: 50px auto!important;
- width: 80%!important;
- }
- .posts {
- width: 100%!important;
- }
- }
- @media (max-width:300px){
- .sidebar {
- margin: 50px auto 25px!important;
- width: 80%!important;
- }
- .tabs .tab,
- .tabs label {
- order: initial;
- }
- .tabs label {
- width: 100%;
- margin-right: 0;
- margin-top: 0.2rem;
- }
- }
- /* sidebar */
- .sidebar {
- display: block;
- float: left;
- position: fixed;
- width: 210px;
- top: 100px;
- left: 50px;
- z-index: 1;
- background: inherit;
- }
- #portrait {
- width: 100%;
- height: 100%;
- margin: 0 auto;
- padding: 0;
- display: block;
- }
- /* navigation */
- .tabs {
- display: flex;
- flex-wrap: wrap;
- margin-top: 5px;
- width: 100%;
- background-color: {color:link};
- }
- .tabs label {
- order: 1;
- display: block;
- padding: .5em 1.5em;
- margin: 0;
- margin: 0;
- cursor: pointer;
- background-color: {color:link};
- font-weight: bold;
- transition: background ease 0.2s;
- }
- .tabs .tab {
- order: 99;
- flex-grow: 1;
- width: 100%;
- display: none;
- padding: 1rem;
- background-color: {color:content};
- }
- .tabs input[type="radio"] {
- display: none;
- }
- .tabs input[type="radio"]:checked + label {
- background-color: rgba({RGBcolor:background}, .15);
- }
- .tabs input[type="radio"]:checked + label + .tab {
- display: block;
- }
- .tabs .stext {
- text-align: justify;
- }
- .tabs a.tab-link {
- display: block;
- text-align: center;
- padding: .25em .1em;
- margin: 0;
- margin-bottom: .25em;
- background: none;
- background-color: {color:background};
- }
- /* posts */
- .entry {
- display: block;
- position: relative;
- width: {select:post width}px;
- margin: 50px 0;
- margin-left: 360px;
- padding: 0;
- float: left;
- }
- .posts {
- display: block;
- position: relative;
- width: {select:post width}px;
- padding: 0;
- margin: 0;
- {block:IndexPage}margin-bottom: 50px;{/block:IndexPage}
- }
- .posts:last-of-type,
- .posts:last-child { margin-bottom: 0; }
- .posts h1,
- .posts h2,
- .posts h3,
- .posts h4,
- .posts h5 {
- display: inline-block;
- font-weight: bold;
- color: {color:body text};
- background-position: 0 86%;
- background-size: 100% 0.4em;
- background-repeat: no-repeat;
- background-image: linear-gradient({color:accent},{color:accent});
- }
- .posts h1,
- .posts h2,
- .posts h3,
- .posts h4,
- .posts h5 {
- display: inline-block;
- font-weight: bold;
- color: {color:text};
- background-position: 0 86%;
- background-size: 100% 0.4em;
- background-repeat: no-repeat;
- background-image: linear-gradient({color:accent},{color:accent});
- }
- /* photosets */
- [photoset-layout] div {
- cursor: pointer;
- margin-right: .3em;
- margin-bottom: .3em;
- }
- .vignette, #vignette { opacity:0; }
- .lightbox-image, #tumblr_lightbox img {
- box-shadow: none !important;
- border-radius: 0 !important;
- }
- .tmblr-lightbox, #tumblr_lightbox {
- background-color: {color:content}!important;
- z-index: 99999!important;
- }
- .lightbox-caption, #tumblr_lightbox_caption {
- visibility: hidden;
- }
- /* quote */
- .quote {
- display: block;
- font-style: normal;
- font-weight: 500;
- text-align: left;
- line-height: 1.3em;
- margin: 0;
- padding: 0;
- width: 100%;
- letter-spacing: .1em;
- font-size: 16px;
- color: {color:titles};
- }
- #s {
- display: block;
- width: 100%;
- margin: 0;
- margin-top: 10px;
- padding: 0;
- text-align: left;
- color: {color:text};
- letter-spacing: .1em;
- }
- /* links and text */
- a.titles:before {
- content: '\e825';
- font-family: "fontello";
- font-style: 500;
- font-weight: normal;
- speak: none;
- font-size: 12px;
- display: inline-block;
- text-decoration: inherit;
- text-align: center;
- font-variant: normal;
- text-transform: none;
- line-height: 1em;
- margin: 0;
- margin-right: .5em;
- color: {color:link};
- vertical-align: middle;
- }
- a.titles {
- text-align: left;
- color: {color:text};
- font-size: 12px;
- padding: 0;
- margin: 0;
- background: none;
- font-style: 500;
- letter-spacing: .1em;
- }
- a.titles:hover {
- color: {color:link};
- }
- div.titles {
- display: block;
- text-align: left;
- font-size: 12px;
- color: {color:titles};
- font-style: 500;
- letter-spacing: .1em;
- }
- #post {
- width: 100%;
- display: block;
- text-align: justify;
- margin-top: .75em;
- padding: 0;
- font-weight: lighter;
- color: {color:text};
- background: none;
- }
- a.read_more {
- position: relative;
- display: block;
- background: none;
- margin: 0;
- margin-top: -4em;
- padding: 2em .5em;
- color: {color:text};
- text-align: center;
- letter-spacing: .1em;
- text-transform: uppercase;
- font-weight: 700;
- z-index: 1;
- font-style: italic;
- background-color: rgb({RGBcolor:tooltip});
- background: -moz-linear-gradient(90deg, rgba({RGBcolor:tooltip}, 1) 0%, rgba(253,187,45,0) 100%);
- background: -webkit-linear-gradient(90deg, rgba({RGBcolor:tooltip}, 1) 0%, rgba(253,187,45,0) 100%);
- background: linear-gradient(90deg, rgba({RGBcolor:tooltip}, 1) 0%, rgba(253,187,45,0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{color:tooltip text}",endColorstr="#fdbb2d",GradientType=1);
- }
- /* chat */
- .chat li:before { display: none; }
- .chat li {
- padding: 0;
- margin: 0;
- }
- .chat {
- display: block;
- width: 100%;
- margin: 0;
- padding: 0;
- }
- .l {
- display: block;
- padding: 0;
- margin: 0;
- letter-spacing: .5px;
- }
- .l:nth-of-type(odd) {
- padding: .25em;
- color: {color:text};
- background-color: {color:content};
- }
- .l:nth-of-type(even) {
- padding: .25em;
- color: {color:text};
- background-color: {color:background};
- }
- .label {
- margin: 0 .5em;
- font-weight: 500;
- text-decoration: none;
- }
- /* audio */
- .soundcloud_audio_player { max-height: 116px!important; }
- .spotify_audio_player { max-height: 80px!important; }
- .audio_post {
- display: block;
- padding: 0;
- margin: 0;
- width: 100%;
- overflow: hidden;
- height: 70px;
- }
- .albumart {
- float: left;
- width: 70px;
- height: 70px;
- display: inline;
- }
- .player {
- display: block;
- position: absolute;
- width: 25px;
- height: 25px;
- overflow: hidden;
- margin: 0;
- padding: 0;
- left: 77.5px;
- }
- .player .tumblr_audio_player {
- position: relative;
- margin-top: -1px;
- margin-left: -3px;
- }
- .infobox {
- display: block;
- position: relative;
- text-align: left;
- margin: 0;
- margin-top: 30px;
- margin-left: 77.5px;
- padding: 0;
- }
- .infobox li:before { display: none; }
- .infobox li {
- margin: 0;
- padding: 0;
- }
- .infobox li.title {
- display: block;
- font-size: 12px;
- font-weight: 700;
- color: {color:titles};
- margin: 0;
- padding: 0;
- letter-spacing: .5px;
- }
- .infobox li.artist {
- display: inline-block;
- font-style: italic;
- margin-right: .25em;
- }
- .infobox li.album { display: inline-block; }
- /* answer */
- #askbox {
- display: block;
- width: 100%;
- margin: 0;
- padding: 0;
- }
- .question {
- display: block;
- width: calc(100% - 30px - .75em);
- margin: 0;
- margin-left: calc(30px + .75em);
- padding: 0;
- border-left: 1px solid {color:askbox};
- }
- .asker-avatar {
- float: left;
- position: absolute;
- margin: 0;
- margin-left: calc(-30px - .75em);
- width: 30px;
- height: 30px;
- border-radius: 3px;
- }
- div.asker {
- display: block;
- margin: 0;
- margin-left: .75em;
- padding: 0;
- font-size: 10px;
- text-align: left;
- font-weight: 700;
- letter-spacing: .1em;
- text-transform: uppercase;
- }
- a.asker,
- .asker a {
- padding: 0;
- margin: 0;
- color: {color:text};
- background: none;
- }
- .asker-question {
- display: block;
- margin: 0;
- margin-left: .75em;
- padding: 0;
- }
- .answer {
- display: block;
- width: calc(100% - 24px - .5em);
- margin: 0;
- margin-top: 10px;
- margin-left: calc(24px + .5em);
- padding: 0;
- }
- .answerer-avatar {
- float: left;
- position: absolute;
- margin: 0;
- margin-left: calc(-24px - .5em);
- width: 24px;
- height: 24px;
- border-radius: 3px;
- }
- .answerer {
- display: inline;
- float: left;
- margin: 0;
- padding: 0;
- color: {color:link};
- margin-right: .5em;
- }
- .answerer a {
- margin: 0;
- padding: 0;
- color: {color:link};
- background: none;
- }
- .answerer-answer {
- display: block;
- width: 100%;
- margin: 0;
- margin-top: 10px;
- padding: .25em .5em;
- text-align: justify;
- box-sizing: border-box;
- border: 1px solid {color:askbox};
- background-color: rgba({RGBcolor:askbox}, .5);
- }
- .replies {
- display: block;
- width: 100%;
- margin: 0;
- margin-top: 10px;
- padding: .5em .75em;
- text-align: justify;
- box-sizing: border-box;
- border: 1px solid {color:askbox};
- background-color: rgba({RGBcolor:askbox}, .5);
- }
- /* video */
- .video {
- display: block;
- position: relative;
- }
- .video iframe {
- display: block;
- margin: auto;
- max-width: calc({select:post width}px - 8px);
- }
- .tumblr_video_container {
- display: block;
- margin: auto;
- max-width: calc({select:post width}px - 8px);
- }
- #youtube_iframe {
- display: block;
- margin: auto;
- max-height: calc({select:post width}px * 0.67);
- max-width: calc({select:post width}px - 8px);
- }
- .instagram-media {
- max-height: none!important;
- }
- /* caption */
- .caption .tumblr_parent {
- display: block;
- margin: 0;
- margin-top: .5em;
- padding: 0;
- border: 0;
- color: {color:text};
- }
- .caption .tumblr_avatar {
- display: inline-block;
- float: left;
- padding: 0;
- margin: 0;
- margin-top: 2px;
- margin-right: .5em;
- width: 16px;
- height: 16px;
- border-radius: 3px;
- vertical-align: center!important;
- }
- .caption .tumblr_parent blockquote {
- margin: 0;
- padding: 0;
- border: 0;
- }
- .caption a.tumblr_blog {
- display: inline-block;
- color: {color:link};
- float: left;
- border: 0;
- padding: 0;
- background: none;
- margin-right: .5em;
- }
- .npf_row {
- display: block;
- width: 100%;
- height: 100%;
- margin: 4px 0!important;
- padding: 0;
- }
- .textcaption {
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- margin-top: 5px;
- }
- /* permalink */
- #permalink {
- display: block;
- width: 100%;
- margin: 0;
- margin-top: 15px;
- padding: 0;
- text-align: left;
- }
- #permalink a {
- display: inline;
- padding: 0;
- margin: 0 .25em;
- background: none;
- }
- /* like button */
- .controls {
- display: inline-block;
- margin: 0;
- padding: 0;
- vertical-align: top;
- }
- .controls a {
- position: relative;
- display: inline;
- overflow: hidden;
- padding: 0;
- margin: 0;
- width: 10px;
- height: 10px;
- background: none;
- }
- .controls .like .like_button {
- position: relative;
- display: inline;
- }
- .controls .like .like_button iframe {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- z-index: 2;
- opacity: 0;
- }
- /* tags */
- #tags {
- display: block;
- width: 100%;
- margin: 0;
- margin-top: 10px;
- padding: 0;
- text-align: left;
- }
- #tags a:before {
- content: '#';
- font-family: "fontello";
- font-style: italic;
- font-weight: 500;
- speak: none;
- padding: 0;
- margin: 0;
- margin-left: .2em;
- margin-right: 1px;
- display: inline-block;
- text-decoration: inherit;
- text-align: center;
- font-variant: normal;
- text-transform: none;
- line-height: 1em;
- color: rgba({RGBcolor:text}, .85);
- vertical-align: center;
- }
- #tags a {
- color: rgba({RGBcolor:text}, .6);
- margin-right: .5em;
- background: none;
- }
- #tags a:hover {
- color: rgba({RGBcolor:text}, .85);
- }
- /* pagination */
- #pagination {
- display: block;
- text-align: justify;
- width: 100%;
- padding: 0;
- margin: 0;
- letter-spacing: .1px;
- font-weight: 700;
- }
- #pagination a {
- background: none;
- }
- #pagination a:nth-of-type(1n) {
- display: inline-block;
- width: 49%;
- margin: 0;
- padding: 0;
- text-align: left;
- }
- #pagination a:nth-of-type(2n) {
- display: inline-block;
- width: 49%;
- margin: 0;
- padding: 0;
- text-align: right;
- }
- /* tooltip */
- [tooltip] {
- position: relative;
- z-index: 9;
- cursor: pointer;
- }
- [tooltip]:before,
- [tooltip]:after {
- visibility: hidden;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
- filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
- opacity: 0;
- pointer-events: none;
- }
- [tooltip]::before {
- content: "";
- position: absolute;
- top: -6px;
- left: 50%;
- transform: translateX(-50%);
- border-width: 4px 6px 0 6px;
- border-style: solid;
- border-color: rgba({RGBcolor:tooltip}, 0.7) transparent transparent transparent;
- z-index: 100;
- }
- [tooltip-position='left']::before{
- left: 0%;
- top: 50%;
- margin-left: -12px;
- transform: translatey(-50%) rotate(-90deg)
- }
- [tooltip-position='top']::before{ left: 50%; }
- [tooltip-position='bottom']::before{
- top: 100%;
- margin-top: 8px;
- transform: translateX(-50%) translatey(-100%) rotate(-180deg)
- }
- [tooltip-position='right']::before{
- left: 100%;
- top: 50%;
- margin-left: 1px;
- transform: translatey(-50%) rotate(90deg)
- }
- [tooltip]::after {
- content: attr(tooltip);
- position: absolute;
- left: 50%;
- top: -6px;
- transform: translateX(-50%) translateY(-100%);
- background-color: rgba({RGBcolor:tooltip}, 0.7);
- text-align: center;
- color: {color:text};
- padding: 4px 2px;
- min-width: 80px;
- border-radius: 5px;
- pointer-events: none;
- }
- [tooltip-position='left']::after{
- left: 0%;
- top: 50%;
- margin-left: -8px;
- transform: translateX(-100%) translateY(-50%);
- }
- [tooltip-position='top']::after{ left: 50%; }
- [tooltip-position='bottom']::after{
- top: 100%;
- margin-top: 8px;
- transform: translateX(-50%) translateY(0%);
- }
- [tooltip-position='right']::after{
- left: 100%;
- top: 50%;
- margin-left: 8px;
- transform: translateX(0%) translateY(-50%);
- }
- [tooltip]:hover:before,
- [tooltip]:hover:after {
- visibility: visible;
- transition:.6s;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
- opacity: 1;
- }
- /* post notes */
- ol.notes {
- display: block;
- width: 100%;
- list-style-type: none;
- margin: 0;
- padding: 0;
- margin-top: 15px;
- }
- ol.notes a {
- border: 0;
- padding: 0;
- }
- ol.notes li.note {
- display: block;
- position: relative;
- line-height: 16px;
- padding: 0;
- margin: 0;
- margin-bottom: 15px;
- }
- ol.notes li.note a {
- border: none;
- padding: 0;
- margin: 0;
- }
- ol.notes li:before {
- display: inline-block;
- position: relative;
- vertical-align: baseline!important;
- content: '';
- font-family: "fontello";
- font-weight: normal;
- font-style: normal;
- speak: none;
- width: 1em;
- margin: 0;
- margin-right: 1em;
- padding: 0;
- vertical-align: middle;
- color: {color:accent};
- }
- ol.notes li.note.reblog:before { content: '\e813'; }
- ol.notes li.note.like:before { content: '\e804'; }
- ol.notes li.note img.avatar { display: none; }
- ol.notes li.note span.action { font-weight: normal!important; }
- ol.notes li.note blockquote {
- border-left: 1px solid {color:askbox};
- padding-left: 10px;
- margin: 8px 16px 0 0px;
- font-weight: normal;
- font-style: none;
- text-align: block;
- text-transform: none;
- line-height: 17px;
- }
- @import url('https://fonts.googleapis.com/css?family=Noto+Serif');
- a.cr {
- border: 0;
- padding: 0;
- bottom: 15px;
- right: 15px;
- position: fixed;
- font-size: 20px;
- background: none;
- font-style: italic;
- font-weight: lighter;
- letter-spacing: -5px;
- text-decoration: none;
- font-family: 'Noto Serif', serif;
- background-color: #fff;
- }
- .cr:before {
- content: 'a';
- color: #F4B099;
- }
- .cr:after {
- content: 't';
- color: #A6A5CF;
- }
- {CustomCSS}
- </style>
- <body>
- <div class="sidebar">
- <img src="{image:sidebar}" id="portrait" />
- <div class="tabs">
- <input type="radio" name="tabs" id="tabone" checked="checked">
- <label for="tabone">index</label>
- <div class="tab">
- <a class="tab-link" href="/">index</a>
- {block:AskEnabled}<a class="tab-link" href="/ask">askbox</a>{/block:AskEnabled}
- <a class="tab-link" href="/archive" target="_blank">archive</a>
- </div>
- <input type="radio" name="tabs" id="tabtwo">
- <label for="tabtwo">about</label>
- <div class="tab stext">
- {description}
- </div>
- <input type="radio" name="tabs" id="tabthree">
- <label for="tabthree">blog</label>
- <div class="tab">
- {block:ifLink1}<a class="tab-link" href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
- {block:ifLink2}<a class="tab-link" href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
- {block:ifLink3}<a class="tab-link" href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
- {block:ifLink4}<a class="tab-link" href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
- </div>
- </div>
- </div>
- <section class="entry">
- {block:Posts}
- <div class="posts" id="{PostID}">
- {block:Answer}<div id="askbox"><div class="question"><img class="asker-avatar" src="{AskerPortraitURL-30}" /><div class="asker">{Asker}</div><div class="asker-question">{Question}</div></div>{block:Answerer}<div class="answer"><img class="answerer-avatar" src="{AnswererPortraitURL-24}" alt=""><div class="answerer-answer"><div class="answerer">{Answerer}</div>{Answer}</div></div>{/block:Answerer}{block:ifReplies}<div class="caption replies">{Replies}</div>{/block:ifReplies}</div>{/block:Answer}
- {block:Audio}<div class="audio_post">{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}" alt="" />{/block:AlbumArt}<div class="player">{AudioPlayer}</div><ul class="infobox">{block:TrackName}<li class="title">{TrackName}</li>{/block:TrackName}{block:Artist}<li class="artist">{Artist}</li>{/block:Artist}{block:Album}<li class="album"> — {Album}</li>{/block:Album}</ul></div>{/block:Audio}
- {block:Chat}<div class="chat">{block:Title}<div class="titles">{Title}</div>{/block:Title}<ul>{block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<span class="line">{Line}</span></li>{/block:Lines}</ul></div>{/block:Chat}
- {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div id="s">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<a class="titles" href="{URL}">{Name}</a>{block:Description}<div class="caption" id="post">{Description}</div>{/block:Description}{/block:Link}
- {block:Text}{block:Title}<div class="titles">{Title}</div>{/block:Title}<div class="caption" id="post">{Body}</div>{/block:Text}
- {block:Photo}<div id="media"><a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" width="{text:post width}" /></a></div>{/block:Photo}
- {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)" style="cursor:pointer;"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
- {block:Video}<div class="video">{Video-500}</div>{/block:Video}
- {block:Caption}<div class="caption textcaption">{caption}</div>{/block:Caption}
- {block:Date}<div id="permalink">
- <a href="{permalink}"><u style="font-weight:bold;">{shortmonth} {dayofmonth}</u> {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
- <div class="controls">
- <a class="reblog" href="{ReblogURL}" target="_blank">
- <span class="i-repeat"></span>
- </a>
- <a href="#" class="like">{LikeButton}
- <span class="i-heart"></span>
- </a>
- </div>
- {block:RebloggedFrom} <span class="i-user" style="float:right;"><!-- <a href="{ReblogParentURL}">{ReblogParentName}</a> --> <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
- {block:NotReblog} <span class="i-user" style="float:right;">{name}</span>{/block:NotReblog}
- <!--{block:ContentSource}
- <a href="{SourceURL}">Source</a>
- {/block:ContentSource}-->
- </div>{/block:Date}
- {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Posts}
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">← Older</a>
- {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">Next →</a>
- {/block:NextPage}
- </div>{/block:Pagination}
- {block:PostNotes}{PostNotes}{/block:PostNotes}{block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
- </section>
- <a class="cr" href="https://aurthms.tumblr.com" target="_blank"></a>
- <!--
- 1.jquery
- 2.tooltips
- 3.unnest caption by neothm
- 4.flexible frames by nouvae
- -->
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
- <script>
- $(document).ready(function(){
- // audio player by shudesigns
- var $audio = $('iframe.tumblr_audio_player');
- $audio.load(function() {
- $(this).contents().find('head').append('<style type="text/css">' +
- '.audio-player { background: {color:background}; color: {color:text} !important; }' +
- '.audio-player .audio-info .track-artist { color: {color:text} !important; }' +
- '</style>');
- });
- // captions by neothm
- $('.posts').unnest({
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: true,
- tumblrAvatarClass: ".tumblr_avatar",
- usernameColon: false
- });
- // flexible frames by nouvae
- function flexFrame() {
- $(".caption").each(function() {
- $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
- flexibleFrames($(".iframe-flex"));
- });
- flexibleFrames($(".video"));}
- $(document).ready(flexFrame);
- // remove tumblr redirects script by magnusthemes@tumblr
- $('a[href*="t.umblr.com/redirect"]').initialize(function(){
- var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
- var replaceURL = decodeURIComponent(originalURL);
- $(this).attr("href", replaceURL);
- });
- });
- // photosets by annasthms
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment