₊⁺✿˚
This commit is contained in:
parent
32343957b8
commit
7e535dc793
366
26-Nebulae
366
26-Nebulae
|
@ -3,7 +3,10 @@ Theme [26]: Nebulae
|
|||
Made by glenthemes
|
||||
|
||||
Initial release: 2018/01/30
|
||||
Last updated: 2023/05/12
|
||||
Last updated: 2023/07/29
|
||||
|
||||
What's new:
|
||||
✱ NPF audio post support
|
||||
|
||||
TERMS OF USE:
|
||||
1) Do not remove the theme credit.
|
||||
|
@ -65,7 +68,7 @@ $(document).ready(function(){
|
|||
$('.photo-slideshow').pxuPhotoset({
|
||||
lightbox: true,
|
||||
rounded: false,
|
||||
gutter: '{text:photoset gutter width}px',
|
||||
gutter: '{select:photos spacing}',
|
||||
borderRadius: '0px',
|
||||
photoset: '.photo-slideshow',
|
||||
photoWrap: '.photo-data',
|
||||
|
@ -77,13 +80,11 @@ $(document).ready(function(){
|
|||
<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>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
|
||||
{/block:ifsmoothscrolling}
|
||||
|
||||
<link href="//fonts.googleapis.com/css?family=Karla|Averia+Sans+Libre|Quicksand" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/pHqp3at7n/specialfonts.css">
|
||||
|
||||
<script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
|
||||
|
||||
<!-- "saturnicons" icon font by suiomi -->
|
||||
|
@ -142,16 +143,16 @@ $(document).ready(function(){
|
|||
<!-- unblue polls -->
|
||||
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
||||
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
||||
<style>
|
||||
<style unblue-polls>
|
||||
.poll-post {
|
||||
--Poll-Question-Font-Size: {text:font size}px;
|
||||
--Poll-Question-Font-Size: {select:font size};
|
||||
|
||||
--Poll-Option-Background-Color: transparent;
|
||||
--Poll-Option-Corner-Rounding: 5px;
|
||||
--Poll-Option-Border-Size: 1px;
|
||||
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.15);
|
||||
--Poll-Option-Padding: 11px;
|
||||
--Poll-Option-Font-Size: {text:font size}px;
|
||||
--Poll-Option-Font-Size: {select:font size};
|
||||
--Poll-Option-Spacing: 10px;
|
||||
--Poll-Option-Text-Color: {color:text};
|
||||
|
||||
|
@ -170,9 +171,79 @@ $(document).ready(function(){
|
|||
}
|
||||
</style>
|
||||
|
||||
<!-- npf audio player -->
|
||||
<!-- glenthemes.tumblr.com/post/722160746171072512 -->
|
||||
<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
|
||||
<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
|
||||
<script>
|
||||
tumblr_npf_audio({
|
||||
emptyTitleText: "Untitled track",
|
||||
emptyArtistText: "Untitled artist",
|
||||
emptyAlbumText: "Untitled album",
|
||||
|
||||
titleLabel: "Track:",
|
||||
artistLabel: "Artist:",
|
||||
albumLabel: "Album:"
|
||||
});
|
||||
</script>
|
||||
<style edit-npf-audio-player>
|
||||
.npf-audio-wrapper {
|
||||
--NPF-Audio-Buttons-Size: calc({select:font size} - 1px);
|
||||
--NPF-Audio-Buttons-Color: {color:permalink icon};
|
||||
--NPF-Audio-Buttons-Padding: 9px;
|
||||
--NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
|
||||
--NPF-Audio-Image-Spacing: 0.9rem;
|
||||
}
|
||||
|
||||
.npf-audio-background {
|
||||
margin-left:calc(18px + var(--NPF-Audio-Buttons-Padding));
|
||||
}
|
||||
|
||||
.npf-audio-play, .npf-audio-pause {
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.npf-audio-play:after, .npf-audio-pause:after {
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:0;left:0;
|
||||
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
||||
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
||||
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
||||
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
||||
background:{color:permalink icon background};
|
||||
border-radius:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.npf-audio-play svg { margin-left:1px; }
|
||||
.npf-audio-pause svg { margin-left:0; }
|
||||
|
||||
.npf-audio-title-label,
|
||||
.npf-audio-artist-label,
|
||||
.npf-audio-album-label {
|
||||
color:{color:bold};
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
figcaption.audio-caption,
|
||||
figcaption.audio-caption ~ audio[controls],
|
||||
figcaption.audio-caption img, .npf-audio-image {
|
||||
display:none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
||||
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
||||
|
||||
<!--------------------IMAGES-------------------->
|
||||
|
||||
<meta name="image:background image" content="//rhizo.gitlab.io/random/images/isewwsp.png"/>
|
||||
<meta name="image:sidebar icon" content="//68.media.tumblr.com/2bb735f0ca03c5997ffd6a8204252182/tumblr_ooo6td425a1s4s960o8_r1_250.png"/>
|
||||
<meta name="image:header image" content="//78.media.tumblr.com/2357a40238917a305fbbb74600d60643/tumblr_p3ailxOttO1qg2f5co4_r1_1280.png"/>
|
||||
<meta name="image:custom links bar background" content="//78.media.tumblr.com/b082898e3637cce6bad6f87f402557b8/tumblr_p3ailxOttO1qg2f5co5_r1_250.png"/>
|
||||
|
||||
<!--------------------COLORS-------------------->
|
||||
|
||||
<meta name="color:background" content="#fdfdfd"/>
|
||||
|
@ -229,8 +300,118 @@ $(document).ready(function(){
|
|||
<meta name="color:highlight" content="#fafafa"/>
|
||||
<meta name="color:highlighted text" content="#777"/>
|
||||
|
||||
<!--------------------OPTIONS-------------------->
|
||||
<!-----------------DROPDOWN OPTS----------------->
|
||||
<meta name="select:font size" title="12px" content="12px">
|
||||
<meta name="select:font size" title="11px" content="11px">
|
||||
<meta name="select:font size" title="13px" content="13px">
|
||||
<meta name="select:font size" title="14px" content="14px">
|
||||
<meta name="select:font size" title="15px" content="15px">
|
||||
<meta name="select:font size" title="16px" content="16px">
|
||||
|
||||
<meta name="select:sidebar width" title="360px" content="360px">
|
||||
<meta name="select:sidebar width" title="200px" content="200px">
|
||||
<meta name="select:sidebar width" title="240px" content="240px">
|
||||
<meta name="select:sidebar width" title="280px" content="280px">
|
||||
<meta name="select:sidebar width" title="320px" content="320px">
|
||||
<meta name="select:sidebar width" title="400px" content="400px">
|
||||
<meta name="select:sidebar width" title="360px" content="360px">
|
||||
<meta name="select:sidebar width" title="400px" content="400px">
|
||||
<meta name="select:sidebar width" title="440px" content="440px">
|
||||
|
||||
<meta name="select:desc border transparency" title="60%" content="0.4">
|
||||
<meta name="select:desc border transparency" title="0% (solid)" content="1">
|
||||
<meta name="select:desc border transparency" title="10%" content="0.9">
|
||||
<meta name="select:desc border transparency" title="20%" content="0.8">
|
||||
<meta name="select:desc border transparency" title="30%" content="0.7">
|
||||
<meta name="select:desc border transparency" title="40%" content="0.6">
|
||||
<meta name="select:desc border transparency" title="50%" content="0.5">
|
||||
<meta name="select:desc border transparency" title="70%" content="0.3">
|
||||
<meta name="select:desc border transparency" title="80%" content="0.2">
|
||||
<meta name="select:desc border transparency" title="90%" content="0.1">
|
||||
<meta name="select:desc border transparency" title="100% (no color)" content="0">
|
||||
|
||||
<meta name="select:sidebar right gap" title="65px" content="65px">
|
||||
<meta name="select:sidebar right gap" title="20px" content="20px">
|
||||
<meta name="select:sidebar right gap" title="25px" content="25px">
|
||||
<meta name="select:sidebar right gap" title="30px" content="30px">
|
||||
<meta name="select:sidebar right gap" title="35px" content="35px">
|
||||
<meta name="select:sidebar right gap" title="40px" content="40px">
|
||||
<meta name="select:sidebar right gap" title="45px" content="45px">
|
||||
<meta name="select:sidebar right gap" title="50px" content="50px">
|
||||
<meta name="select:sidebar right gap" title="55px" content="55px">
|
||||
<meta name="select:sidebar right gap" title="60px" content="60px">
|
||||
<meta name="select:sidebar right gap" title="70px" content="70px">
|
||||
<meta name="select:sidebar right gap" title="75px" content="75px">
|
||||
<meta name="select:sidebar right gap" title="80px" content="80px">
|
||||
<meta name="select:sidebar right gap" title="85px" content="85px">
|
||||
<meta name="select:sidebar right gap" title="90px" content="90px">
|
||||
<meta name="select:sidebar right gap" title="95px" content="95px">
|
||||
<meta name="select:sidebar right gap" title="100px" content="100px">
|
||||
<meta name="select:sidebar right gap" title="105px" content="105px">
|
||||
<meta name="select:sidebar right gap" title="110px" content="110px">
|
||||
|
||||
<meta name="select:post width" title="450px" content="450px">
|
||||
<meta name="select:post width" title="300px" content="300px">
|
||||
<meta name="select:post width" title="350px" content="375px">
|
||||
<meta name="select:post width" title="400px" content="400px">
|
||||
<meta name="select:post width" title="500px" content="500px">
|
||||
<meta name="select:post width" title="540px" content="540px">
|
||||
<meta name="select:post width" title="600px" content="600px">
|
||||
|
||||
<meta name="select:post padding" title="15px" content="15px">
|
||||
<meta name="select:post padding" title="10px" content="10px">
|
||||
<meta name="select:post padding" title="20px" content="20px">
|
||||
<meta name="select:post padding" title="25px" content="25px">
|
||||
|
||||
<meta name="select:photos spacing" title="4px" content="4px">
|
||||
<meta name="select:photos spacing" title="0px" content="0px">
|
||||
<meta name="select:photos spacing" title="2px" content="2px">
|
||||
<meta name="select:photos spacing" title="6px" content="6px">
|
||||
<meta name="select:photos spacing" title="8px" content="8px">
|
||||
<meta name="select:photos spacing" title="10px" content="10px">
|
||||
|
||||
<meta name="select:permalink padding" title="15px" content="15px">
|
||||
<meta name="select:permalink padding" title="10px" content="10px">
|
||||
<meta name="select:permalink padding" title="20px" content="20px">
|
||||
<meta name="select:permalink padding" title="25px" content="25px">
|
||||
|
||||
<meta name="select:post spacing" title="45px" content="45px">
|
||||
<meta name="select:post spacing" title="20px" content="20px">
|
||||
<meta name="select:post spacing" title="25px" content="25px">
|
||||
<meta name="select:post spacing" title="30px" content="30px">
|
||||
<meta name="select:post spacing" title="35px" content="35px">
|
||||
<meta name="select:post spacing" title="40px" content="40px">
|
||||
<meta name="select:post spacing" title="50px" content="50px">
|
||||
<meta name="select:post spacing" title="55px" content="55px">
|
||||
<meta name="select:post spacing" title="60px" content="60px">
|
||||
|
||||
<meta name="select:post side gaps" title="45px" content="45px">
|
||||
<meta name="select:post side gaps" title="10px" content="10px">
|
||||
<meta name="select:post side gaps" title="15px" content="15px">
|
||||
<meta name="select:post side gaps" title="20px" content="20px">
|
||||
<meta name="select:post side gaps" title="25px" content="25px">
|
||||
<meta name="select:post side gaps" title="30px" content="30px">
|
||||
<meta name="select:post side gaps" title="35px" content="35px">
|
||||
<meta name="select:post side gaps" title="40px" content="40px">
|
||||
<meta name="select:post side gaps" title="50px" content="50px">
|
||||
<meta name="select:post side gaps" title="55px" content="55px">
|
||||
<meta name="select:post side gaps" title="60px" content="60px">
|
||||
<meta name="select:post side gaps" title="65px" content="65px">
|
||||
<meta name="select:post side gaps" title="70px" content="70px">
|
||||
<meta name="select:post side gaps" title="75px" content="75px">
|
||||
<meta name="select:post side gaps" title="80px" content="80px">
|
||||
|
||||
<meta name="select:updates boxes width" title="200px" content="200px">
|
||||
<meta name="select:updates boxes width" title="150px" content="150px">
|
||||
<meta name="select:updates boxes width" title="175px" content="175px">
|
||||
<meta name="select:updates boxes width" title="225px" content="225px">
|
||||
<meta name="select:updates boxes width" title="250px" content="250px">
|
||||
<meta name="select:updates boxes width" title="275px" content="275px">
|
||||
<meta name="select:updates boxes width" title="300px" content="300px">
|
||||
<meta name="select:updates boxes width" title="325px" content="325px">
|
||||
<meta name="select:updates boxes width" title="350px" content="350px">
|
||||
|
||||
<!------------------TOGGLE OPTS------------------>
|
||||
<meta name="if:header" content="1" />
|
||||
|
||||
<meta name="if:post container border" content="1" />
|
||||
|
@ -244,31 +425,14 @@ $(document).ready(function(){
|
|||
<meta name="if:smooth scrolling" content="0" />
|
||||
<meta name="if:dark tumblr controls" content="0" />
|
||||
|
||||
<!--------------------IMAGES-------------------->
|
||||
<!----------------TEXT FIELDS---------------->
|
||||
|
||||
<meta name="image:background image" content="//rhizo.gitlab.io/random/images/isewwsp.png"/>
|
||||
<meta name="image:sidebar icon" content="//68.media.tumblr.com/2bb735f0ca03c5997ffd6a8204252182/tumblr_ooo6td425a1s4s960o8_r1_250.png"/>
|
||||
<meta name="image:header image" content="//78.media.tumblr.com/2357a40238917a305fbbb74600d60643/tumblr_p3ailxOttO1qg2f5co4_r1_1280.png"/>
|
||||
<meta name="image:custom links bar background" content="//78.media.tumblr.com/b082898e3637cce6bad6f87f402557b8/tumblr_p3ailxOttO1qg2f5co5_r1_250.png"/>
|
||||
|
||||
<!--------------------TITLES-------------------->
|
||||
|
||||
<meta name="text:font size" content="12">
|
||||
<meta name="text:post width" content="450">
|
||||
<meta name="text:post padding" content="15">
|
||||
<meta name="text:permalink padding" content="15">
|
||||
<meta name="text:photoset gutter width" content="10">
|
||||
<meta name="text:post bottom margin" content="45">
|
||||
<meta name="text:post side margins" content="45">
|
||||
|
||||
<meta name="text:sidebar margin" content="65">
|
||||
<meta name="text:sidebar width" content="360">
|
||||
<meta name="text:description border opacity" content="0.4">
|
||||
<meta name="text:sidebar title" content="a title">
|
||||
<meta name="text:sidebar subtitle" content="a subtitle">
|
||||
|
||||
<meta name="text:updates boxes width" content="200">
|
||||
<!--"how to change icons-->
|
||||
<meta name="text:󠀠​" content="☽✧¨*〃.¸¸✧¸¸.〃*¨✧☾
">
|
||||
|
||||
<!--"how to change icons"-->
|
||||
<meta name="text:💖 ʜᴏᴡ ᴛᴏ ᴄʜᴀɴɢᴇ ɪᴄᴏɴs" content="glenthemes.tumblr.com/nebulae">
|
||||
<meta name="text:star 1 title" content="a title here">
|
||||
<meta name="text:star 1 box icon" content="leaf-2-o">
|
||||
|
@ -280,6 +444,8 @@ $(document).ready(function(){
|
|||
<meta name="text:star 3 box icon" content="graph-3-o">
|
||||
<meta name="text:star 3 box content" content="some text here">
|
||||
|
||||
<meta name="text:󠀠​​" content="☽✧¨*〃.¸¸✧¸¸.〃*¨✧☾
">
|
||||
|
||||
<meta name="text:Link 1" content="">
|
||||
<meta name="text:Link 1 URL" content="">
|
||||
<meta name="text:Link 2" content="">
|
||||
|
@ -312,12 +478,12 @@ $(document).ready(function(){
|
|||
background-color: {color:permalink icon background};
|
||||
border-radius:5px;
|
||||
font-family: karla;
|
||||
font-size: calc({text:font size}px - 3px);
|
||||
font-size: calc({select:font size} - 3px);
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
color: {color:permalink icon};
|
||||
z-index:99999999999999999999999999998!important;
|
||||
max-width: calc({text:post width}px * 1.25);
|
||||
max-width: calc({select:post width} * 1.25);
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
|
@ -375,7 +541,7 @@ color:{color:text};
|
|||
cursor:normal;
|
||||
font-family:karla;
|
||||
line-height:1.6em;
|
||||
font-size:{text:font size}px;
|
||||
font-size:{select:font size};
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
|
@ -439,7 +605,7 @@ a:hover {text-decoration:none;}
|
|||
img {opacity:1;text-decoration:none;}
|
||||
|
||||
h1 {
|
||||
font-size:calc({text:font size}px + 1px);
|
||||
font-size:calc({select:font size} + 1px);
|
||||
font-family:quicksand;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
|
@ -686,7 +852,7 @@ h1 {
|
|||
position:fixed;
|
||||
bottom:0;margin-bottom:95px;
|
||||
left:0;margin-left:95px;
|
||||
width:{text:updates boxes width}px;
|
||||
width:{select:updates boxes width};
|
||||
padding:10px;
|
||||
background-color:{color:post};
|
||||
border:1px solid {color:post border};
|
||||
|
@ -721,8 +887,11 @@ h1 {
|
|||
.caramel {
|
||||
margin-left:calc(28px + 10px);
|
||||
font-family:quicksand;
|
||||
font-weight:bold;text-transform:uppercase;letter-spacing:1px;
|
||||
font-size:9px;line-height:1.4em;
|
||||
font-weight:bold;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1px;
|
||||
font-size:9px;
|
||||
line-height:1.4em;
|
||||
color:rgba({color:permalink text},0.9);
|
||||
}
|
||||
|
||||
|
@ -739,11 +908,11 @@ h1 {
|
|||
position:absolute;
|
||||
margin:0 auto;
|
||||
top:0;left:0;right:0;
|
||||
width:calc({text:post width}px + ({text:post padding}px * 2) + ({text:post side margins}px * 2) + {text:sidebar margin}px + {text:sidebar width}px);
|
||||
width:calc({select:post width} + ({select:post padding} * 2) + ({select:post side gaps} * 2) + {select:sidebar right gap} + {select:sidebar width});
|
||||
}
|
||||
|
||||
#nudge {
|
||||
margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
||||
margin-left:calc({select:sidebar width} + {select:sidebar right gap});
|
||||
}
|
||||
|
||||
/*--------------------SIDEBAR-------------------*/
|
||||
|
@ -753,7 +922,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
margin-left:0px;
|
||||
/* u already nudged the post over by sbmarg, so sb pos = -sbWidth */
|
||||
/* basically only need to subtract sbWidth and yor good */
|
||||
width:{text:sidebar width}px;
|
||||
width:{select:sidebar width};
|
||||
/*height:500px;*/
|
||||
background-color:transparent;
|
||||
}
|
||||
|
@ -761,17 +930,17 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
.burrito {display:flex;}
|
||||
|
||||
.salsa {
|
||||
width:calc({text:sidebar width}px - 80px - 16px - 10px);
|
||||
width:calc({select:sidebar width} - 80px - 16px - 10px);
|
||||
/* take 10px away : gap between desc and pic */
|
||||
height:96px;
|
||||
background-color:rgba({RGBcolor:desc border},{text:description border opacity});
|
||||
background-color:rgba({RGBcolor:desc border},{select:desc border transparency});
|
||||
display:table;
|
||||
}
|
||||
|
||||
.goo {display:table-cell;vertical-align:middle;}
|
||||
|
||||
.desc {
|
||||
/* width:calc({text:sidebar width}px - 80px - 16px); */
|
||||
/* width:calc({select:sidebar width} - 80px - 16px); */
|
||||
margin-left:50%;
|
||||
transform:translateX(-50%);
|
||||
width:calc(100% - 16px - 16px);
|
||||
|
@ -856,7 +1025,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
#postbox {
|
||||
position:fixed;
|
||||
margin-top:60px;
|
||||
width:calc({text:post width}px + ({text:post padding}px * 2) + ({text:post side margins}px * 2));
|
||||
width:calc({select:post width} + ({select:post padding} * 2) + ({select:post side gaps} * 2));
|
||||
height:calc(100vh - 60px - 60px);
|
||||
overflow-x:hidden;
|
||||
overflow-y:auto;
|
||||
|
@ -868,7 +1037,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
/* bannah */
|
||||
#heather {
|
||||
width:inherit;
|
||||
height:calc(({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9);
|
||||
height:calc(({select:post width} + ({select:post side gaps} * 2)) / 21 * 9);
|
||||
background-image:url('{image:header image}');
|
||||
background-color:{color:header background};
|
||||
background-position:center;
|
||||
|
@ -937,8 +1106,8 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
|
||||
.tea {
|
||||
position:fixed!important;
|
||||
margin-top:calc(((({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9) * -1) - 0.25px)!important;
|
||||
/* calc((({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9) * -1) */
|
||||
margin-top:calc(((({select:post width} + ({select:post side gaps} * 2)) / 21 * 9) * -1) - 0.25px)!important;
|
||||
/* calc((({select:post width} + ({select:post side gaps} * 2)) / 21 * 9) * -1) */
|
||||
}
|
||||
|
||||
/* bot bar pagi */
|
||||
|
@ -973,23 +1142,24 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
}
|
||||
|
||||
.small-nudge {
|
||||
{block:ifLink1}margin-top:calc({text:post bottom margin}px + 80px);{/block:ifLink1}
|
||||
{block:ifLink1}margin-top:calc({select:post spacing} + 80px);{/block:ifLink1}
|
||||
|
||||
{block:ifnotLink1}margin-top:{text:post bottom margin}px;{/block:ifnotLink1}
|
||||
{block:ifnotLink1}
|
||||
margin-top:{select:post spacing};
|
||||
{/block:ifnotLink1}
|
||||
|
||||
margin-bottom:{text:post bottom margin}px;
|
||||
margin-bottom:{select:post spacing};
|
||||
|
||||
{block:Pagination}margin-bottom:calc({text:post bottom margin}px + 52.5px);{/block:Pagination}
|
||||
{block:Pagination}margin-bottom:calc({select:post spacing} + 52.5px);{/block:Pagination}
|
||||
|
||||
margin-left:{text:post side margins}px;
|
||||
margin-left:{select:post side gaps};
|
||||
}
|
||||
|
||||
.posts {
|
||||
overflow:hidden;
|
||||
margin-bottom:{text:post bottom margin}px;
|
||||
{/block:PermalinkPage}
|
||||
width:{text:post width}px;
|
||||
padding:{text:post padding}px;
|
||||
margin-bottom:{select:post spacing};
|
||||
width:{select:post width};
|
||||
padding:{select:post padding};
|
||||
background-color:{color:post};
|
||||
{block:ifpostborders}border:1px solid {color:post border};{/block:ifpostborders}
|
||||
}
|
||||
|
@ -999,7 +1169,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
.photos, .photos img {
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
width:{text:post width}px;
|
||||
width:{select:post width};
|
||||
|
||||
{block:IndexPage}
|
||||
{block:ifphotofade}
|
||||
|
@ -1056,12 +1226,12 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
|
||||
/*--------------------TOP PERMA--------------------*/
|
||||
.citrus {
|
||||
margin-bottom:{text:post padding}px;
|
||||
margin-bottom:{select:post padding};
|
||||
background-color:{color:permalink background};
|
||||
padding-top:calc(10px + {text:permalink padding}px);
|
||||
padding-right:{text:permalink padding}px;
|
||||
padding-bottom:calc(5px + {text:permalink padding}px);
|
||||
padding-left:{text:permalink padding}px;
|
||||
padding-top:calc(10px + {select:permalink padding});
|
||||
padding-right:{select:permalink padding};
|
||||
padding-bottom:calc(5px + {select:permalink padding});
|
||||
padding-left:{select:permalink padding};
|
||||
font-family:karla;line-height:1.6em;
|
||||
}
|
||||
|
||||
|
@ -1094,8 +1264,8 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
.vinegar {float:right;}
|
||||
.vinaigrette {
|
||||
float:right;
|
||||
margin-top:calc(-{text:post padding}px - {text:permalink padding}px - 10px - 18px);
|
||||
margin-right:calc(2px + {text:permalink padding}px);
|
||||
margin-top:calc(-{select:post padding} - {select:permalink padding} - 10px - 18px);
|
||||
margin-right:calc(2px + {select:permalink padding});
|
||||
}
|
||||
|
||||
.salad {
|
||||
|
@ -1114,7 +1284,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
text-transform:uppercase;
|
||||
letter-spacing:1.3px;
|
||||
text-align:right;line-height:1.4em;
|
||||
font-size:calc({text:font size}px - 3.5px);
|
||||
font-size:calc({select:font size} - 3.5px);
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
|
@ -1137,7 +1307,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
|
|||
|
||||
/*--------------------POST NOTES--------------------*/
|
||||
ol.notes {
|
||||
width:{text:post width}px;
|
||||
width:{select:post width};
|
||||
padding:0px;
|
||||
margin-top:30px;
|
||||
list-style-type:none;
|
||||
|
@ -1180,7 +1350,7 @@ text-decoration:none;
|
|||
box-shadow:none !important;
|
||||
border-radius:0px !important;
|
||||
max-width:none;
|
||||
padding:{text:post padding}px !important;
|
||||
padding:{select:post padding} !important;
|
||||
background:{color:post} !important;
|
||||
border:1px solid {color:post border}!important;
|
||||
}
|
||||
|
@ -1200,15 +1370,15 @@ text-align:center;
|
|||
.daydreamer .sf {
|
||||
color:{color:text};
|
||||
padding:7px 10px 2px 10px;
|
||||
font-size:calc({text:font size}px + 5px);
|
||||
font-size:calc({select:font size} + 5px);
|
||||
}
|
||||
|
||||
.daydreamer::before {
|
||||
content:"";
|
||||
position:absolute;
|
||||
margin-top:8px;
|
||||
margin-left:calc(-{text:post width}px / 4);
|
||||
width:calc({text:post width}px / 4);
|
||||
margin-left:calc(-{select:post width} / 4);
|
||||
width:calc({select:post width} / 4);
|
||||
height:1px;
|
||||
background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
|
||||
}
|
||||
|
@ -1218,7 +1388,7 @@ content:"";
|
|||
position:absolute;
|
||||
margin-top:8px;
|
||||
margin-left:0px;
|
||||
width:calc({text:post width}px / 4);
|
||||
width:calc({select:post width} / 4);
|
||||
height:1px;
|
||||
background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
|
||||
}
|
||||
|
@ -1226,7 +1396,7 @@ background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, tran
|
|||
.quote {
|
||||
font-family:quicksand;
|
||||
text-transform:uppercase;letter-spacing:1px;
|
||||
font-size:calc({text:font size}px + 1px);
|
||||
font-size:calc({select:font size} + 1px);
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
}
|
||||
|
@ -1323,7 +1493,7 @@ video {
|
|||
}
|
||||
|
||||
.tumblr_video_container {
|
||||
width:{text:post width}px!important;
|
||||
width:{select:post width}!important;
|
||||
height:auto!important;
|
||||
max-height:540px!important;
|
||||
overflow:hidden!important;
|
||||
|
@ -1351,7 +1521,7 @@ video {
|
|||
filter:grayscale(0%);
|
||||
}
|
||||
|
||||
#please-respect-theme-makers {
|
||||
#yo-pls-dont-remove-thx {
|
||||
position:fixed;
|
||||
bottom:0;margin-bottom:15px;
|
||||
right:0;margin-right:15px;
|
||||
|
@ -1366,7 +1536,7 @@ video {
|
|||
font-size:9px;letter-spacing:1.3px;
|
||||
}
|
||||
|
||||
#please-respect-theme-makers a {
|
||||
#yo-pls-dont-remove-thx a {
|
||||
color:rgba({RGBcolor:text},0.92);
|
||||
}
|
||||
|
||||
|
@ -1375,39 +1545,31 @@ video {
|
|||
/* -- 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 -- */
|
||||
svg {
|
||||
width:10px;
|
||||
height:auto;
|
||||
padding:1px;
|
||||
display:block;
|
||||
overflow:visible;
|
||||
fill:rgba({RGBcolor:permalink text},0.8); /* svg icons color */
|
||||
}
|
||||
.controls {
|
||||
height:0px;
|
||||
transform:scaleX(calc(12 / 10)) scaleY(calc(12 / 10)); /* size of butts relative to font size */
|
||||
margin-top:-3px;
|
||||
margin-right:-6px;
|
||||
transform:scale(1.2,1.2);
|
||||
transform-origin:0% 50%;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
.controls a {
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
padding:5px;
|
||||
width:12px;
|
||||
height:12px;
|
||||
padding:3px!important;
|
||||
flex-shrink:0;
|
||||
}
|
||||
.controls a:first-child {
|
||||
margin-bottom:0.5px; /* like button padding */
|
||||
.controls a + a {
|
||||
}
|
||||
.controls a:last-child {
|
||||
/* padding:4px; rb button padding */
|
||||
}
|
||||
.controls .reblog {
|
||||
margin-left:-5px; /* gap between like and rb, rb POV */
|
||||
.controls svg {
|
||||
width:calc({select:font size} - 2px);
|
||||
height:auto;
|
||||
padding:1px;
|
||||
display:block;
|
||||
overflow:visible;
|
||||
fill:rgba({RGBcolor:permalink text},0.8); /* svg icons color */
|
||||
}
|
||||
.controls .reblog svg {
|
||||
width:9px; /* rb butt size */
|
||||
width:calc({select:font size} - 3px); /* rb butt size */
|
||||
}
|
||||
.controls .like .liked + svg path {
|
||||
fill:#ec5a5a; /* LIKED color */
|
||||
|
@ -1421,7 +1583,7 @@ svg {
|
|||
left:0;
|
||||
bottom:0;
|
||||
right:0;
|
||||
z-index:0;
|
||||
z-index:2;
|
||||
opacity:0.000001;
|
||||
}
|
||||
|
||||
|
@ -1514,7 +1676,7 @@ svg {
|
|||
<!----ONE STAR BOX END---->
|
||||
{/block:ifupdatesboxes}
|
||||
|
||||
<script type="text/javascript">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
// star box 1
|
||||
$('.choco1').click(function(e){
|
||||
|
@ -1883,7 +2045,7 @@ $(document).click(function(outside){
|
|||
</div><!--nudge-->
|
||||
</div><!--cont-->
|
||||
|
||||
<div id="please-respect-theme-makers"><a href="//glenthemes.tumblr.com" title="theme by glenthemes">glenthemes</a></div>
|
||||
<div id="yo-pls-dont-remove-thx"><a href="//glenthemes.tumblr.com" title="theme by glenthemes">glenthemes</a></div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue