Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <meta charset="utf-8">
- <HTML>
- <!---
- redid code by @uchihaitachi
- originally:
- Poorly Rendered Sims 3 Baby fka i shatted and farded by @082.
- with some edits by @noodle
- NPF image fix
- https://glenthemes.tumblr.com/post/638038350689976320/npf-mobile-photoset-fix-by-glenthemes-new
- --->
- <HEAD>
- <TITLE>{Title}</TITLE>
- <link rel="icon" href="{image:favicon}" type="image/gif" >
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:favicon" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:container" content=""/>
- <meta name="image:footer bg" content=""/>
- <meta name="color:sb img shadow" content="#444">
- <meta name="color:bg" content="#ddd">
- <meta name="color:gradient 1" content="#ff0000">
- <meta name="color:gradient 2" content="#000">
- <meta name="color:container" content="#fff">
- <meta name="color:container shadow" content="#000">
- <meta name="color:posts" content="#fff">
- <meta name="color:shadow" content="#bbb">
- <meta name="color:footer bg" content="#ff0000">
- <meta name="color:title" content="#fff">
- <meta name="color:title shadow" content="#000">
- <meta name="color:font" content="#000">
- <meta name="color:link" content="#000">
- <meta name="color:link border" content="#000">
- <meta name="color:link hover" content="#ff0000">
- <meta name="color:link hover shadow" content="#000">
- <meta name="color:tooltip txt" content="#fff">
- <meta name="color:tip outline" content="#000">
- <meta name="color:scroll thumb" content="#000">
- <meta name="color:scroll track" content="#fff">
- <meta name="color:container border" content="#000">
- <meta name="color:border" content="#000">
- <meta name="select:container border" content="solid"/>
- <meta name="select:container border" content="dashed"/>
- <meta name="select:container border" content="dotted"/>
- <meta name="select:container border" content="double"/>
- <meta name="select:container border" content="inset"/>
- <meta name="select:container border" content="outset"/>
- <meta name="select:container border" content="ridge"/>
- <meta name="select:container border" content="groove"/>
- <meta name="select:container border size" content="0"/>
- <meta name="select:container border size" content="1"/>
- <meta name="select:container border size" content="2"/>
- <meta name="select:container border size" content="3"/>
- <meta name="select:container border size" content="4"/>
- <meta name="select:container border size" content="5"/>
- <meta name="select:container border size" content="6"/>
- <meta name="select:container border size" content="7"/>
- <meta name="select:container border size" content="8"/>
- <meta name="select:container border size" content="9"/>
- <meta name="select:container border size" content="10"/>
- <meta name="select:border" content="solid"/>
- <meta name="select:border" content="dashed"/>
- <meta name="select:border" content="dotted"/>
- <meta name="select:border" content="double"/>
- <meta name="select:border" content="inset"/>
- <meta name="select:border" content="outset"/>
- <meta name="select:border" content="ridge"/>
- <meta name="select:border" content="groove"/>
- <meta name="select:border size" content="0"/>
- <meta name="select:border size" content="1"/>
- <meta name="select:border size" content="2"/>
- <meta name="select:border size" content="3"/>
- <meta name="select:border size" content="4"/>
- <meta name="select:border size" content="5"/>
- <meta name="select:font" content="arial"/>
- <meta name="select:font" content="calibri"/>
- <meta name="select:font" content="courier new"/>
- <meta name="select:font" content="comic sans ms"/>
- <meta name="select:font" content="consolas"/>
- <meta name="select:font" content="georgia"/>
- <meta name="select:font" content="lucida console"/>
- <meta name="select:font" content="ms gothic"/>
- <meta name="select:font" content="ms pgothic"/>
- <meta name="select:font" content="times"/>
- <meta name="select:font" content="tahoma"/>
- <meta name="select:font" content="verdana"/>
- <meta name="select:font size" content="12px"/>
- <meta name="select:font size" content="14px"/>
- <meta name="select:font size" content="16px"/>
- <meta name="select:font size" content="18px"/>
- <meta name="select:font size" content="20px"/>
- <meta name="select:font size" content="22px"/>
- <meta name="select:font size" content="24px"/>
- <meta name="text:title" content="your title!"/>
- <meta name="text:description" content="wow so description"/>
- <meta name="text:sb img width" content="250px"/>
- <meta name="text:link space" content="/"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 1 title" content="one"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 2 title" content="two"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 3 title" content="three"/>
- <meta name="if:wobbly text" content="0"/>
- <meta name="if:gradient bg" content="0"/>
- <meta name="if:cover bg" content="0"/>
- <meta name="if:cover container bg" content="0"/>
- <meta name="if:sb img shadow" content="0"/>
- <meta name="if:hide description" content="0"/>
- <meta name="if:hide caption" content="0"/>
- <meta name="if:hide tags" content="0"/>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <!--
- NPF IMAGES READJUSTMENT | @glenthemes
- v2.0 [last updated: 2021-06-03]
- -->
- <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">
- :root {
- --NPF-Image-Spacing:4px;
- --NPF-Bottom-Gap-From-Captions:1em;
- }
- </style>
- <style type="text/css">
- html {
- height: 100%;
- width: 100%;
- overflow: hidden;
- }
- body {
- margin: 0;
- font-family: {select:font};
- font-size: {select:font size};
- color: {color:font};
- white-space: normal;
- line-height: 120%;
- {block:IfGradientBg}
- background: #466368;
- background: -webkit-linear-gradient(to bottom, {color:gradient 1}, {color:gradient 2} 95%);
- background: -moz-linear-gradient(to bottom, {color:gradient 1}, {color:gradient 2} 95%);
- background: linear-gradient(to bottom, {color:gradient 1}, {color:gradient 2} 95%);
- {/block:IfGradientBg}
- background-color: {color:bg};
- background-image: url("{image:bg}") fixed;
- {block:IfCoverBg}
- background-image: url("{image:bg}") no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:IfCoverBg}
- }
- a:link, a:active, a:visited {
- color: {color:link};
- text-shadow: 0 0 2px {color:link border}, 0 0 2px {color:link border};
- font-weight: bold;
- text-decoration: none;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- a:hover {
- text-shadow: 0 0 2px {color:link hover shadow}, 0 0 2px {color:link hover shadow},0 1px 0 {color:link hover shadow}, 0 2px 0 {color:link hover shadow}, 0 3px 0 {color:link hover shadow}, 0 4px 0 {color:link hover shadow}, 0 5px 0 {color:link hover shadow}, 0 6px 0 {color:link hover shadow};
- {block:IfLinksBold}
- font-weight: bold;{/block:IfLinksBold}
- color: {color:link hover};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- p {margin: 0px;}
- ul {list-style: square; margin: 5px 0 5px 0;}
- img {max-width: 100%;}
- h1 {line-height: 120%; margin: 0;}
- h2 {line-height: 120%; margin: 0;}
- blockquote {
- margin: 0 0 0 10px;
- padding-left: 5px;
- border-left: 2px {select:border} {color:border};
- }
- ::-webkit-scrollbar-track {
- background: {color:scroll track};
- }
- ::-webkit-scrollbar {
- width: 15px;}
- ::-webkit-scrollbar-thumb {
- background: {color:scroll thumb};
- }
- #s-m-t-tooltip {
- z-index: 999999999;
- background: rgba(0, 0, 0, 0.4);
- padding: 3px 5px;
- color: {color:tooltip txt};
- font-size: {text:txt size};
- text-shadow: -1px 0 {color:tip outline}, 0 1px {color:tip outline}, 1px 0 {color:tip outline}, 0 -1px {color:tip outline};
- text-align: center;
- max-width: 300px;
- display: block;
- word-wrap: break-word;
- margin: -30px 0px 10px 20px;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .spotify_audio_player {
- height:80px!important;
- width:100%!important;}
- .soundcloud_audio_player {
- height:150px!important;
- width:100%!important;}
- .title {
- font-size: 50px;
- text-align: center;
- margin-top: 30px;
- margin-bottom: 15px;
- }
- .title a {
- z-index: 999;
- font-weight: bold;
- text-decoration: none;
- color: {color:title};
- text-shadow: 0 0 2px {color:title shadow}, 0 0 2px {color:title shadow},0 1px 0 {color:title shadow}, 0 2px 0 {color:title shadow}, 0 3px 0 {color:title shadow}, 0 4px 0 {color:title shadow}, 0 5px 0 {color:title shadow}, 0 6px 0 {color:title shadow};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .title a:hover {
- color: {color:link hover};
- text-shadow: 0 0 2px {color:title shadow}, 0 0 2px {color:title shadow};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #container {
- margin: auto;
- width: 950px;
- height: 570px;
- padding: 30px;
- overflow: auto;
- overflow-x: hidden;
- background: {color:container} url("{image:container}") fixed;
- {block:IfCoverContainerBg}
- background-image: url("{image:bg}") no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:IfCoverContainerBg}
- border: {select:container border size}px {select:container border} {color:container border};
- box-shadow: 10px 10px 8px {color:container shadow};
- }
- .sb {
- background: {color:posts};
- position: fixed;
- width: 250px;
- padding: 5px;
- margin: 150px 0 0 650px;
- box-shadow: 8px 10px 8px {color:shadow};
- border: {select:border size}px {select:border} {color:border};
- }
- .sb img {
- width: {text:sb img width};
- display: block;
- margin-top: -150px;
- margin-bottom: 5px;
- {block:IfSbImgShadow}
- -webkit-filter: drop-shadow(0 0 2px {color:sb img shadow});
- {/block:IfSbImgShadow}
- }
- .posts {
- background: {color:posts};
- width: 500px;
- margin: 0 0 30px 30px;
- padding: 15px;
- box-shadow: 8px 10px 8px {color:shadow};
- border: {select:border size}px {select:border} {color:border};
- }
- .pic img {
- display: block;
- }
- .cap {
- margin-top: 15px;
- }
- .footer {
- margin-top: 15px;
- width: 490px;
- padding: 5px;
- text-align: center;
- background-color: {color:footer bg};
- background-image: url("{image:footer bg}");
- background-size: 500px;
- background-position: center;
- }
- .tags {
- max-height: 0px;
- line-height:120%;
- text-align: center;
- opacity:0;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .posts:hover .tags{
- margin-top: 10px;
- opacity: 1;
- max-height:300px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .pagi {
- padding: 0;
- }
- #c {
- bottom: 0px;
- float: right;
- padding-right: 20px;
- width: 30px; height: 30px;
- }
- #audio{
- background:#f1f1f1;
- background-image: url('https://i.imgur.com/IGXGYKz.png');
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid #5f5e5e;
- border-bottom: 1px solid #5f5e5e;
- box-sizing: border-box;
- height: 130px;
- margin-bottom: 10px;
- }
- .player {
- position:relative;
- margin-top:45px;
- margin-left:44px;
- z-index:9;
- width:33px;
- height:30px;
- overflow:hidden;}
- .art img {
- position:auto;
- margin-top:-72px;
- margin-left:3px;
- height:120px;
- width:114px;
- border-radius: 100%;
- }
- .trackinfo {
- padding:5px;
- box-sizing: border-box;
- color:black;
- margin-bottom:0px;
- top:-10px;
- position:relative;
- margin-left:120px;
- height:120px;
- margin-top:-113px;
- overflow:auto;
- }
- .songtitle {
- position:center;
- padding-top:0px;
- text-align:left;
- text-transform:uppercase;
- font-weight: bold;
- font-style: italic;
- letter-spacing:2px;
- }
- .artist {
- text-align:left;
- font-style: italic;
- letter-spacing:2px;
- }
- .album {
- text-align:left;
- font-style: italic;
- letter-spacing:2px;
- }
- .perma {
- margin-top: 15px;
- }
- .note {
- margin-top: 15px;
- }
- .note ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .note ol.notes li.note img{
- display: none;
- }
- .note ol.notes li.note{
- margin:0px;
- }
- .tmblr-iframe-compact .tmblr-iframe--unified-controls {
- -webkit-filter: opacity(0);
- filter: opacity(0);
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
- -webkit-filter: opacity(1);
- filter: opacity(1);
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- </style>
- {block:IfRedirect}
- <script>
- if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
- </script>
- {block:IfRedirect}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>(function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {block:IfWobblyText}
- <script type="text/javascript">
- // <![CDATA[
- var speed=100; // speed of wobbling, lower is faster
- var height=3; // height of wobbling in pixels
- var alink="/"; // page to link text to (set to ="" for no link)
- /****************************
- * Wobbly Text Effect *
- *(c) 2003-6 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var wobtxt, wobble, wobcnt=0;
- window.onload=function() { if (document.getElementById) {
- var i, wobli;
- wobble=document.getElementById("wobble");
- wobtxt=wobble.firstChild.nodeValue;
- while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
- for (i=0; i<wobtxt.length; i++) {
- wobli=document.createElement("span");
- wobli.setAttribute("id", "wobb"+i);
- wobli.style.position="relative";
- wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
- if (alink) {
- wobli.style.cursor="pointer";
- wobli.onclick=function() { top.location.href=alink; }
- }
- wobble.appendChild(wobli);
- }
- setInterval("wobbler()", speed);
- }}
- function wobbler() {
- for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
- wobcnt++;
- }
- // ]]>
- </script>{/block:IfWobblyText}
- <script>
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- </script>
- </HEAD>
- <BODY>
- <div class="title"><a href="/"><div id="wobble">{text:title}</div></a></div>
- <div id="container">
- <div class="sb">
- <center>
- <img src="{image:sidebar}">
- {block:ifNotHideDescription}
- {text:description}
- {/block:ifNotHideDescription}
- <div class="link">
- <a href="{text:link 1 url}">{text:link 1 title}</a> {text:link space}
- <a href="{text:link 2 url}">{text:link 2 title}</a> {text:link space}
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- </div>
- {block:IndexPage}
- {block:Pagination}<div class="pagi">{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination}
- {/block:IndexPage}
- </center>
- </div>
- <!--sb-->
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}
- {Title}
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}"><div class="pic"><img src="{PhotoURL-500}"/></div></a>
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Video}
- {VideoEmbed-500}
- {/block:Video}
- {block:Quote}
- "{Quote}"
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}{Label}{/block:Label} {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Lines}
- {block:Label}
- {Label}
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- <div id="audio">
- <div class="player">{AudioPlayer}</div>
- {block:AlbumArt}<div class="art img"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="trackinfo">
- <div class="trackname">
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- <div class="artist">
- {block:Artist}{Artist}{/block:Artist}
- </div>
- <div class="album">
- {block:Album}{Album}{/block:Album}
- </div>
- </div></div>
- {/block:AudioPlayer}
- {/block:Audio}
- {block:ifNotHideCaption}
- {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
- {/block:ifNotHideCaption}
- {block:IndexPage}
- <div class="footer">
- {block:Date}
- <a href="{Permalink}">{TimeAgo}
- {/block:Date}
- ({NoteCountWithLabel})</a>
- </div>
- {block:ifNotHideTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:ifNotHideTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="perma">
- {block:ifHideCaption}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifHideCaption}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" data-toggle="tooltip" title="via {ReblogParentName}">via</a>{/block:RebloggedFrom}
- {block:ContentSource}
- / <a href="{SourceURL}">source</a> {/block:ContentSource}
- {block:NoteCount}<a href="{Permalink}">{NoteCount}%</a><br>{/block:NoteCount}
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </p>
- {block:PostNotes}<div class="note">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div> <!--posts-->
- {/block:Posts}
- <div id="c">
- <a href="https://ps1.tumblr.com/" style="text-decoration: none; font-size: 20px; font-style: normal;" data-toggle="tooltip" title="@ps1">★</a>
- </div>
- </div> <!--container-->
- </BODY>
- </HTML>
Add Comment
Please, Sign In to add comment