diff --git a/12-Incandescence b/12-Incandescence index ba2863f..034f43f 100644 --- a/12-Incandescence +++ b/12-Incandescence @@ -4,7 +4,11 @@ Made by glenthemes Initial release: 2015/10/23 Revamp date: 2017/04/20 -Last updated: 2023/06/20 +Last updated: 2023/07/27 + +What's new: +✱ NPF audio post support +✱ improved NPF post types detection TERMS OF USE: 1) Do not remove the theme credit. @@ -68,7 +72,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', @@ -136,11 +140,11 @@ $("#pancake").stick_in_parent({ + + + + + + + + + + + + + @@ -230,8 +303,54 @@ $(document).ready(function(){ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + @@ -245,20 +364,8 @@ $(document).ready(function(){ - - - - - - - - - - - - @@ -267,6 +374,7 @@ $(document).ready(function(){ + @@ -312,13 +420,13 @@ $(document).ready(function(){ margin: 26px 9px 0px 15px; background-color: {color:post}; 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:text}; border:0.5px solid rgba({RGBcolor:post borders},0.6); 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.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; @@ -387,7 +495,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; } @@ -415,7 +523,7 @@ color: {color:link hover}; img {opacity:1;text-decoration:none;} h1 { -padding:0px {text:post padding}px; +padding:0px {select:post padding}; text-transform:uppercase; letter-spacing:1.5px; text-align:center; @@ -424,13 +532,13 @@ line-height:1.4; } h1, p.npf_quirky, p.npf_quote { - font-size:calc({text:font size}px + 3px); + font-size:calc({select:font size} + 3px); } h1 .lnr { font-weight:bold; -font-size:calc({text:font size}px + 1px); -letter-spacing:calc(-{text:font size}px + 5px); +font-size:calc({select:font size} + 1px); +letter-spacing:calc(-{select:font size} + 5px); } b, strong, .strong { @@ -465,29 +573,29 @@ p.tmblr-attribution { position:absolute; margin:0 auto; -{block:ifheadercontent}margin-top:calc(((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) * 0.4285714285) + 57px + {text:post margin}px); +{block:ifheadercontent}margin-top:calc(((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) * 0.4285714285) + 57px + {select:post spacing}); {/block:ifheadercontent} {block:ifnotheadercontent} -margin-top:calc(57px + {text:post margin}px); +margin-top:calc(57px + {select:post spacing}); {/block:ifnotheadercontent} top:0;left:0;right:0; -width:calc({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px); +width:calc({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px); height:100vh; } #garlic { - margin-left:calc(250px + ({text:post margin}px * 1.5)); - padding-bottom:calc({text:post margin}px / 2); + margin-left:calc(250px + ({select:post spacing} * 1.5)); + padding-bottom:calc({select:post spacing} / 2); } #brulee { position:fixed; margin:0 auto; top:0;left:0;right:0; - width:calc(({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2); + width:calc(({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2); height:100vh; background-color:{color:post container background}; z-index:-2; @@ -497,9 +605,9 @@ height:100vh; .posts { position:relative; {block:IndexPage} -margin-bottom:{text:post margin}px; +margin-bottom:{select:post spacing}; {/block:IndexPage} -width:{text:post width}px; +width:{select:post width}; min-width:250px; max-width:540px; padding:0px; @@ -509,12 +617,12 @@ border:1px solid {color:post borders}; .posts iframe{max-width:100%;} -.photos {margin-bottom:{text:gutter width}px;} +.photos {margin-bottom:{select:photos spacing};} .photos, .photos img { position:relative; overflow:hidden; - width:{text:post width}px; + width:{select:post width}; {block:IndexPage} {block:ifphotofade} @@ -571,11 +679,11 @@ border:1px solid {color:post borders}; .capt, .captsingle, .captset, .posttext, .answer { - padding:{text:post padding}px; + padding:{select:post padding}; } .capt, .captsingle, .captset, .posttext, .answer { - padding:{text:post padding}px; + padding:{select:post padding}; } .capt p, .captsingle p, .captset p, .posttext p, .answer p { @@ -591,7 +699,7 @@ border:1px solid {color:post borders}; /*--------------------POST IDs--------------------*/ .eggtart { position:absolute; - margin-left:calc(100% + ({text:post margin}px / 1.5)); + margin-left:calc(100% + ({select:post spacing} / 1.5)); margin-top:13px; } @@ -608,8 +716,8 @@ border:1px solid {color:post borders}; content:""; position:absolute; margin-top:10px; - margin-left:calc(-{text:post margin}px / 1.5); - width:calc({text:post margin}px / 1.5); + margin-left:calc(-{select:post spacing} / 1.5); + width:calc({select:post spacing} / 1.5); height:1px; background-color:{color:post borders}; } @@ -620,8 +728,8 @@ letter-spacing: 1px; text-transform:uppercase; text-align:center; color:{color:permalink text}; -font-size:calc({text:font size}px - 2px); -padding:calc(({text:font size}px / 2) - 2px) 0px; +font-size:calc({select:font size} - 2px); +padding:calc(({select:font size} / 2) - 2px) 0px; background-color:{color:permalink background}; border-top:0.5px solid {color:post borders}; } @@ -629,7 +737,7 @@ border-top:0.5px solid {color:post borders}; #tags .lnr, #tagstop .lnr { font-weight:bold; margin:0px 4px; -font-size:calc({text:font size}px - 2px - 1px); +font-size:calc({select:font size} - 2px - 1px); } #tags .fa, #tagstop .fa { @@ -648,7 +756,7 @@ color:{color:permalink text hover}; #tagstop { border-top:0px solid transparent; text-align:left; - padding:calc({text:font size}px - 4px) calc({text:font size}px - 2px); + padding:calc({select:font size} - 4px) calc({select:font size} - 2px); } .vinegar {float:right;} @@ -657,12 +765,12 @@ color:{color:permalink text hover}; text-transform:uppercase; letter-spacing:1px; text-align:right; -font-size:calc({text:font size}px - 3px); +font-size:calc({select:font size} - 3px); line-height:1.5; -padding-top:calc({text:post padding}px / 2); -padding-right:{text:post padding}px; -padding-bottom:{text:post padding}px; -padding-left:{text:post padding}px; +padding-top:calc({select:post padding} / 2); +padding-right:{select:post padding}; +padding-bottom:{select:post padding}; +padding-left:{select:post padding}; } .tagsin a { @@ -817,8 +925,8 @@ color:rgba({RGBcolor:link},0.8); margin:0 auto; top:0;left:0;right:0; margin-top:57px; - width:calc(({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2); - height:calc((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) * 0.4285714285); + width:calc(({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2); + height:calc((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) * 0.4285714285); {block:ifnotheadercontent}display:none;{/block:ifnotheadercontent} } @@ -841,8 +949,8 @@ color:rgba({RGBcolor:link},0.8); } .mushroom { - width:calc((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) + 1px); - height:calc(((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) * 0.4285714285) + 1px); + width:calc((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) + 1px); + height:calc(((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) * 0.4285714285) + 1px); background-color:rgba({RGBcolor:post},0.8); {block:ifslideheaderboxes}margin-left:-100%;{/block:ifslideheaderboxes} {block:ifnotslideheaderboxes}margin-left:0%;{/block:ifnotslideheaderboxes} @@ -866,26 +974,26 @@ color:rgba({RGBcolor:link},0.8); #onion { display:inline-table; /* was inline-block */ - margin:0px calc({text:post margin}px / 2); - width:{text:header boxes width}px; + margin:0px calc({select:post spacing} / 2); + width:{select:header boxes width}; } #nutmeg { background-color:{color:boxes title background}; text-transform:uppercase; - font-size:calc({text:font size}px - 2px); + font-size:calc({select:font size} - 2px); letter-spacing:2px; color:{color:boxes title}; - padding:calc(({text:font size}px / 2) + 1px); + padding:calc(({select:font size} / 2) + 1px); } #bacon { - font-size:calc({text:font size}px - 1px); + font-size:calc({select:font size} - 1px); color:{color:text}; - padding:{text:post padding}px; + padding:{select:post padding}; text-align:center; background-color:{color:post}; - max-height:calc(((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) * 0.4285714285) * 0.7); + max-height:calc(((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) * 0.4285714285) * 0.7); overflow:auto; } @@ -896,9 +1004,9 @@ color:rgba({RGBcolor:link},0.8); left:50%; transform: translate(-50%, 0%); top:0;margin-top:57px; - margin-left:calc((((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) / 2) * -1) + 20px); + margin-left:calc((((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) / 2) * -1) + 20px); width:40px; - height:calc((({text:post width}px + 250px + ({text:post margin}px * 1.5) + ({text:post margin}px / 1.5) + 47px) + {text:post margin}px * 2) * 0.4285714285); + height:calc((({select:post width} + 250px + ({select:post spacing} * 1.5) + ({select:post spacing} / 1.5) + 47px) + {select:post spacing} * 2) * 0.4285714285); background-color:rgba({RGBcolor:post},0.8); display:table; -webkit-transition: all 1.5s ease; @@ -934,9 +1042,9 @@ color:rgba({RGBcolor:link},0.8); /*--------------------POST NOTES--------------------*/ ol.notes { padding:0px; -margin:calc({text:post margin}px - 10px) 0px; +margin:calc({select:post spacing} - 10px) 0px; list-style-type:none; -max-width:{text:post width}px; +max-width:{select:post width}; } ol.notes li.note { @@ -974,10 +1082,10 @@ text-decoration:none; {/block:ifheadercontent} {block:ifnotheadercontent}position:fixed;{/block:ifnotheadercontent} -margin-left:calc(-250px - ({text:post margin}px * 1.5)); +margin-left:calc(-250px - ({select:post spacing} * 1.5)); margin-top:0px; width:250px; -font-size:calc({text:font size}px - 1px); +font-size:calc({select:font size} - 1px); } #pancake img { @@ -991,16 +1099,16 @@ width:250px; .nuggetbox, .nuggetboxs { background-color:{color:boxes title background}; text-transform:uppercase; - font-size:calc({text:font size}px - 3px); + font-size:calc({select:font size} - 3px); letter-spacing:2px; color:{color:boxes title}; - padding:calc(({text:font size}px / 2) + 1px); + padding:calc(({select:font size} / 2) + 1px); } .nuggetbox .fa, .nuggetboxs .fa { margin-left:3px; margin-right:5px; - font-size:calc({text:font size}px - 2px); + font-size:calc({select:font size} - 2px); } .nuggetboxs, .linkus { @@ -1008,8 +1116,8 @@ width:250px; } .mayonnaise, .linkus { -margin-bottom:calc({text:post margin}px * 0.83); -padding:{text:post padding}px; +margin-bottom:calc({select:post spacing} * 0.83); +padding:{select:post padding}; text-align:center; background-color:{color:post}; border-bottom:1px solid {color:post borders}; @@ -1022,8 +1130,8 @@ border-bottom:1px solid {color:post borders}; } .linkus { - padding:calc({text:post padding}px - 3px); - font-size:calc({text:font size}px - 3px); + padding:calc({select:post padding} - 3px); + font-size:calc({select:font size} - 3px); text-transform:uppercase; letter-spacing:1px; } @@ -1045,7 +1153,7 @@ border-bottom:1px solid {color:post borders}; .syrup { position:fixed!important; - top:calc(({text:post margin}px * 0.83) + 57px)!important; + top:calc(({select:post spacing} * 0.83) + 57px)!important; } /*---------------------------LIGHTBOXES---------------------------*/ @@ -1057,7 +1165,8 @@ border-bottom:1px solid {color:post borders}; box-shadow:none !important; border-radius:0px !important; max-width:none; - padding:calc({text:gutter width}px * 2) !important; + margin-top:calc({select:photos spacing} * -2) !important; + padding:calc({select:photos spacing} * 2) !important; background:{color:post} !important; border:1px solid {color:post borders} !important; } @@ -1069,8 +1178,8 @@ border-bottom:1px solid {color:post borders}; /*---------------------------QUOTES---------------------------*/ .quote { -margin:{text:post padding}px 0px; -padding:0 {text:post padding}px; +margin:{select:post padding} 0px; +padding:0 {select:post padding}; text-transform:uppercase; font-size:12px; font-weight:bold; @@ -1079,18 +1188,18 @@ text-align:center; .quotesource { text-align:center; -margin-bottom:{text:post padding}px; +margin-bottom:{select:post padding}; } /*---------------------------CHATS---------------------------*/ -.chat {list-style:none;margin-bottom:calc({text:post padding}px / 2);} +.chat {list-style:none;margin-bottom:calc({select:post padding} / 2);} -p.npf_chat { font-family:Courier; font-size:{text:font size}px; } +p.npf_chat { font-family:Courier; font-size:{select:font size}; } .linee.odd { background:{color:chat odd}; margin-bottom:0px; -padding:{text:post padding}px; +padding:{select:post padding}; list-style:none; font-size:inherit; } @@ -1098,7 +1207,7 @@ font-size:inherit; .linee.even { background:{color:chat even}; margin-bottom:0px; -padding:{text:post padding}px; +padding:{select:post padding}; list-style:none; font-size:inherit; } @@ -1137,8 +1246,8 @@ margin-bottom:0px; /*---------------------------AUDIO---------------------------*/ .playerbutton { position:absolute; -margin-top:calc({text:post padding}px + 18.5px); -margin-left:calc({text:post padding}px + 18.5px); +margin-top:calc({select:post padding} + 18.5px); +margin-left:calc({select:post padding} + 18.5px); width:27px; height:27px; overflow:hidden; @@ -1148,9 +1257,9 @@ border-radius:100%; .trackdetails { width:auto; display:inline-block; -margin-top:{text:post padding}px; -margin-left:calc({text:post padding}px + 70px); -margin-bottom:calc({text:post padding}px * 2); +margin-top:{select:post padding}; +margin-left:calc({select:post padding} + 70px); +margin-bottom:calc({select:post padding} * 2); padding:5px; line-height:1.7; } @@ -1173,7 +1282,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; @@ -1209,7 +1318,7 @@ video { border-bottom:2px solid {color:boxes title background}; {block:ifturnthisonifyoursidebarislong} - margin-bottom:calc({text:post margin}px * 0.83); + margin-bottom:calc({select:post spacing} * 0.83); {/block:ifturnthisonifyoursidebarislong} } @@ -1245,10 +1354,10 @@ video { /*------------------------BOT PAGI------------------------*/ .botpagi { - width:calc({text:post width}px + 1px + 1px); + width:calc({select:post width} + 1px + 1px); text-align:center; padding:2px 0px 7px 0px; - margin-bottom:{text:post margin}px; + margin-bottom:{select:post spacing}; background-color:{color:post}; border-bottom:2px solid {color:boxes title background}; } @@ -1560,8 +1669,6 @@ animation-fill-mode:forwards;
-{block:IndexPage} - {block:Text}
{/block:Text} @@ -1598,12 +1705,6 @@ animation-fill-mode:forwards;
{/block:Answer} -{/block:IndexPage} - -{block:PermalinkPage} -
-{/block:PermalinkPage} - @@ -1648,7 +1749,7 @@ via: {ReblogParentName}
{LinkOpenTag}{PhotoAlt}{LinkCloseTag}
-{block:Caption}
{Caption}
{/block:Caption} +{block:Caption}
{Caption}
{/block:Caption} {/block:Photo} @@ -1658,7 +1759,7 @@ via: {ReblogParentName} {/block:IndexPage}
{block:Photos}
{/block:Photos}
-{block:Caption}
{Caption}
{/block:Caption} +{block:Caption}
{Caption}
{/block:Caption} {/block:Photoset} @@ -1696,7 +1797,7 @@ via: {ReblogParentName} PLAYS: {FormattedPlayCount} {/block:AudioPlayer} -{block:Caption}
{Caption}
{/block:Caption} +{block:Caption}
{Caption}
{/block:Caption} {/block:Audio} @@ -1754,7 +1855,7 @@ via: {ReblogParentName} {/block:ifnotpaginationinsidebar} -
+