glenthemes/themes
glenthemes
/
themes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

₊⁺✿˚

This commit is contained in:
HT 2023-04-30 02:38:27 +01:00
parent a3e7a289c7
commit 395f77e778
1 changed files with 167 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

286
16-Blue-Moon-BLACK
View File

@ -6,8 +6,8 @@ Blue version: pastebin.com/tsqprL8v
Initial release: 2015/12/23
Major code update: 2018/05/25
Last updated: 2021/10/16
Last updated: 2023/04/29
TERMS OF USE:
1) Do not remove the theme credit.
2) Do not repost/redistribute my themes.
@ -15,7 +15,7 @@ TERMS OF USE:
4) Do not use my themes as a base code.
5) Do not mix my themes together.
------------------------------------------------------------------------>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
@ -24,7 +24,7 @@ TERMS OF USE:
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<!--------------------JAVASCRIPTS-------------------->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
@ -40,7 +40,7 @@ attribute:"title"
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
$('iframe.tumblr_audio_player').load( function() {
@ -68,34 +68,83 @@ $(document).ready(function(){
});
});
</script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
{block:ifsmoothscrolling}
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
{/block:ifsmoothscrolling}
<link href="//fonts.googleapis.com/css?family=Economica|Open+Sans|Quicksand" rel="stylesheet">
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
<script src="//cdn.discordapp.com/attachments/740869894345850880/897702964192485386/gtresizing.js"></script>
{block:ifshowmusicplayer}
<script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>
{/block:ifshowmusicplayer}
<link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
<script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
<style type="text/css">
<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
<!--
NPF images fix v3.0 by @glenthemes [2021]
💌 git.io/JRBt7
--->
<script src="//npf-images-v3.github.io/script.js"></script>
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
<style tmblr-npf>
:root {
--NPF-Caption-Spacing:1em;
--NPF-Image-Spacing:{text:photoset gutter width}px;
--NPF-Bottom-Gap-From-Captions:1em;
}
a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
padding-bottom:0!important;
border-bottom:none!important;
}
.spotify_audio_player {
height:80px!important;
}
</style>
<script>
// minimal soundcloud player @ shythemes.tumblr
// shythemes.tumblr.com/post/114792480648
$(document).ready(function(){
var soundcloud_btn = '{color:link}';
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + soundcloud_btn.split('#')[1], height: 116, width: '100%' });
});
});
</script>
<!-- unblue polls -->
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
<style>
.poll-post {
--Poll-Question-Font-Size: {text:font size}px;
--Poll-Option-Background-Color: transparent;
--Poll-Option-Corner-Rounding: 4px;
--Poll-Option-Border-Size: 1px;
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
--Poll-Option-Padding: 10px;
--Poll-Option-Font-Size: {text:font size}px;
--Poll-Option-Spacing: 10px;
--Poll-Option-Text-Color: {color:text};
--Poll-Option-HOVER-Border-Color: rgba({RGBcolor:text},0.25);
--Poll-Option-HOVER-Background-Color: transparent;
--Poll-Option-HOVER-Text-Color: {color:text};
--Poll-Option-HOVER-Speed: 0.4s;
}
</style>
<!--------------------COLORS-------------------->
<meta name="color:background" content="#f7f7f7"/>
<meta name="color:music player color" content="#000">
@ -163,7 +212,7 @@ $(document).ready(function(){
<!--------------------TITLES-------------------->
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
<meta name="text:music player mp3 URL" content="https://cdn.discordapp.com/attachments/900670626774265886/900676307690602496/The_Relief.mp3">
<meta name="text:music player mp3 URL" content="https://rhizo.gitlab.io/m/The_Relief.mp3">
<meta name="text:music player song name" content="The Relief">
<meta name="text:font size" content="12">
<meta name="text:post width" content="500">
@ -215,16 +264,16 @@ iframe#tumblr_controls, .iframe-controls--desktop {
right:5px!important;
position:fixed!important;
opacity:0.7;
{block:ifdarktumblrcontrols}
filter:invert(100%) hue-rotate(180deg);
-webkit-filter:invert(100%) hue-rotate(180deg);
opacity:1;
{/block:ifdarktumblrcontrols}
transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
transform-origin:100% 0;
z-index:999999!important;
transition:0.3s ease-in-out;
@ -278,32 +327,32 @@ border-left:1px solid;
border-color:rgba({RGBcolor:text},0.6);
margin:10px;
}
b, strong {font-weight:bold;color: {color:Bold};}
.non a {
padding-bottom:0px!important;
border-bottom:0px solid transparent!important;
}
.nonn a {
border-bottom:0px solid transparent!important;
}
i, em, .em {color: {color:Italic};}
pre, code {
white-space:pre-wrap;
display:block;
}
hr {
width:70%;
border-width:0px;
height:1px;
background-color:rgba({RGBcolor:text},0.3);
}
p.npf_quirky, p.npf_quote {font-size:calc({text:font size}px + 5px);line-height:1em;}
/*--------------------LINKS--------------------*/
@ -329,7 +378,7 @@ h1, h2, h3, h4, h5, h6 {
color:{color:text};
text-align:center;
}
/*-----------------CONT-----------------*/
#container {
position:absolute;
@ -339,12 +388,12 @@ h1, h2, h3, h4, h5, h6 {
margin-bottom:{text:post margin}px;
/* width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + {text:sidebar width}px); */
}
#nudge {
}
/*-----------------SIDEBAR-----------------*/
#jupiter {
position:fixed;
@ -356,38 +405,38 @@ h1, h2, h3, h4, h5, h6 {
background-size:cover;
background-color:{color:sidebar background};
}
#strip1, #strip2, #strip3 {
position:fixed;
top:0;margin-top:0px;
left:0;
height:100%;
}
#strip1 {
margin-left:0px;
width:25px;
background-color:{color:sidebar bar 1};
}
#strip2 {
margin-left:calc(25px + {text:sidebar width}px);
width:15px;
background-color:{color:sidebar bar 2};
}
#strip3 {
margin-left:calc(25px + {text:sidebar width}px + 15px);
width:15px;
background-color:{color:sidebar bar 3};
}
.descwrap {
position:fixed;
bottom:0;margin-bottom:35px;
left:0;margin-left:calc((({text:sidebar width}px - ({text:sidebar width}px * 0.65)) / 2) + 30px);
}
.desc {
width:calc({text:sidebar width}px * 0.65);
height:120px;overflow:auto;
@ -397,26 +446,26 @@ h1, h2, h3, h4, h5, h6 {
color:{color:desc text};
text-align:center;
}
.desc a {
color:{color:desc link};
padding-bottom:1px;
border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4);
}
.desc a:hover {
color:{color:desc link hover};
border-bottom:0.5px solid rgba({RGBcolor:desc link hover},0.4);
}
.desc b, .desc strong {
font-weight:bold;
color:{color:desc bold};}
.desc i, .desc em {color:{color:desc italic};}
.desc p:last-child {margin-bottom:0px;}
.tiddy {
margin-bottom:-3px;
width:calc({text:sidebar width}px * 0.65);
@ -429,18 +478,18 @@ h1, h2, h3, h4, h5, h6 {
color:{color:description title};
text-shadow:1px 0px {color:description title shadow};
}
.flinks {
position:absolute;
width:30px;
margin-left:-45px;
}
.flinks a {
display:inline-block;
margin:9px 0;
}
.flinks .sf {
padding:7px 8px 5px 8px;
background-color:{color:desc circular links background};
@ -453,19 +502,19 @@ h1, h2, h3, h4, h5, h6 {
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.flinks .sf:hover {
background-color:{color:desc circular links background hover};
border:1px solid rgba({RGBcolor:desc circular links hover},0.7);
color:{color:desc circular links hover};
}
.clinks {
position:fixed;
bottom:0;margin-bottom:230px;
left:0;margin-left:25px;
}
.clinks a {
display:inline-block;
margin:4px 0;
@ -478,7 +527,7 @@ h1, h2, h3, h4, h5, h6 {
font-size:8px;
color:{color:custom links};
}
.clinks a:hover {
background-color:{color:custom links background hover};
border-left:10px solid {color:sidebar bar 1};
@ -493,7 +542,7 @@ margin-bottom:{text:post margin}px;
width:{text:post width}px;
padding:{text:post padding}px;
background-color:{color:post};
{block:ifpostborders}
border-top:1px solid {color:post borders};
border-right:1px solid {color:post borders};
@ -501,15 +550,15 @@ border-bottom:3px solid {color:post border accent};
border-left:1px solid {color:post borders};
{/block:ifpostborders}
}
.posts:last-of-type {margin-bottom:0px;}
.posts a {
color:{color:link};
padding-bottom:1px;
border-bottom:0.5px solid rgba({RGBcolor:link},0.4);
}
.posts a:hover {
color:{color:link hover};
border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
@ -519,7 +568,7 @@ border-left:1px solid {color:post borders};
position:relative;
overflow:hidden;
width:{text:post width}px;
{block:IndexPage}
{block:ifphotofade}
opacity:0.8;
@ -527,7 +576,7 @@ border-left:1px solid {color:post borders};
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
{/block:ifphotofade}
{block:ifmonochromeposts}
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
@ -543,7 +592,7 @@ border-left:1px solid {color:post borders};
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
}
.posts img {
{block:IndexPage}
{block:ifphotofade}
@ -552,7 +601,7 @@ border-left:1px solid {color:post borders};
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
{/block:ifphotofade}
{block:ifmonochromeposts}
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
@ -570,7 +619,7 @@ border-left:1px solid {color:post borders};
}
.posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
.posts iframe {max-width:100%;}
/*--------------------PERMALINK--------------------*/
@ -579,23 +628,23 @@ border-left:1px solid {color:post borders};
padding-top:15px;
border-top:1px solid rgba({RGBcolor:text},0.2);
}
.perma {
text-transform:uppercase;
letter-spacing:1px;
font-size:calc({text:font size}px - 2.5px);
}
.perma a, .perma b {
color:{color:permalink};
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.perma a {margin-right:15px;}
.perma a:hover, .perma b:hover {color:{color:permalink hover};}
.tagsin {
margin-top:5px;
margin-right:-3px;
@ -614,9 +663,9 @@ border-left:1px solid {color:post borders};
}
.tagsin a:hover {color:{color:tags hover};}
.vinegar {float:right;}
/* -- Like + Reblog buttons (1/2) -- */
/* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
/* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
@ -669,7 +718,7 @@ border-left:1px solid {color:post borders};
z-index:2;
opacity:0;
}
/*--------------------POST NOTES--------------------*/
ol.notes {
@ -732,13 +781,13 @@ margin-top:6px;
margin-bottom:10px;
text-align:center;
}
.daydreamer .sf {
color:{color:text};
padding:7px 10px 2px 10px;
font-size:calc({text:font size}px + 5px);
}
.daydreamer::before {
content:"";
position:absolute;
@ -748,7 +797,7 @@ width:calc({text:post width}px / 4);
height:1px;
background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
}
.daydreamer::after {
content:"";
position:absolute;
@ -799,9 +848,9 @@ font-weight:bold;
.label.odd {color:{color:question and chat text};}
.label.even {color:{color:text};}
p.npf_chat { font-family:Courier; font-size:{text:font size}px; }
/*---------------------------ASKS---------------------------*/
.q-wrap {
padding:10px;
@ -851,13 +900,13 @@ line-height:1.7;
.trackdetails b {
font-weight:normal;
}
.audiowrapper {
position:relative;
display:inline;
height:0px;
}
/*---------------------------VIDEO---------------------------*/
.tumblr_video_container {
width:{text:post width}px!important;
@ -871,7 +920,7 @@ height:0px;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
{/block:ifphotofade}
{block:ifmonochromeposts}
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
@ -881,13 +930,13 @@ height:0px;
{/block:ifmonochromeposts}
{/block:IndexPage}
}
.posts:hover .tumblr_video_container {
opacity:1;
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
}
/*------------------------BOT PAGI------------------------*/
.botpagi {
width:calc({text:post width}px + ({text:post padding}px * 2));
@ -920,7 +969,7 @@ height:0px;
margin-left:2px;
text-align:center;
}
{block:ifshowmusicplayer}
/* music player skin by vitanica */
#musicplayer {
@ -1005,7 +1054,7 @@ height:0px;
-webkit-transition-delay: .6s;
}
{/block:ifshowmusicplayer}
{CustomCSS}
</style>
@ -1031,15 +1080,15 @@ height:0px;
<audio id="tune" src="{text:music player mp3 URL}" type="audio"></audio>
</div><!--musicplayer-->
{/block:ifshowmusicplayer}
<!---- SB ---->
<div id="jupiter"></div>
<div id="strip1"></div>
<div id="strip2"></div>
<div id="strip3"></div>
<div class="clinks">
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
<br>
@ -1053,30 +1102,29 @@ height:0px;
<br>
{block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
</div><!--clinks-->
<div class="descwrap">
<div class="tiddy">{Title}</div>
<div class="flinks">
<a href="/"><span class="sf sf-home-o"></span></a>
<a href="/ask"><span class="sf sf-envelope-2-o"></span></a>
<a href="/archive"><span class="sf sf-calendar-o"></span></a>
<!-- BE A NICE PERSON -->
<!-- PLEASE DO NOT REMOVE THE THEME CREDIT -->
<a href="//glenthemes.tumblr.com" title="theme by glenthemes"><span class="sf sf-tools-o"></span></a>
</div><!--flinks-->
<div class="desc">{Description}</div>
</div><!--descwrap-->
<!---- main shit ---->
<div id="container">
<div id="nudge">
{block:Posts}
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<div class="posts" id="{PostID}" post-type="{PostType}">
{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
@ -1158,12 +1206,12 @@ height:0px;
</div><!--qwrap-->
<div class="answer">{Answer}</div><!--answer-->
{/block:Answer}
{block:IndexPage}
{block:Date}
{block:HasTags}
<div class="tagsin nonn">
{block:Tags}
@ -1171,19 +1219,19 @@ height:0px;
{/block:Tags}
</div><!--tagsin-->
{/block:HasTags}
<div class="permawrap">
<div class="perma nonn">
<a href="{Permalink}">
<b>{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</b>
</a>
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div><!--perma-->
{Block:IndexPage}
<div class="vinegar non">
@ -1197,38 +1245,38 @@ height:0px;
<a href="{ReblogURL}" class="rb" title="reblog this post?" target="_blank" class="reblog">
<span class="sf sf-reblog"></span>
</a>
</div><!--controls-->
</div><!--vinegar-->
{/block:IndexPage}
</div><!--permawrap-->
{/block:Date}
{/block:IndexPage}
<!-----------PERMA ON PERMAPAGE----------->
{block:PermalinkPage}
{block:Date}
<div class="permawrap">
<div class="perma nonn">
<a href="{Permalink}">
<b>{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</b>
</a>
<a href="{Permalink}">{NoteCountWithLabel}</a>
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
{block:ContentSource}
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
{/block:ContentSource}
{/block:RebloggedFrom}
{block:HasTags}
<div class="tagsin nonn" style="text-align:left;">
{block:Tags}
@ -1240,9 +1288,9 @@ height:0px;
</div><!--permawrap-->
{block:Date}
{block:PermalinkPage}
</div><!--posts-->
@ -1251,8 +1299,8 @@ height:0px;
{/block:PostNotes}
{/block:Posts}
{block:Pagination}
<div class="botpagi">
{block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
@ -1263,10 +1311,10 @@ height:0px;
{block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
</div>
{/block:Pagination}
</div><!--nudge-->
</div><!--cont-->
</body>
</html>