diff --git a/11-Shatter b/11-Shatter index 7ac975b..85f2575 100644 --- a/11-Shatter +++ b/11-Shatter @@ -4,7 +4,10 @@ Made by glenthemes Initial release: 2015/10/14 Major code update: 2018/04/30 -Last updated: 2023/05/06 +Last updated: 2023/07/27 + +What's new: +✱ NPF audio post support TERMS OF USE: 1) Do not remove the theme credit. @@ -43,7 +46,7 @@ attribute:"title" $(document).ready(function() { $('iframe.tumblr_audio_player').load( function() { $('iframe.tumblr_audio_player').contents().find("head") - .append($("")); + .append($("")); }); }); @@ -67,7 +70,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', @@ -99,7 +102,7 @@ $(document).ready(function(){ + + + + + + + + + + + + @@ -187,8 +254,68 @@ $(document).ready(function(){ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + @@ -201,32 +328,33 @@ $(document).ready(function(){ - - - - - - - - - - - - - - + + + + + + + - + + + - + + + - + + + - + + + @@ -241,12 +369,12 @@ $(document).ready(function(){ border-radius:5px; border:1px solid rgba({RGBcolor:text},0.2); font-family: open sans; - font-size: calc({text:font size}px - 3px); + font-size: calc({select:font size} - 3px); letter-spacing: 1px; text-transform: uppercase; color: {color:text}; 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; @@ -312,7 +440,7 @@ color:{color:text}; cursor:normal; font-family:open sans; line-height:1.6em; -font-size:{text:font size}px; +font-size:{select:font size}; text-align:left; } @@ -349,7 +477,10 @@ hr { background-color:rgba({RGBcolor:text},0.3); } -p.npf_quirky, p.npf_quote {font-size:calc({text:font size}px + 5px);line-height:1em;} +p.npf_quirky, p.npf_quote { + font-size:calc({select:font size} + 5px); + line-height:inherit; +} /*--------------------LINKS--------------------*/ a { @@ -367,7 +498,7 @@ a:hover {text-decoration:none;} img {opacity:1;text-decoration:none;} h1, h2, h3, h4, h5, h6 { - font-size:calc({text:font size}px + 1px); + font-size:calc({select:font size} + 1px); font-family:quicksand; text-transform:uppercase; letter-spacing:2px; @@ -383,10 +514,10 @@ h1, h2, h3, h4, h5, h6 { #container { position:absolute; margin:0 auto; - margin-top:{text:post margin}px; - margin-bottom:{text:post margin}px; + margin-top:{select:post spacing}; + margin-bottom:{select:post spacing}; top:0;left:0;right:0; - width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + {text:sidebar width}px); + width:calc({select:post width} + ({select:post padding} * 2) + {select:sidebar left gap} + {select:sidebar width}); } @@ -397,9 +528,9 @@ h1, h2, h3, h4, h5, h6 { #galaxy { position:fixed; bottom:0;margin-bottom:50px; - margin-left:calc(({text:post width}px + {text:post padding}px * 2) + {text:sidebar left margin}px); + margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:sidebar left gap}); /* total post width + gap between posts and sb */ - width:{text:sidebar width}px; + width:{select:sidebar width}; text-align:center; } @@ -412,7 +543,7 @@ h1, h2, h3, h4, h5, h6 { .desc { margin-top:10px; line-height:1.7em; - font-size:calc({text:font size}px - 1.5px); + font-size:calc({select:font size} - 1.5px); } .rinko { @@ -426,7 +557,7 @@ h1, h2, h3, h4, h5, h6 { .rinko a { display:inline-block; margin:0px 4px; - font-size:calc({text:font size}px - 1px); + font-size:calc({select:font size} - 1px); } .rinko a:first-child {margin-left:0px;} @@ -463,10 +594,10 @@ h1, h2, h3, h4, h5, h6 { /*--------------------POSTS--------------------*/ .posts { overflow:hidden; -margin-bottom:{text:post margin}px; +margin-bottom:{select:post spacing}; {/block:PermalinkPage} -width:{text:post width}px; -padding:{text:post padding}px; +width:{select:post width}; +padding:{select:post padding}; background-color:{color:post}; {block:ifpostborders}border:1px solid {color:post borders};{/block:ifpostborders} } @@ -487,7 +618,7 @@ background-color:{color:post}; .photos, .photos img { position:relative; overflow:hidden; - width:{text:post width}px; + width:{select:post width}; {block:IndexPage} {block:ifphotofade} @@ -552,7 +683,7 @@ background-color:{color:post}; .perma { text-transform:uppercase; letter-spacing:1px; - font-size:calc({text:font size}px - 2.5px); + font-size:calc({select:font size} - 2.5px); } .perma a, .perma b { @@ -572,7 +703,7 @@ background-color:{color:post}; font-style:italic; letter-spacing:1.3px; line-height:1.5em; - font-size:calc({text:font size}px - 3.5px); + font-size:calc({select:font size} - 3.5px); text-align:right; } @@ -595,7 +726,7 @@ background-color:{color:post}; /* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */ /* -- and help from borntobewildcodes -- */ .controls { - margin-right:calc({text:post padding}px - 7px); + margin-right:calc({select:post padding} - 7px); margin-top:-20px; height:0px; } @@ -611,17 +742,17 @@ background-color:{color:post}; .controls .like .sf { position:absolute; - margin-top:calc(({text:font size}px - 2px) * -1); - margin-left:calc(({text:font size}px + 4px) * -1); - font-size:calc({text:font size}px + 1px); + margin-top:calc(({select:font size} - 2px) * -1); + margin-left:calc(({select:font size} + 4px) * -1); + font-size:calc({select:font size} + 1px); } .controls .like .like_button { position:absolute; - margin-top:calc(({text:font size}px - 2px) * -1); - margin-left:calc(({text:font size}px + 4px) * -1); - width:calc({text:font size}px + 1px); - height:calc({text:font size}px + 1px); + margin-top:calc(({select:font size} - 2px) * -1); + margin-left:calc(({select:font size} + 4px) * -1); + width:calc({select:font size} + 1px); + height:calc({select:font size} + 1px); } .controls .like .like_button iframe { @@ -638,15 +769,15 @@ background-color:{color:post}; .controls .rb .sf { position:absolute; - margin-top:calc(({text:font size}px - 1px) * -1); + margin-top:calc(({select:font size} - 1px) * -1); margin-left:2px; - font-size:calc({text:font size}px - 1px); + font-size:calc({select:font size} - 1px); } /*--------------------POST NOTES--------------------*/ ol.notes { -width:{text:post width}px; +width:{select:post width}; padding:0px; margin-top:30px; list-style-type:none; @@ -689,7 +820,8 @@ text-decoration:none; box-shadow:none !important; border-radius:0px !important; max-width:none; - padding:{text:post padding}px !important; + margin-top:-{select:post padding}!important; + padding:{select:post padding} !important; background:{color:post} !important; border:1px solid rgba({RGBcolor:text},0.15) !important; } @@ -709,15 +841,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%); } @@ -727,7 +859,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%); } @@ -735,7 +867,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; } @@ -773,7 +905,7 @@ 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; } +p.npf_chat { font-family:Courier; font-size:{select:font size}; } /*---------------------------ASKS---------------------------*/ .q-wrap { @@ -833,7 +965,7 @@ height:0px; /*---------------------------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; @@ -863,66 +995,66 @@ height:0px; /*------------------------SB PAGINATION------------------------*/ .sbpagi { - width:inherit; - border-top:1px solid rgba({RGBcolor:text},0.15); - text-align:center; - margin-top:17px; + width:inherit; + border-top:1px solid rgba({RGBcolor:text},0.15); + text-align:center; + margin-top:17px; } /* 'Current page' number */ .sbpagi span { - margin:7px 0; - font-size:9px; - color:{color:Text}; - padding:3px 5px; - width:9px; - display:inline-block; - margin-left:5px; - text-align:center; + margin:7px 0; + font-size:9px; + color:{color:Text}; + padding:3px 5px; + width:9px; + display:inline-block; + margin-left:5px; + text-align:center; } /* Other page numbers */ .sbpagi a { - margin:7px 0; - font-size:9px; - color:{color:text}; - padding:3px 5px; - width:9px; - display:inline-block; - margin-left:5px; - text-align:center; + margin:7px 0; + font-size:9px; + color:{color:text}; + padding:3px 5px; + width:9px; + display:inline-block; + margin-left:5px; + text-align:center; } /*------------------------BOT PAGI------------------------*/ .botpagi { - width:calc({text:post width}px + ({text:post padding}px * 2)); - text-align:center; - padding-top:15px; - border-top:1px solid rgba({RGBcolor:text},0.15); - margin-bottom:-10px; + width:calc({select:post width} + ({select:post padding} * 2)); + text-align:center; + padding-top:15px; + border-top:1px solid rgba({RGBcolor:text},0.15); + margin-bottom:calc({select:post spacing} - 10px); } /* 'Current page' number */ .botpagi span { - font-size:9px; - color:{color:Text}; - padding:3px 5px; - width:9px; - display:inline-block; - margin-left:5px; - text-align:center; + font-size:9px; + color:{color:Text}; + padding:3px 5px; + width:9px; + display:inline-block; + margin-left:5px; + text-align:center; } /* Other page numbers */ .botpagi a { - font-size:9px; - color:{color:text}; - padding:3px 5px; - width:9px; - display:inline-block; - margin-left:2px; - text-align:center; + font-size:9px; + color:{color:text}; + padding:3px 5px; + width:9px; + display:inline-block; + margin-left:2px; + text-align:center; } {block:ifshowmusicplayer} @@ -1051,18 +1183,29 @@ height:0px;
{Description}
- {block:ifLink1}.01 - {/block:ifLink1} - {block:ifLink2}.02 - {/block:ifLink2} - {block:ifLink3}.03 - {/block:ifLink3} - {block:ifLink4}.04 - {/block:ifLink4} - {block:ifLink5}.05 - {/block:ifLink5} - {block:ifLink6}.06 - {/block:ifLink6} + {block:ifLink1Text} + {text:Link 1 Text} + {/block:ifLink1Text} + + {block:ifLink2Text} + {text:Link 2 Text} + {/block:ifLink2Text} + + {block:ifLink3Text} + {text:Link 3 Text} + {/block:ifLink3Text} + + {block:ifLink4Text} + {text:Link 4 Text} + {/block:ifLink4Text} + + {block:ifLink5Text} + {text:Link 5 Text} + {/block:ifLink5Text} + + {block:ifLink6Text} + {text:Link 6 Text} + {/block:ifLink6Text}