Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----
- — MADE BY @YNTENSE — http://yntense.tumblr.com
- — ORIGINAL DESIGN • 2017
- — DONT'T REMOVE MY CREDITS AND COPY
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <title> {Title} </title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Background Image" content="#ffffff"/>
- <meta name="color:Borders" content="#f8f3f3"/>
- <meta name="color:Texts" content="#a5a5a5"/>
- <meta name="color:Title" content="#888888"/>
- <meta name="color:Scrollba" content="#f3f5f5"/>
- <meta name="color:Links" content="#a8a8a8"/>
- <meta name="color:Links Hover" content="#dddddd"/>
- <meta name="color:Link Image" content="#000000"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 1 Name" content="Link"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 2 Name" content="Link"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 3 Name" content="Link"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 4 Name" content="Link"/>
- </head>
- <link href="https://fonts.googleapis.com/css?family=Droid+Sans|Hind|PT+Sans|Source+Sans+Pro" rel="stylesheet">
- <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>
- <style type="text/css">
- #tumblr_controls, iframe.tmblr-iframe {
- display:block!important;
- position:fixed!important;
- top:0px!important;
- right:0px!important;
- opacity:0.5!important;
- transition:0.6s ease;
- -webkit-transform: scale(0.7);
- -moz-transform: scale(0.7);
- -o-transform: scale(0.7)
- }
- iframe.tmblr-iframe {
- -webkit-filter:invert(100%);
- opacity:0.3;
- transition:0.6s;
- }
- #tumblr-controls:hover iframe.tmblr-iframe {
- opacity:0.5;
- transition:0.6s;
- }
- #s-m-t-tooltip {
- position:relative;
- background:{color:background};
- max-width:200px;
- margin:15px;
- font-family: 'Hind', sans-serif;
- color:{color:Texts};
- font-weight:bold;
- padding:7px;
- box-shadow:1px 1px 1px rgba({RGBcolor:Texts},0.6);
- }
- a, a:link, a:active, a:visited {
- color:{color:Links};
- text-decoration:none;
- transition:0.5s ease;
- }
- a:hover {
- color:{color:Links Hover};
- transition:0.5s ease;
- }
- ol, ul {
- list-style:none;
- }
- blockquote {
- padding:7px!important;
- margin:0!important;
- }
- h1, h5 {
- text-align:center;
- text-transform:uppercase;
- font-family: 'Hind', sans-serif;
- color:{color:Texts};
- font-size:11px;
- background:#;
- }
- ::selection {
- font-weight:bold;
- color:#000;
- background:#0000;
- }
- ::-webkit-scrollbar {
- width:17px;
- height:0px;
- }
- ::-webkit-scrollbar {
- background:{color:Background};
- }
- ::-webkit-scrollbar-track {
- background:{color:Background};
- border:8px solid {color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background:{color:Scrollbar};
- border:8px solid {color:Background};
- }
- body {
- background-color:{color:Background};
- color:{color:Texts};
- font-family: 'Hind', sans-serif;
- font-size:10px;
- text-transform:none;
- font-style:normal;
- font-weight:normal;
- text-align:Justify;
- }
- .vsanna {
- display:none;
- }
- .quote {
- font-family: 'Hind', sans-serif;
- font-size:11px;
- text-align:Justify;
- }
- .source {
- text-align:left;
- font-size:8px;
- font-weight:bold;
- font-style:italic;
- text-transform:uppercase;
- color:{color:Texts};
- }
- .question{
- z-index:1;
- border-top: 1px solid {color:borders};
- border-bottom: 1px solid {color:borders};
- text-align:left;
- font-size:11px;
- padding:10px;
- margin-left:-10px;
- margin-right:-10px;
- }
- .asker{
- margin-bottom:2px;
- margin-top:-6px;
- margin-left:-10px;
- margin-right:-10px;
- font-family:'Hind', sans-serif;
- padding:5px;
- padding-bottom:7px;
- font-size:9px;
- letter-spacing:0.50px;
- text-align:left;
- text-transform:uppercase;
- border-bottom:1px solid {color:borders};
- text-indent:10px;
- }
- .portrait img{
- overflow:hidden;
- display:block;
- float:left;
- width:18px;
- height:18px;
- border-radius:100%;
- border:1px solid {color:Borders};
- margin-left:5px;
- margin-top:-6px;
- }
- .answer{
- margin-top:5px;
- text-align:left;
- font-size:11px;
- padding-left:0px;
- }
- .chat {
- line-height:13px;
- list-style:none;
- }
- .chat ul {
- list-style: none;
- padding:5px;
- }
- .person1 {
- color:{color:Texts};
- padding:2px;
- text-transform:Uppercase;
- font-style:Italic;
- }
- .person1 .label {
- color:{color:Texts};
- text-transform:Uppercase;
- font-style:Italic;
- font-weight:Bold;
- }
- .person2 {
- color:{color:Texts};
- padding:2px;
- text-transform:Uppercase;
- font-style:Italic;
- }
- .person2 .label {
- color:{color:Texts};
- text-transform:Uppercase;
- font-style:Italic;
- font-weight:Bold;
- }
- #albumcapa img {
- width:82px;
- position:absolute;
- padding:5px;
- border:1px solid {color:borders};}
- .play{
- margin-left:97px;
- border:1px solid {color:borders};
- overflow:hidden;
- width:119px;}
- #cap {
- margin-left:97px;
- }
- .list{
- border:1px solid {color:borders};
- height:17px;
- line-height:20px;
- margin-top:2px;
- font-family:'Hind', sans-serif;
- text-transform:uppercase;
- font-size:9px;
- word-spacing:-2px;
- padding-left:8px;
- }
- .video {
- display:block;
- overflow:hidden;
- width:100%;
- }
- .video, .video iframe {
- display:block;
- overflow:hidden;
- }
- .link {
- margin: 0 0 5px 0;
- text-align:center;
- }
- .link a {
- font-size:10px;
- color:{color:links};
- text-transform:uppercase;
- text-align:center;
- letter-spacing:0.7px;
- transition: 0.5s ease;
- }
- .link a:hover {
- color:{color:links hover};
- transition: 0.50s ease;
- }
- .padding_posts {
- padding:10px;
- border:1px solid {color:Borders};
- }
- .entry {
- width:840px;
- margin:auto;
- }
- #input {
- position:relative;
- width:840px;
- margin:0!important;
- padding:10px;
- }
- .posts {
- display:inline-block;
- overflow:hidden;
- margin:15px;
- width:240px;
- background-color:{color:Background};
- padding:0!important;
- font-family: 'Hind' , sans-serif;
- font-size:10px;
- text-align: Justify;
- opacity:1;
- z-index:1;
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- {block:Indexpage}
- .posts {
- opacity:0;
- z-index:-1;
- transition:0.5s;
- }
- {/block:Indexpage}
- .posts img {
- width:100%;
- }
- </style>
- <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <body>
- <div class="entry">
- <div id="input">
- {block:Posts}
- <div class="posts">
- {block:Video}
- <div class="video">
- {block:Indexpage}{Video-250}{/block:Indexpage}
- {block:PermalinkPage}{Video-500}{/block:Permalinkpage}
- </div>
- {/block:Video}
- {block:Photo}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
- {/block:Photo}
- {block:Photoset}
- <div class="padding_posts">
- <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>
- </div>
- {/block:Photoset}
- {block:Text}
- <div class="padding_posts">
- {block:Title} <h1> {Title} </h1> {block:Title}
- {Body}
- </div>
- {block:Text}
- {block:Quote}
- <div class="quote"> {Quote} </div>
- {block:Source}<div class="source"> — {Source} </div>{/block:Source}
- {/block:Quote}
- {block:Answer}
- <div class="padding_posts">
- <div class="portrait"><img src="{AskerPortraitURL-64}" style="width:18px; height:18px" /></div>
- <div class="asker">{Asker}</div>
- <div class="question">{Question}</div>
- <div class="answer">{Answer}</div>
- </div>
- {/block:Answer}
- {block:Chat}
- <div class="padding_posts">
- {block:Title} <h1> {Title} </h1> {/block:Title}
- <div class="chat">
- <ul>{block:Lines}
- <li class="person{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}</li>{/block:Lines}</ul></div>
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="padding_posts">
- <div class="audio">
- {block:AlbumArt}<div id="albumcapa"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="play">
- {AudioPlayerWhite}
- </div>
- <div id="cap">
- <div class="list">Track: {block:TrackName} {TrackName} {/block:TrackName}</div>
- <div class="list">Artist: {block:Artist} {Artist} {/block:Artist}</div>
- <div class="list">Album: {block:Album} {Album} {/block:Album}</div>
- </div></div>
- </div>
- {/block:Audio}
- {block:Link}
- <div class="padding_posts">
- <div class="links" >
- <a href="{URL}" {Target}><i class="ion-link" style="font-size:15px"></i> {Name}</a>
- </div>
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- <div class="vsanna">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}
- </div>
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0.5px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- {block:IndexPage}
- var $container = $('#input');
- $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: '',
- loadingText: '<em></em>',
- bufferPx: 20000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0.5px',
- 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>
- </body>
- </html>
- <!----
- — MADE BY @YNTENSE — http://yntense.tumblr.com
- — ORIGINAL DESIGN • 2017
- — DONT'T REMOVE MY CREDITS AND COPY
- -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement