Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- codes by atherus
- © 2018. all rights reserved.
- started january 16, 2018
- finish january 17, 2018
- back to top by fragilehelp
- controls by cyantists
- infinite scroll, pxu, video resizing,
- minimal soundcloud by shythemes
- fonts by google.fonts
- icons by pixeden
- -->
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>{title}</title>
- <link rel="shortopen-box icon" href="{Favicon}">
- <meta name="if:2 columns" content="1"/>
- <meta name="color:background" content="#fafafa"/>
- <meta name="color:accent" content="#ffffff"/>
- <meta name="color:borders" content="#f3f3f3"/>
- <meta name="color:title" content="#666666"/>
- <meta name="color:description" content="#868686"/>
- <meta name="color:links" content="#666666"/>
- <meta name="color:links hover" content="#a5a5a5"/>
- <meta name="color:text" content="#8f8f8f"/>
- <meta name="color:selection" content="#1E90FF"/>
- <meta name="text:link 1 title" content="">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2 title" content="title">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3 title" content="title">
- <meta name="text:link 3 url" content="/">
- <meta name="text:link 4 title" content="title">
- <meta name="text:link 4 url" content="/">
- <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i' rel='stylesheet' type='text/css'>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:20,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <style type="text/css">
- iframe.tmblr-iframe {z-index:99999999999999!important;top:0;!important;right:0!important;opacity:0.4;transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;transition:.6s;}
- *html, body {max-width:100%;height:100%;}
- #infscr-loading {position:absolute;bottom:0;float:center;left:-100px;}
- #infscr-loading img {width:10px;height:10px;}
- @-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
- @keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
- body {word-wrap:break-word;background:{color:background};color:{color:text};font:normal 400 9.5px/140% 'Open Sans', calibri, sans-serif;text-transform:none;text-align:justify;font-style:normal;margin:0;word-spacing:0.4px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:.5s;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
- h1, h2, h3, h4, h5, h6 {margin-top:10px;padding:0 0 4px;font-size:11px;font-weight:600;display:block;margin:10px 10px 7px 10px;line-height:100%;}
- img {border:0;max-width:width:calc(100% - 0);height:auto;display:block;}
- a, a:link, a:active, a:visited {color:{color:links};text-decoration:none;transition:.5s;}
- a:hover {color:{color:links hover};text-decoration:none;transition:.5s;}
- li {margin:2px 0;list-style-type:square;}
- ul, ol {padding-left:10px;margin:0px 10px;}
- em, i {font-style:italic;font-weight:400;}
- big {font-size:1.4em;}
- small, sub, sup {font-size:.9em;}
- b, strong {font-weight:600;}
- strike, u {text-decoration:line-through;}
- p {margin:10px 0;}
- p:first-child {margin-top:-8px;}
- p:last-child {margin-bottom:-6px;}
- blockquote {border-left:1px solid {color:borders};display:middle;margin:10px auto;padding:6px;position:relative;margin-left:0;}
- blockquote img {width:calc(100% - 0);height:auto;}
- hr {border-top:1px solid {color:borders};margin:10px 10px;}
- pre {overflow-x:auto;padding:10px;margin:10px 0px;margin-top:-2px;}
- .tumblr_blog {margin-left:0;margin-top:3px;font-weight:600;text-transform:lowercase;}
- .vignette, #vignette {opacity:0;}
- .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:100%;}
- .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({RGBcolor:background},.9) !important;}
- .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display:none;}
- ::-moz-selection {background:{color:selection};color:white;}
- ::selection {background:{color:selection};color:white;}
- ::-webkit-scrollbar {{block:indexpage}overflow:hidden;display:none;{/block:indexpage}{block:permalinkpage}overflow:hidden;display:none;{/block:permalinkpage}}::-webkit-scrollbar {{block:indexpage}overflow:hidden;display:none;{/block:indexpage}{block:permalinkpage}overflow:hidden;display:none;{/block:permalinkpage}}
- .tumblr_video_container {width:auto!important;height:auto!important;}
- .tumblr_audio_player {width:32px;height:28px;overflow:hidden;opacity:.4;margin-top:14px;margin-left:0;}
- #youtube_iframe {margin-bottom:-3px!important;display:block!important;}
- .instagram-media {border-radius:0!important;box-shadow:none;!important;margin-bottom:0!important;width:100%!important;margin-left:-1px!important;}
- .spotify_audio_player {height:80px !important;}
- .soundcloud_audio_player {height:116px !important;}
- .entry {width:520px;{block:if2columns}width:800px;{/block:if2columns}{block:permalinkpage}width:530px;{/block:permalinkpage}margin:auto;height:auto;}
- #posts {margin-top:40px;margin-left:210px;transition:.5s;{block:permalinkpage}margin-top:70px;margin-left:140px;{/block:permalinkpage}}
- .posts {width:250px;background:{color:accent};{block:if2columns}width:230px;{block:if2columns}{block:permalinkpage}width:400px;{/block:permalinkpage}margin:30px;padding:0;transition:1s;border:1px solid {color:borders};opacity:1;border-radius:3px;outline-offset:-3px;outline:1px dotted {color:borders};}
- {block:IndexPage}
- .posts {opacity:0;z-index:-1;transition:.5s;}
- {/block:IndexPage}
- .posts img {max-width:100%;}
- #side {margin-left:30px;margin-top:30px;border:1px solid {color:borders};background:{color:accent};padding:10px;width:130px;position:fixed;height:auto;{block:permalinkpage}margin-left:-40px;margin-top:0;{/block:permalinkpage}border-radius:3px;outline-offset:-3px;outline:1px dotted {color:borders};}
- .menu {margin-top:0;margin-left:0;text-align:left;width:auto;display:block;}
- .menu a {text-transform:lowercase;margin:1px;display:inline-block;text-align:left;transition:.8s;color:{color:links};position:relative;font-weight:600;}
- .menu a:hover {color:{color:links hover};}
- .name {text-transform:lowercase;margin-left:0;margin-top:0;text-align:justify;font-weight:600;color:{color:title};}
- .title {text-transform:lowercase;letter-spacing:.3px;margin-left:0;margin-top:0;text-align:justify;font-weight:300i;color:{color:text};font-style:italic;}
- .descri {margin-top:1px;position:relative;margin-left:0;color:{color:description};text-align:justify;text-transform:none;display:inline-block;width:auto;height:auto;}
- .b-nots {position:relative;width:auto;text-align:left;margin-top:0;margin-right:0;margin-left:0;padding:10px;margin:0;text-transform:lowercase;color:{color:links};padding-left:12px;font-weight:600;padding-right:12px;margin-bottom:2px;}
- .chat ul {padding-right:10px;padding-left:10px;padding-top:6px;padding-bottom:6px;margin:auto;margin-bottom:0;}
- .chat li {padding-right:6px;padding-left:6px;padding-top:6px;padding-bottom:6px;list-style-type:none;margin-bottom:0;}
- span.chats {font-weight:600;text-transform:capitalize;font-size:10px;}
- .chat li:nth-child(even) {border:1px solid {color:borders};width:auto;background-color:{color:background};}
- .audio {display:block;margin-left:10px;margin-right:10px;}
- .track {float:right;margin-right:0;margin-top:-32px;font-style:italic;width:auto;text-align:right;}
- .play {float:right;text-align:right;text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:.2px;margin-top:-17px;margin-right:0;width:auto;}
- .ask {margin-top:0;margin-left:0;margin-right:0;padding:12px;width:auto;color:{color:text};text-align:justify;}
- .asker {margin-top:10px;margin-left:-1px;margin-right:0;width:auto;text-transform:uppercase;padding:1px;text-align:left;font-weight:700;font-size:9px;letter-spacing:.3px;}
- .asker a {width:auto;color:{color:links};margin:0;padding:0;}
- .answer {margin-top:0;margin-left:0;margin-right:0;padding:12px;width:auto;color:{color:text};text-align:justify;border-top:1px solid {color:borders};padding-top:17px;margin-bottom:2px;}
- .permalink {width:370px;margin-top:0;line-height:175%;margin-left:30px;border:1px solid {color:borders};background:{color:accent};font-size:10px;padding:15px;border-radius:3px;}
- .permalink .oi {margin-right:3px;font-size:10px;}
- ol.notes {display:block;padding:0;padding-top:20px;margin-top:20px;margin-left:-13px;margin-right:-13px;overflow-y:scroll;overflow-x:hidden;text-align:justify;width:auto;height:260px;border-top:1px solid {color:borders};}
- ol.notes li.note {display:block;text-align:justify;padding:5px;padding-left:20px;font-size:10px;}
- ol.notes li.note img.avatar {display:none;}
- .more_notes_link,.notes_loading {text-align:center!important;}
- #s-m-t-tooltip {max-width:300px;border:1px solid {color:borders};padding:3px 4px 3px 5px;margin:15px 20px;border-radius:3px;background:{color:accent};text-transform:lowercase;color:{color:text};z-index:123456789;letter-spacing:.3px;font-style:italic;}
- #ltop:link, #ltop:visited {color:{color:links};display:none;position:fixed;z-index:10;bottom:30px;right:10px;text-align:center;font-weight:700;}
- #credit {color:{color:links};padding:2px;position:fixed;bottom:10px;right:10px;padding-bottom:3px;font-size:8px;text-align:center;font-weight:700;}
- .quote {text-align:justify;padding:8px;margin-left:0;margin-right:0;margin-bottom:-5px;margin-top:0;}
- #sc {margin-top:0;margin-right:0;margin-left:0;margin-bottom:0;font-style:normal;width:auto;text-align:right;font-weight:600;margin:0;text-transform:normal;padding:0;}
- #sc a {color:{color:links};transition:.6s;margin:0;padding:0;}
- #body {margin-top:0;margin:0;margin-bottom:0;margin:0 10px 5px 10px;width:auto;text-align:justify;}
- #body a {font-weight:600;}
- #link {padding:4px;margin-top:0;width:auto;}
- .tit-url {text-align:justify;padding:8px;margin-left:0;margin-right:0;margin-bottom:-13px;margin-top:13px;font-style:italic;}
- .tit-url::before {content:'click for access:';text-transform:lowercase;letter-spacing:.3px;margin-left:0;font-weight:600;font-style:normal;position:absolute;margin-top:-13px;}
- #tags {width:228px;background:#fff;margin:15px -1px -15px;padding:12px;border-top:1px solid #ededed;}
- #tags a {display:inline-block;font-size:9px;text-transform:uppercase;color:#6b6b6b;margin:1px;text-decoration:none;font-family:helvetica neue, sans-serif;padding:1px 5px;background:#fafafa;transition:1s;}
- #tags a:hover {transition:1s;background:#eee;}
- </style>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function(){
- var color = '#cccccc'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
- });
- });
- </script>
- </head>
- <body>
- <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
- <a href="javascript:;" id="ltop">back to top</a>
- <div class="entry">
- <div id="side">
- <div class="name">{Name}</div>
- <div class="title">{Title}</div>
- <div class="menu">
- <a href="{text:link 1 url}" title="{text:link 1 title}">one</a> <font style="color:{color:borders};font-weight:600">/</font>
- <a href="{text:link 2 url}" title="{text:link 2 title}">two</a> <font style="color:{color:borders};font-weight:600">/</font>
- <a href="{text:link 3 url}" title="{text:link 3 title}">three</a> <font style="color:{color:borders};font-weight:600">/</font>
- <a href="{text:link 4 url}" title="{text:link 4 title}">four</a>
- </div>
- <div class="descri">{Description}</div>
- </div>
- <div id="posts">{block:Posts}<div class="posts">
- {block:Text}
- <h1>{Title}</h1>
- <div id="body">{Body}</div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- {block:HasTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:Text}
- {block:Photo}
- <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo}</a></div>
- {/block:IndexPage}
- </div>
- {/block:Photo}
- {block:Photoset}<div class="p">
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- {block:HasTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div></div>
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- {Quote}
- {block:Source}<div id="sc"> {Source}{/block:Source}</div>
- </div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- </div>
- {/block:Quote}
- {block:Link}
- <div id="link">
- {block:Host}<div class="tit-url"><a href="{URL}" {Target}>{Host}</a></div>{/block:Host}
- </div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- </div>
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="chat">
- <ul>
- {block:Lines}
- <li class="{Alt} {UserNumber}">
- {block:Label}
- <span class="chats">{Label}</span>
- {/block:Label}
- <span class="line">{Line}</span>
- </li>
- {/block:Lines}
- </ul>
- </div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Audio}<div class="audio">
- {block:AudioPlayer}
- {AudioPlayerWhite}
- {/block:AudioPlayer}
- <div class="track">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}</div>
- {block:PlayCount}<div class="play">{PlayCountWithLabel}</div>{/block:PlayCount}
- </div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a></div>
- {/block:IndexPage}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="ask"><a href="{BlogUrl}" class="asker"> message by {asker}</a><br> {Question}</div>
- <div class="answer">{Answer}</div>
- {block:IndexPage}
- <div class="b-nots"><a href="{ReblogURL}" target="_blank">reblog</a>
- <a href="{Permalink}" style="float:right"> {TimeAgo} </a>
- </div>
- {/block:IndexPage}
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- {block:Date}
- <div class="permalink">
- <i class="pe-7s-clock"></i> {TimeAgo}
- {/block:Date}
- {block:RebloggedFrom}<br>
- <i class="pe-7s-link"></i> originally post by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {block:NotReblog}<i class="pe-7s-link"></i> posted by {Name}{/block:NotReblog}
- {/block:RebloggedFrom}
- {block:PostNotes}
- {PostNotes-64}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- {block:IndexPage}
- <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script src="https://static.tumblr.com/h7yjwkn/k7yoth0cm/jquery.infinitescroll.min.js"></script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- {block:IndexPage}
- var $container = $('#posts');
- $container.masonry({ itemSelector: '.posts' });
- $container.imagesLoaded(function(){
- $container.masonry();
- $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
- });
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '#pagination',
- nextSelector: '#next',
- loadingImg: 'https://www.symbolab.com/public/img/loading_large.gif',
- loadingText: '<em></em>',
- bufferPx: 20000
- },
- function( newElements ) {
- var $newElems = $(newElements);
- var $newElemsIDs = $newElems.map(function(){
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- },
- function(){
- $container.masonry();
- });
- $newElems.imagesLoaded(function(){
- $container.masonry( 'appended', $newElems );
- $newElems.animate({ opacity: 1, zIndex: 1 });
- resizeVideos();
- });
- });
- {/block:IndexPage}
- });
- </script>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="next" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- </div>
- <div id="credit"><a href="https://atherus.tumblr.com/" title="design by atherus" target="_blank">@</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement