thm 07 - the gay agenda
<!DOCTYPE html>
<html>
<!----------------------------------------------------
credits:
- icon font by saturnthms
- minimal soundcloud player by shythemes
- (modified) pxu photosets by bychloethemes
- infinite scroll by Paul Irish
- smoothscroll by Balazs Galambosi
- the gay agenda by annasthms (june 8, 2018)
a theme made in celebration of lgbt pride month
more info @ https://annasthms.tumblr.com/more/thm/07
rules:
1. don't remove the credit
2. don't steal/claim as yours
3. don't use as a base code
thank you!! ♡♡♡
----------------------------------------------------->
<head>
<title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:TagPage}#{Tag} | {/block:TagPage}{block:SearchPage}{SearchQuery} | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} | {/block:DayPage}{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="viewport" content="width=device-width, initial-scale=1">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link href="https://fonts.googleapis.com/css?family={text:google font}" rel="stylesheet">
<link href="https://solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<meta name="image:background" content="" />
<meta name="image:sidebar" content="" />
<meta name="image:pride flag" content="" />
<meta name="color:color 1" content="#ff6767" />
<meta name="color:color 2" content="#cc3434" />
<meta name="color:font" content="#000000" />
<meta name="color:background" content="#ffffff" />
<meta name="color:sidebar background" content="#ffffff" />
<meta name="color:red" content="#ff7f7f" />
<meta name="color:orange" content="#ffd27f" />
<meta name="color:yellow" content="#ffff7f" />
<meta name="color:green" content="#7fbf7f" />
<meta name="color:blue" content="#7f7fff" />
<meta name="color:purple" content="#bf7fbf" />
<meta name="color:gray" content="#222222" />
<meta name="color:rainbow clouds" content="#f2f2f2" />
<meta name="color:topbar" content="#dddddd" />
<meta name="color:blog title" content="#ff6767" />
<meta name="color:blog title hover" content="#cc3434" />
<meta name="color:blog links" content="#ff6767" />
<meta name="color:blog links hover" content="#cc3434" />
<meta name="color:search bar" content="#cc3434" />
<meta name="color:post background" content="#ffffff" />
<meta name="color:post date" content="#000000" />
<meta name="color:text shadow" content="#cccccc" />
<meta name="color:chat label underline" content="#000000" />
<meta name="color:quotes" content="#222222" />
<meta name="color:quote sources" content="#555555" />
<meta name="color:reblogger" content="#888888" />
<meta name="color:reblogger hover" content="#444444" />
<meta name="color:post types" content="#000000" />
<meta name="color:like and reblog buttons" content="#444444" />
<meta name="color:like and reblog buttons hover" content="#ff4141" />
<meta name="color:like button liked" content="#992727" />
<meta name="font:font" content="Avalon" />
<meta name="select:topbar" content="gradient" title="rainbow" />
<meta name="select:topbar" content="solid" title="solid" />
<meta name="select:topbar" content="none" title="none" />
<meta name="select:post type decorations" content="quotes" title='"quotes"' />
<meta name="select:post type decorations" content="question" title="question?" />
<meta name="select:post type decorations" content="pound" title="#hashtag" />
<meta name="select:post type decorations" content="" title="none" />
<meta name="select:pagination type" content="simple" title="simple" />
<meta name="select:pagination type" content="jump" title="jump pagination" />
<meta name="select:pagination type" content="infinite" title="infinite scroll" />
<meta name="select:pagination type" content="loadmore" title="load more" />
<meta name="if:rainbow sidebar icon" content="1" />
<meta name="if:rainbow bullet points" content="1" />
<meta name="if:rainbow quotes" content="1" />
<meta name="if:rainbow chat label underline" content="1" />
<meta name="if:rainbow post types" content="1" />
<meta name="if:dark tumblr controls" content="1" />
<meta name="text:google font" content="Karla" />
<meta name="text:font size" content="" />
<meta name="text:sidebar icon size" content="105px" />
<meta name="text:description" content="" />
<meta name="text:search font size" content="0.8em" />
<meta name="text:post width" content="500px" />
<meta name="text:photoset gutter" content="0.5em" />
<meta name="text:tags prefix" content="." />
<meta name="text:blog link one name" content="" />
<meta name="text:blog link one url" content="" />
<meta name="text:blog link two name" content="" />
<meta name="text:blog link two url" content="" />
<meta name="text:blog link three name" content="" />
<meta name="text:blog link three url" content="" />
<meta name="text:blog link four name" content="" />
<meta name="text:blog link four url" content="" />
<meta name="text:blog link five name" content="" />
<meta name="text:blog link five url" content="" />
<style>
* {
position: relative;
}
body {
background: {color:background} url('{image:background}') no-repeat fixed center;
background-size: cover;
color: {color:font};
font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
font-size: {text:font size};
line-height: 1.45em;
}
a {
color: {color:color 1};
}
a:hover {
color: {color:color 2};
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
height: auto;
}
blockquote {
margin: 0;
padding: 0 0 0 1em;
border-left: 1px solid;
}
hr {
height: 1px;
width: 75%;
margin: 0.75em auto;
border: none;
background: {color:font};
}
pre {
white-space: pre-wrap;
background: rgba(0,0,0,0.03);
padding: 0.5em 1em;
border-left: 1px solid;
}
ul, ol {
margin: 0;
list-style: none;
padding: 0 0 0 1.75em;
}
ol {
counter-reset: lists;
}
ul li::before {
content: '\e1e9'; /* change this if you want a different icon for lists */
position: absolute;
font-family: 'saturnicons';
top: 0.1em;
left: -2em;
color: {color:color 2};
font-size: 0.8em;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
{block:Ifrainbowbulletpoints}
text-shadow: 1px 1px {color:text shadow};
{/block:Ifrainbowbulletpoints}
}
ol li:before {
counter-increment: lists;
content: counter(lists) ".";
position: absolute;
left: -1.6em;
color: {color:color 2};
{block:Ifrainbowbulletpoints}
text-shadow: 1px 1px #cccccc;
{/block:Ifrainbowbulletpoints}
}
{block:Ifrainbowbulletpoints}
li:nth-child(6n - 5)::before {
color: {color:red};
}
li:nth-child(6n - 4)::before {
color: {color:orange};
}
li:nth-child(6n - 3)::before {
color: {color:yellow};
}
li:nth-child(6n - 2)::before {
color: {color:green};
}
li:nth-child(6n - 1)::before {
color: {color:blue};
}
li:nth-child(6n)::before {
color: {color:purple};
}
{/block:Ifrainbowbulletpoints}
/* topbar */
div#hbar {
position: fixed;
height: 0.5em;
width: 100%;
top: 0;
left: 0;
background: {color:topbar};
z-index: 1;
}
div#hbar.gradient {
background: repeating-linear-gradient(90deg,rgba({RGBcolor:red}, 0.5),rgba({RGBcolor:orange}, 0.5),rgba({RGBcolor:yellow}, 0.5),rgba({RGBcolor:green}, 0.5),rgba({RGBcolor:blue}, 0.5),rgba({RGBcolor:purple}, 0.5),rgba({RGBcolor:red}, 0.5) 750px);
}
div#hbar.none {
display: none;
}
/* post + sidebar container */
div#container {
width: calc(250px + 4em + {text:post width});
max-width: calc(250px + 4em + 500px);
min-width: calc(250px + 4em + 350px);
margin: 0 auto;
}
/* sidebar */
aside#sidebar, section#posts {
display: inline-block;
vertical-align: top;
}
aside#sidebar {
position: fixed;
width: 250px;
margin-top: 125px;
margin-right: 4em;
background: {color:sidebar background};
padding: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
{block:Ifrainbowsidebaricon}
div#blog-info .rainbow, div#blog-title {
display: inline-block;
{block:Ifsidebarimage}vertical-align: bottom;{/block:Ifsidebarimage}
{block:IfNotsidebarimage}vertical-align: top;{/block:IfNotsidebarimage}
}
div#blog-info .rainbow {
{block:Ifsidebarimage}margin: calc(-1 * ({text:sidebar icon size} / 2)) 0 0 calc(-1 * ({text:sidebar icon size} / 2));{/block:Ifsidebarimage}
{block:IfNotsidebarimage}margin: calc(-1 * ({text:sidebar icon size} / 4)) 0 0 calc(-1 * ({text:sidebar icon size} / 4));{/block:IfNotsidebarimage}
}
.rainbow {
height: 105px;
width: 105px;
min-height: 50px;
min-width: 50px;
max-height: 150px;
max-width: 150px;
height: {text:sidebar icon size};
width: {text:sidebar icon size};
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.rainbow .rainbow-color {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 5px;
border-style: solid;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-radius: 100%;
position: absolute;
}
.rainbow-red {
width: 100%;
height: 100%;
border-color: red;
border-color: {color:red};
top: 0;
left: 0;
}
.rainbow-orange {
width: calc(100% - 5px);
height: calc(100% - 5px);
border-color: orange;
border-color: {color:orange};
top: 4px;
left: 4px;
}
.rainbow-yellow {
width: calc(100% - (2 * 5px));
height: calc(100% - (2 * 5px));
border-color: yellow;
border-color: {color:yellow};
top: calc(2 * 4px);
left: calc(2 * 4px);
}
.rainbow-green {
width: calc(100% - (3 * 5px));
height: calc(100% - (3 * 5px));
border-color: green;
border-color: {color:green};
top: calc(3 * 4px);
left: calc(3 * 4px);
}
.rainbow-blue {
width: calc(100% - (4 * 5px));
height: calc(100% - (4 * 5px));
border-color: blue;
border-color: {color:blue};
top: calc(4 * 4px);
left: calc(4 * 4px);
}
.rainbow-purple {
width: calc(100% - (5 * 5px));
height: calc(100% - (5 * 5px));
border-color: purple;
border-color: {color:purple};
top: calc(5 * 4px);
left: calc(5 * 4px);
}
.rainbow-cloud-left {
position: absolute;
bottom: 0;
left: 13%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: 1;
}
.rainbow-cloud-left div:first-child {
height: 30px;
width: 30px;
left: 10px;
}
.rainbow-cloud-left div:nth-child(2) {
height: 20px;
width: 20px;
left: 0;
}
.rainbow-cloud-left div {
border-radius: 100%;
background: {color:rainbow clouds};
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.rainbow-cloud-left div:last-child {
height: 15px;
width: 15px;
left: 35px;
}
.rainbow-cloud-right {
position: absolute;
top: 13%;
right: 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rainbow-cloud-right div:first-child {
height: 30px;
width: 30px;
left: 10px;
}
.rainbow-cloud-right div:nth-child(2) {
height: 20px;
width: 20px;
left: 0;
}
.rainbow-cloud-right div {
border-radius: 100%;
background: {color:rainbow clouds};
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.rainbow-cloud-right div:last-child {
height: 15px;
width: 15px;
left: 35px;
}
{block:Ifsidebarimage}
img#sidebar-avatar {
position: absolute;
width: calc(100% - (6 * 5px));
height: calc(100% - (6 * 5px));
top: calc(6 * 4px);
left: calc(6 * 4px);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
border-radius: 100%;
border: 5px solid {color:sidebar background};
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rainbow-dot {
height: 1em;
width: 1em;
background-image: url('{image:pride flag}');
background-size: cover;
background-repeat: no-repeat;
border-radius: 100%;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
position: absolute;
bottom: 15%;
right: 7%;
}
div#blog-title {
margin-left: 1em;
max-width: calc(100% - ({text:sidebar icon size} / 2) - 2em);
}
{/block:Ifsidebarimage}
{block:IfNotsidebarimage}
div#blog-title {
margin-left: calc(-2 * ({text:sidebar icon size} / 4));
margin-top: calc(1.5 * ({text:sidebar icon size} / 4));
max-width: calc(100% - ({text:sidebar icon size} / 4) - 2em);
}
{/block:IfNotsidebarimage}
{/block:Ifrainbowsidebaricon}
{block:IfNotrainbowsidebaricon}
div#blog-avatar, div#blog-title {
display: inline-block;
vertical-align: middle;
margin-bottom: 1em;
}
div#blog-avatar {
height: {text:sidebar icon size};
width: {text:sidebar icon size};
border-radius: 100%;
margin: calc(-1 * {text:sidebar icon size} / 2) 0 1em calc(-1 * {text:sidebar icon size} / 2);
background-image: url('{image:pride flag}');
background-size: cover;
background-repeat: no-repeat;
padding: 0.4em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div#blog-avatar img {
height: 100%;
width: 100%;
border-radius: 100%;
}
div#blog-title {
max-width: calc(100% - ({text:sidebar icon size} / 2) - 1.25em);
margin-left: 1em;
}
{/block:IfNotrainbowsidebaricon}
div#blog-title a {
color: {color:blog title};
font-size: 1.5em;
text-decoration: none;
font-weight: bold;
}
div#blog-title a:hover {
color: {color:blog title hover};
}
{block:Ifrainbowsidebaricon}
div#blog-desc {
{block:Ifsidebarimage}margin-top: 1.5em;{/block:Ifsidebarimage}
{block:IfNotsidebarimage}margin-top: 1em;{/block:IfNotsidebarimage}
}
{/block:Ifrainbowsidebaricon}
div#blog-desc p {
margin: 0.5em 0;
}
div#blog-desc p:first-child {
margin-top: 0;
}
div#blog-desc p:last-child {
margin-bottom: 0;
}
div#blog-links {
margin-top: 1em;
}
div#blog-links a {
color: {color:blog links};
text-decoration: none;
text-transform: lowercase;
display: inline-block;
}
div#blog-links a:not(:last-child) {
margin-right: 0.5em;
}
div#blog-links a:hover {
color: {color:blog links hover};
}
div#search {
margin-top: 0.75em;
}
div#search input {
outline: none;
border: none;
background: transparent;
color: {color:search bar};
width: 100%;
font-size: {text:search font size};
font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
text-transform: lowercase;
}
/* post container */
section#posts {
margin-left: calc(250px + 4em);
margin-bottom: 3em;
padding-bottom: 3em;
}
/* all posts */
.post {
margin: 3em 0;
width: {text:post width};
max-width: 500px;
min-width: 350px;
background: {color:post background};
word-wrap: break-word;
padding: 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@-webkit-keyframes fade {
from {opacity:0;}
top {opacity:1;}
}
@keyframes fade {
from {opacity:0;}
top {opacity:1;}
}
.post.new {
-webkit-animation: fade 2s;
animation: fade 2s;
}
/* post date + time */
.new-post-date {
margin: 3em 0 2em;
font-size: 1.5em;
font-weight: bold;
color: {color:post date};
background: {color:post background};
padding: 1.3em;
}
.new-post-date a {
text-decoration: none;
color: {color:post date};
}
.post-time {
margin-bottom: 1em;
}
.post-time a {
color: {color:post date};
text-decoration: none;
text-shadow: 1px 1px {color:text shadow};
font-size: 1.25em;
}
/* post titles */
a.title, a.path.has-desc {
text-decoration: none;
font-size: 1.5em;
margin-bottom: 1em;
display: inline-block;
}
a.path {
text-decoration: none;
font-size: 1.5em;
display: inline-block;
}
/* text posts */
figure:not(:last-child) {
margin: 0.75em 0;
}
p.tmblr-attribution {
margin-top: 0;
}
p.tmblr-attribution a {
text-transform: lowercase;
font-size: 0.8em;
color: {color:font};
}
/* photo/photoset posts */
.tmblr-lightbox {
background: #fff !important;
background: rgba(255,255,255,1) !important;
}
.tmblr-lightbox .vignette {
opacity: 0;
}
.tmblr-lightbox .lightbox-image {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.lightbox-caption {
color: #000 !important;
text-shadow: none !important;
}
/* quote posts */
.quote .words, .quote .words-shadow {
font-size: 2em;
line-height: 1.25em;
font-weight: bold;
}
.quote .words {
{block:Ifrainbowquotes}
background: {color:quotes};
background: -webkit-gradient(linear,left top, right top,{color:red}, {color:orange}, {color:yellow}, {color:green}, {color:blue}, {color:purple}, {color:red});
background: linear-gradient(to right,{color:red},{color:orange},{color:yellow},{color:green},{color:blue},{color:purple},{color:red});
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
z-index: 1;
{/block:Ifrainbowquotes}
{block:IfNotrainbowquotes}
color: {color:quotes};
{/block:IfNotrainbowquotes}
}
{block:Ifrainbowquotes}
.quote .words-shadow {
color: {color:post background};
position: absolute;
max-width: 100%;
top: 0;
left: 0;
text-shadow: 1px 1px {color:text shadow};
}
{/block:Ifrainbowquotes}
.source {
margin-top: 1em;
color: {color:quote sources};
}
/* chat posts */
.chat-line:not(:first-child) {
margin-top: 1em;
}
.chat-line .label {
font-weight: bold;
display: inline-block;
z-index: 1;
}
.chat-line .label::before {
content: '';
position: absolute;
height: 0.15em;
width: 100%;
bottom: 0.15em;
left: 0;
background: {color:chat label underline};
box-shadow: 1px 1px {color:text shadow};
z-index: -1;
}
{block:Ifrainbowchatlabelunderline}
.chat-line:nth-child(6n - 5) .label::before {
background: {color:red};
}
.chat-line:nth-child(6n - 4) .label::before {
background: {color:orange};
}
.chat-line:nth-child(6n - 3) .label::before {
background: {color:yellow};
}
.chat-line:nth-child(6n - 2) .label::before {
background: {color:green};
}
.chat-line:nth-child(6n - 1) .label::before {
background: {color:blue};
}
.chat-line:nth-child(6n) .label::before {
background: {color:purple};
}
{/block:Ifrainbowchatlabelunderline}
/* audio posts */
.audio iframe {
width: 100%;
}
iframe.tumblr_audio_player {
height: 85px;
}
iframe.spotify_audio_player {
height: 80px;
}
/* captions */
.caption {
margin-top: 0.75em;
}
/* reblogger */
.reblogged:not(:last-of-type), .qna:not(:last-of-type) {
margin-bottom: 1.5em;
}
.blog {
margin-bottom: 0.75em;
}
.blog span {
font-weight: bold;
display: inline-block;
color: {color:reblogger hover};
}
.blog.deactivated span::after {
content: "deactivated";
position: absolute;
color: #aaa;
font-weight: normal;
left: calc(100% + 0.75em);
opacity: 0;
-webkit-transition: 0.25s all ease-in-out;
transition: 0.25s all ease-in-out;
}
.blog.deactivated span {
cursor: help;
}
.blog.deactivated span:hover::after {
opacity: 1;
}
.blog a {
text-decoration: none;
color: {color:reblogger};
}
.blog a:hover {
color: {color:reblogger hover};
}
.reblogged p {
margin: 0.75em 0;
}
.reblogged p:last-child {
margin-bottom: 0;
}
/* post info */
.info {
text-transform: lowercase;
}
.reblogged + .info, .qna + .info {
margin-top: -0.5em;
}
:not(.reblogged):not(.qna) + .info {
margin-top: 1em;
}
a.path.has-desc + .info {
margin-top: -0.5em !important;
}
.info a {
text-decoration: none;
}
.post-info a {
display: inline-block;
}
.post-info a:not(:last-child) {
margin-right: 1em;
}
.post-info a:not(:first-child) {
{block:IndexPage}
margin-left: 2.5em;
opacity: 0;
{/block:IndexPage}
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
-webkit-transition-property: margin, opacity;
transition-property: margin, opacity;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
{block:IndexPage}
.post:hover .post-info a:not(:first-child) {
margin-left: 0;
opacity: 1;
}
{/block:IndexPage}
a.post-type {
padding: 0.05em 0.5em;
border-radius: 5px;
border: 1px solid;
color: {color:post types};
text-shadow: 1px 1px {color:text shadow};
box-shadow: 1px 1px {color:text shadow};
}
{block:Ifrainbowposttypes}
.text a.post-type {
color: {color:red};
}
.photo a.post-type {
color: {color:orange};
}
.quote a.post-type {
color: {color:yellow};
}
.link a.post-type {
color: {color:green};
}
.chat a.post-type {
color: {color:blue};
}
.audio a.post-type {
color: {color:purple};
}
.video a.post-type {
color: {color:purple};
}
.answer a.post-type {
color: {color:gray};
}
{/block:Ifrainbowposttypes}
a.post-type.quotes::before, a.post-type.quotes::after {
content: '"';
}
a.post-type.question::after {
content: "?";
}
a.post-type.pound::before {
content: "#";
}
.buttons, .reblog-button, .like-button {
display: inline-block;
}
.buttons {
text-align: right;
position: absolute;
right: 0;
top: 0;
float: right;
padding-top: 0.2em;
color: {color:like and reblog buttons};
}
.buttons span {
-webkit-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
}
.reblog-button a {
color: {color:like and reblog buttons};
}
.reblog-button a:hover {
text-decoration: none;
color: {color:like and reblog buttons hover};
}
.like-button {
width: 1em;
height: 1em;
cursor: pointer;
margin-right: 0.5em;
}
.like_button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
}
.like_button iframe {
width: 100% !important;
height: 100% !important;
}
.new-like-button {
width: 100%;
height: 100%;
z-index: 1;
}
.like_button:hover + .new-like-button > span {
color: {color:like and reblog buttons hover};
}
.like_button.liked + .new-like-button > span {
color: {color:like button liked};
}
.tags, .cont-source {
margin-top: 0.5em;
}
.tags a:not(:last-child) {
margin-right: 0.65em;
}
.tags a::before {
content: "{text:tags prefix}";
}
.cont-source {
text-transform: lowercase;
}
/* post notes */
div#notes {
margin-top: 2em;
}
ol.notes {
margin: 0;
padding: 0;
list-style: none;
}
li.note {
margin: 0.25em 0;
}
li.note::before {
display: none;
}
ol.notes a {
text-decoration: none;
}
ol.notes img {
display: none;
}
li.note blockquote {
margin-top: 0.5em;
}
/* pagination, load more button */
div#pagination {
position: absolute;
bottom: 0;
text-align: center;
background: {color:pagination background};
padding: 0.75em;
text-transform: lowercase;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div#pagination.infinite, div#pagination.loadmore, span#load-more:not(.loadmore) {
display: none;
}
div#pagination * {
margin: 0 0.35em;
display: inline-block;
}
div#pagination span {
color: {color:color 2};
font-weight: bold;
font-size: 1.1em;
}
div#pagination.simple .page {
display: none;
}
span#load-more {
display: block;
position: absolute;
bottom: 1em;
width: 100%;
text-align: center;
text-decoration: underline;
text-transform: lowercase;
margin-top: 1em;
color: {color:color 1};
cursor: help;
}
span#load-more:hover {
color: {color:color 2};
}
div#infscr-loading {
display: none !important;
}
/* tumblr controls */
iframe.tmblr-iframe {
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: right;
transform-origin: right;
{block:Ifdarktumblrcontrols}
-webkit-filter: invert(100%) hue-rotate(180deg);
filter: invert(100%) hue-rotate(180deg);
{/block:Ifdarktumblrcontrols}
opacity: 0.75;
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
iframe.tmblr-iframe:hover {
opacity: 1;
}
/* scroll buttons */
a#scroll-up {
position: fixed;
bottom: 31px;
bottom: calc(20px + 1em);
right: 5px;
background: #fff;
padding: 6px 2.5px 2px;
color: #000;
font-size: 0.8em;
text-decoration: none;
}
a#scroll-down {
position: fixed;
bottom: 31px;
bottom: calc(20px + 1em);
right: 23px;
right: calc(10px + 1em);
background: #fff;
padding: 6px 2.5px 2px;
color: #000;
font-size: 0.8em;
text-decoration: none;
display: none;
}
a#cred {
position: fixed;
bottom: 5px;
right: 5px;
background: #fff;
padding: 3px 6px;
color: #000;
font-size: 0.8em;
text-decoration: none;
}
/* responsiveness */
@media screen and (min-width: 850px) {
.post-info {
height: 1.625em;
}
}
@media screen and (max-width: 850px) {
div#container {
width: {text:post width};
min-width: 0;
}
aside#sidebar, section#posts {
display: block;
position: relative;
}
aside#sidebar {
margin-top: 125px;
width: 100%;
}
section#posts {
margin: 1em auto 3em;
}
}
@media screen and (max-width: 500px) {
div#container {
padding: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
aside#sidebar {
margin-top: 0px;
}
div#blog-info .rainbow {
display: block;
margin: 0 0 1em;
{block:IfNotsidebarimage}margin-bottom: calc(-1 * 125px / 5);{/block:IfNotsidebarimage}
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div#blog-info .rainbow img {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
div#blog-info div#blog-title {
margin-left: 0;
margin-top: 1em;
max-width: 100%;
}
.post {
width: 100%;
min-width: 0;
}
.blog.deactivated span::after {
opacity: 1;
}
.post-info {
padding-right: 3.25em;
opacity: 1;
margin-left: 0;
}
.post-info a {
opacity: 1 !important;
margin-left: 0 !important;
}
a.post-type {
margin-bottom: 0.5em;
}
iframe.tmblr-iframe {
-webkit-transform: none;
transform: none;
-webkit-filter: none;
filter: none;
top: 0.5em;
}
iframe.tmblr-iframe--app-cta-button {
display: none !important;
}
}
{CustomCSS}
</style>
</head>
<body>
<div id="hbar" class="{select:topbar}"></div>
<div id="container">
<aside id="sidebar">
<div id="blog-info">
{block:Ifrainbowsidebaricon}
<div class="rainbow">
<div class="rainbow-color rainbow-red"></div>
<div class="rainbow-color rainbow-orange"></div>
<div class="rainbow-color rainbow-yellow"></div>
<div class="rainbow-color rainbow-green"></div>
<div class="rainbow-color rainbow-blue"></div>
<div class="rainbow-color rainbow-purple"></div>
<div class="rainbow-cloud-left"><div></div><div></div><div></div></div>
<div class="rainbow-cloud-right"><div></div><div></div><div></div></div>
{block:Ifsidebarimage}<img src="{image:sidebar}" id="sidebar-avatar" />
{block:Ifprideflagimage}<div class="rainbow-dot"></div>{/block:Ifprideflagimage}{/block:Ifsidebarimage}
</div>
{/block:Ifrainbowsidebaricon}
{block:IfNotrainbowsidebaricon}
<div id="blog-avatar">
<img src="{image:sidebar}" />
</div>
{/block:IfNotrainbowsidebaricon}
<div id="blog-title"><a href="{BlogURL}">{Title}</a></div>
{block:Ifdescription}<div id="blog-desc">{text:description}</div>{/block:Ifdescription}
</div>
<div id="blog-links">
<a href="{BlogURL}">{lang:Home}</a><a href="/ask">ask</a>{block:Ifbloglinkoneurl}<a href="{text:blog link one url}">{text:blog link one name}</a>{/block:Ifbloglinkoneurl}{block:Ifbloglinktwourl}<a href="{text:blog link two url}">{text:blog link two name}</a>{/block:Ifbloglinktwourl}{block:Ifbloglinkthreeurl}<a href="{text:blog link three url}">{text:blog link three name}</a>{/block:Ifbloglinkthreeurl}{block:Ifbloglinkfoururl}<a href="{text:blog link four url}">{text:blog link four name}</a>{/block:Ifbloglinkfoururl}{block:Ifbloglinkfiveurl}<a href="{text:blog link five url}">{text:blog link five name}</a>{/block:Ifbloglinkfiveurl}<a href="/archive">{lang:Archive}</a>
</div>
<div id="search"><form action="/search" method="get"><input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}"/></form></div>
</aside>
<section id="posts">
{block:Posts}
{block:NewDayDate}<div class="new-post-date"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month} {DayOfMonth}, {Year}</a></div>{/block:NewDayDate}
<article class="post {PostType}" id="{PostID}">
{block:Date}<div class="post-time"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a></div>{/block:Date}
{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
{block:Text}{block:NotReblog}<div class="body">{Body}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog{block:IsDeactivated} deactivated{/block:IsDeactivated}"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Text}
{block:Photo}<a href="#" class="pic" 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}" alt="{PhotoAlt}"></a>{/block:Photo}
{block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
{block:Quote}<div><div class="words">{Quote}</div>{block:Ifrainbowquotes}<div class="words-shadow">{Quote}</div>{block:Ifrainbowquotes}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
{block:Link}<a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
{block:Description}{block:NotReblog}<div class="desc">{Description}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog{block:IsDeactivated} deactivated{/block:IsDeactivated}"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Description}{/block:Link}
{block:Chat}<div>{block:Lines}<div class="chat-line">{block:Label}<div class="label">{Label}</div>{/block:Label}<div>{Line}</div></div>{/block:Lines}</div>{/block:Chat}
{block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{/block:Audio}
{block:Video}{VideoEmbed-500}{/block:Video}
{block:Answer}<div class="qna"><div class="blog"><span>{Asker}</span></div><span class="speech">{Question}</span></div>
{block:Answerer}<div class="qna"><div class="blog"><span>{Answerer}</span></div><span class="speech">{Answer}</span></div>{block:Reblogs}<div class="qna"><div class="blog{block:IsDeactivated} deactivated{/block:IsDeactivated}"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div><span class="speech">{Body}</span></div>{/block:Reblogs}{/block:Answerer}
{block:NotReblog}<div class="qna"><div class="blog{block:IsDeactivated} deactivated{/block:IsDeactivated}"><span><a href="{Permalink}">{Name}</a></span></div><span class="speech">{Answer}</span></div>{/block:NotReblog}{/block:Answer}
{block:Caption}<div class="caption">{block:NotReblog}{Caption}{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog{block:IsDeactivated} deactivated{/block:IsDeactivated}"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Caption}
{block:Date}<div class="info">
<div>
<div class="post-info"><a href="{Permalink}" class="post-type {select:post type decorations}">{block:Text}{lang:Text}{/block:Text}{block:Photo}{lang:Photo}{/block:Photo}{block:Photoset}{lang:Photoset}{/block:Photoset}{block:Quote}{lang:Quote}{/block:Quote}{block:Link}{lang:Link}{/block:Link}{block:Chat}{lang:Chat}{/block:Chat}{block:Audio}{lang:Audio}{/block:Audio}{block:Video}{lang:Video}{/block:Video}{block:Answer}{lang:Answer}{/block:Answer}</a><a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" {Target}>{lang:Via}</a><a href="{ReblogRootURL}" title="{ReblogRootName}" {Target}>{lang:Source}</a>{/block:RebloggedFrom}</div>
<div class="buttons">
<div class="like-button">{LikeButton}<span class="new-like-button"><span class="sf sf-heart-2-o"></span></span></div>
<div class="reblog-button"><a href="{ReblogURL}" {Target}><span class="sf sf-reblog-o"></span></a></div>
</div>
</div>
{block:HasTags}<div class="tags">
{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
</div>{/block:HasTags}
{block:PermalinkPage}{block:ContentSource}<div class="cont-source">{lang:Source}: <a href="{SourceURL}" {Target}>{SourceTitle}</a></div>{/block:ContentSource}{/block:PermalinkPage}
</div>{/block:Date}
{block:PostNotes}<div id="notes">
{PostNotes}
</div>{/block:PostNotes}
</article>
{/block:Posts}
{block:Pagination}
<div id="pagination" class="{select:pagination type}">
{block:PreviousPage}<a href="{PreviousPage}" class="prev">{lang:Prev}</a>{/block:PreviousPage}
{block:JumpPagination length="3"}{block:CurrentPage}<span class="page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}" class="jump page">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="next">{lang:Next}</a>{/block:NextPage}
</div>
<span id="load-more" class="{select:pagination type}">{lang:Load more posts}</span>
{/block:Pagination}
</section>
<a href="#" id="scroll-up"><span class="sf sf-arrow-up"></span></a>
<a href="#" id="scroll-down"><span class="sf sf-arrow-down"></span></a>
<a href="https://annasthms.tumblr.com/" id="cred" title="theme by annasthms" {Target}>a</a>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//static.tumblr.com/yfztp0u/brUohnb4m/infinitescroll.js"></script>
<script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
<script src="//dl.dropbox.com/s/r1lcsrj2ofap7n5/videoResize.min.js?dl=0"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
<script>
function pagination(pag) {
switch (pag) {
case 'infinite':
$container = $('section#posts');
$container.infinitescroll({
navSelector: 'div#pagination',
nextSelector: 'a.next',
itemSelector: '.post',
loading: {
img: '',
msgText: '',
},
debug: true,
bufferPx: 0
}, function(items) {
var $items = $(items);
$items.addClass('new');
$items.find('.photo-slideshow').pxuPhotoset({lightbox: true, rounded: false, gutter: '{text:photoset gutter}', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo'});
$('.new.video iframe, .new .body iframe, .new .caption iframe, .new .reblogged iframe').videoResize();
$itemsIDs = $items.map(function(){
return this.id;
}).get();
Tumblr.LikeButton.get_status_by_post_ids($itemsIDs);
$items.removeClass('new');
});
break;
case 'loadmore':
$container = $('section#posts');
$container.infinitescroll({
navSelector: 'div#pagination',
nextSelector: 'a.next',
itemSelector: '.post',
loading: {
img: '',
msgText: '',
},
debug: true,
errorCallback: function(){$('#load-more').hide();}
}, function(items) {
var $items = $(items);
$items.addClass('new');
$items.find('.photo-slideshow').pxuPhotoset({lightbox: true, rounded: false, gutter: '{text:photoset gutter}', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo'});
$('.new.video iframe, .new .body iframe, .new .caption iframe, .new .reblogged iframe').videoResize();
$itemsIDs = $items.map(function(){
return this.id;
}).get();
Tumblr.LikeButton.get_status_by_post_ids($itemsIDs);
$items.removeClass('new');
});
$(window).unbind('.infscr');
$('#load-more').click(function(){
$container.infinitescroll('retrieve');
return false;
});
break;
default:
}
(0==$("a#cred").length||$("a#cred:empty").length>0)&&window.location.replace("https://annasthms.tumblr.com");
}
$(document).ready(function(){
// minimal soundcloud player © shythemes.tumblr
var color = '{color:color 1}'; // color of play button (hex)
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
});
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '{text:photoset gutter}',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
$('.video iframe, .body iframe, .caption iframe, .reblogged iframe').videoResize();
$(window).resize(function(){
$('.video iframe, .body iframe, .caption iframe, .reblogged iframe').videoResize();
});
$('.chat-line .label').each(function(){
$(this).text($(this).text().split(":")[0]);
});
$('.quote .source').each(function(){
$(this).html($(this).html().split('(via')[0].trim());
if($(this).is(':empty'))
$(this).remove();
});
var scrolltop = 0;
$('a#scroll-up').click(function(){
scrolltop = $(window).scrollTop();
$('html, body').animate({ scrollTop: 0 }, 1500);
$('a#scroll-down').fadeIn();
return false;
});
$('a#scroll-down').click(function(){
$('html, body').animate({scrollTop: scrolltop}, 1500);
$('a#scroll-down').fadeOut();
return false;
});
{block:IndexPage}
pagination('{select:pagination type}');
{/block:IndexPage}
});
</script>
</body>
</html> Pasted: Jun 11, 2018, 4:54:50 am
Views: 512