Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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}
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <meta name="image:portrait" content="" />
- <meta name="color:background" content="" />
- <meta name="color:borders" content="" />
- <meta name="color:link" content="" />
- <meta name="color:text" content="" />
- <meta name="color:accent" content="" />
- <meta name="color:perma" content="" />
- <meta name="color:selection" content="" />
- <meta name="color:title" content="" />
- <meta name="if:HoverIndexNotes" content="" />
- <meta name="select:Post Width" content="300" title="300px" />
- <meta name="select:Post Width" content="325" title="325px" />
- <meta name="select:Post Width" content="350" title="350px" />
- <meta name="select:Post Width" content="400" title="400px" />
- <meta name="select:Post Width" content="450" title="450px" />
- <meta name="select:Post Width" content="500" title="500px" />
- <meta name="select:Post Width" content="540" title="540px" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 URL" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 URL" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 URL" content="" />
- </head>
- <style type="text/css">
- /* tumblr controls */
- iframe.tmblr-iframe { z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete from here */
- filter:invert(1);
- -webkit-filter:invert(1);
- -o-filter:invert(1);
- -moz-filter:invert(1);
- -ms-filter:invert(1);
- /* to here if your blog has a dark background */
- transform:scale(0.6);
- transform-origin:100% 0;
- -webkit-transform:scale(0.6);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.6);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.6);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.6);
- -ms-transform-origin:100% 0;
- transition: opacity 0.6s ease-in-out;
- -moz-transition: opacity 0.6s ease-in-out;
- -webkit-transition: opacity 0.6s ease-in-out;
- }
- iframe.tmblr-iframe:hover {opacity:0.6!important;}
- body {
- color:{color:text};
- background:{color:background};
- font:10px roboto, arial;
- font-style: normal;
- font-variant: normal;
- font-weight: 400;
- line-height: 20px;
- word-wrap:break-word;
- overflow-x:hidden;
- margin:0;
- cursor:default;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }img {
- display:block;
- max-width:100%;
- height:auto;}
- ::selection {
- color:{color:text};
- background:{color:selection};}
- ::-moz-selection {
- color:{color:text};
- background:{color:selection};}
- ::-webkit-scrollbar{
- height:2px;
- width:7px;
- background:inherit;}
- ::-webkit-scrollbar-thumb {
- background:{color:title};
- border-radius:2px;
- border-top:3px solid {color:background};
- border-right:5px solid {color:background};
- border-bottom:3px solid {color:background};
- -webkit-border-radius:2px;}
- a:link, a:visited, a:active {
- cursor:help;
- color:{color:link};
- text-decoration:none;
- border:none;
- -moz-transition:0.19s ease-in;
- -webkit-transition:0.19s ease-in;
- -o-transition:0.19s ease-in;
- transition:0.19s ease-in;}
- a:hover {
- text-decoration:underline;
- -moz-transition:0.19s ease-in;
- -webkit-transition:0.19s ease-in;
- -o-transition:0.19s ease-in;
- transition:0.19s ease-in;}
- blockquote {
- border-left:1px solid rgba(204,204,204,.3);
- padding:5px 0 5px 15px;
- margin:15px 0;}
- pre {
- padding:0;
- margin:0;
- line-height:1.5em;
- background:transparent;
- font-family:inherit!Important;
- font-size:1em!important;
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;}
- p {margin:1em 0;}
- p:first-of-type {margin-top:0;}
- p:last-of-type {margin-bottom:0;}
- b, strong, b a, strong a {color:{color:title};}
- ol, ul {
- list-style:none;
- text-align:left;
- padding-left:0;}
- li {
- position:relative;
- padding:.1em 0 .1em 35px;}
- ol li {counter-increment:list;}
- ol li:before, ul li:before {
- left:15px;
- position:absolute;
- vertical-align:baseline!important;}
- ol li:before {content:counter(list) '.';}
- ul li:before {content:'›';}
- .chat li:before, .same li:before {display:none;}
- small, big, sub, pre {
- font-size:1em!important;
- line-height:1.5em!important;
- vertical-align:baseline!important;}
- .post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child {margin-top:0;}
- .ui-tooltip {
- position:Absolute;
- z-index:9999;
- padding-top:10px;}
- .ui-tooltip-content {
- background:{color:accent};
- padding:2px 4px;
- font-size:8px;
- letter-spacing:1px;}
- .sidebar {
- display:block;
- width:200px;
- top:210px;
- left:35px;
- position:fixed;}
- .sidebarimg {
- display:block;
- height:60px;
- width:60px;
- padding:4px;
- border:1px solid {color:perma};
- margin:0px auto;}
- .navigation {
- display:block;
- margin-top:25px;
- padding:5px;
- font-size:9px;
- font-style:italic;
- font-weight:700;
- background:{color:perma};
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:center;}
- .navigation a {
- display:inline-block;
- border:none;
- margin:0px 3px;
- font-weight:lighter;
- text-decoration:none;}
- .navigation:hover a {
- opacity:.4;
- -moz-transition:0.19s ease-in;
- -webkit-transition:0.19s ease-in;
- -o-transition:0.19s ease-in;
- transition:0.19s ease-in;}
- .navigation a:hover {
- opacity:1;}
- #pagination {
- display:block;
- margin-top:4px;
- text-align:center;
- border-top:1px solid {color:perma};}
- #pagination a {
- padding:3px 5px 5px;
- border-top:1px solid transparent;
- text-decoration:none;}
- #pagination a:hover {
- border-top:1px solid #000;}
- .current_page {
- font-weight:700;
- border:none!important;
- color:{color:text};}
- #stext {
- margin-top:10px;
- display:block;
- text-align:justify;}
- .entry {
- display:block;
- position:relative;
- margin:45px 310px 50px;
- width:{select:post width}px;}
- .posts {
- display:block;
- position:relative;
- width:{select:post width}px;
- margin-bottom:75px;}
- #permalink {
- display:block;
- width:120px;
- margin-left:calc({select:post width}px + 5px);
- background:{color:background};
- position:absolute;}
- #permalink a {
- margin-left:7px;}
- #permalink .phover {
- {block:ifHoverIndexNotes}
- opacity:0;{/block:ifHoverIndexNotes}
- width:auto!important;
- display:block;
- padding:10px;
- margin-top:10px;
- background:rgba({RGBcolor:perma},.6);
- -moz-transition:0.19s ease-in;
- -webkit-transition:0.19s ease-in;
- -o-transition:0.19s ease-in;
- transition:0.19s ease-in;}
- .posts:hover #permalink .phover {
- opacity:1;
- -moz-transition:0.19s ease-in;
- -webkit-transition:0.19s ease-in;
- -o-transition:0.19s ease-in;
- transition:0.19s ease-in;}
- .vignette, #vignette {
- opacity:0;}
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;}
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:{color:background}!important;
- z-index:99999!important;}
- .lightbox-caption, #tumblr_lightbox_caption {
- visibility:hidden;}
- /* photoset */
- /* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
- .photo-slideshow .count-1 {
- margin-bottom:1px!important;
- }
- .photo-slideshow .count-2 {
- margin-left:1px!important;
- margin-bottom:1px!important;
- width:calc(50% - (1px/2))!important;
- }
- .photo-slideshow .count-2:first-child {
- margin-left:0!important;
- }
- .photo-slideshow .count-3 {
- margin-left:1px!important;
- margin-bottom:1px!important;
- width:calc((100% - (2 * 1px))/3)!important;
- }
- .photo-slideshow .count-3:first-child {
- margin-left:0!important;
- }
- .photo-slideshow {
- display:block!important;
- margin-bottom:calc(-(1px - 3px));
- position:relative;
- width:100%;
- }
- .defcap .photo-slideshow.processed {margin-bottom:0!important;}
- .defcap .row:last-of-type .count-1{margin-bottom:0!important;}
- .unnested .photo-slideshow.processed {margin-bottom:calc({select:font size} * (2/3)) !important;}
- /* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
- .posts img {
- height:auto;
- max-width:100%;
- display:block;
- -webkit-backface-visibility:hidden;
- backface-visibility:hidden;}
- .photo img {
- width:{select:post width}px;
- display:block;}
- .media, .photo-slideshow {
- position:relative;
- display:block;}
- .post img, .post li, .post blockquote, .caption img, .caption iframe {max-width:100%;}
- a.tumblr_blog {
- display:inline-block!important;
- margin-bottom:5px;
- vertical-align:12px;
- }
- .source a.tumblr_blog { vertical-align:initial; }
- .caption > blockquote {
- margin-top:5px;
- padding-left:10px;
- border-left:1px solid #dcecf5;
- }
- .caption blockquote { margin:5px 0; }
- .caption {
- padding:0px 0;
- }
- .read_more {
- font-style:italic;
- margin:10px 5px 5px;
- display:block;
- text-transform:lowercase;
- color:{color:accent}!important;}
- #cholder {
- position:relative;
- display:inline-flex;
- display:-webkit-flex;
- margin-top:15px;
- width:{select:post width}px;}
- .sources a{color:{color:selection};}
- .sources{color:#ababab;}
- .sources, #cp {
- width:50%!important;
- margin:0px;}
- .tumblr_parent {
- margin-top:10px;
- }
- blockquote.tumblr_parent {
- border:0;
- }
- blockquote.tumblr_parent blockquote {
- margin-top:5px;
- padding-left:10px;
- border-left:1px solid #dcecf5;
- }
- .tumblr_avatar {
- display:inline-block!important;
- margin-right:10px;
- margin-bottom:5px;
- width:20px;
- height:20px;
- border-radius:15%;
- }
- .quote {
- display:block;
- text-align:center;
- padding:5px 25px;
- font-style:italic;
- font-size:17px;}
- .source {
- display:block;
- text-align:center;
- font-size:9px;
- margin-top:10px;}
- .chat ol {
- margin:0;
- padding:0;
- list-style:none;
- text-align:left;}
- .l {
- margin:5px 0;
- padding:0;}
- .chat li:first-of-type {margin-top:0px;}
- .chat li:last-of-type {margin-bottom:0;}
- .label {
- color:{color:text};
- display:inline-block;}
- .video {
- display:block;
- position:relative;}
- .video iframe {
- display:block;
- max-width:calc({select:post width}px - 8px);}
- .tumblr_video_container {
- display:block;
- max-width:calc({select:post width}px - 8px);}
- #youtube_iframe {
- display:block;
- max-height:calc({select:post width}px * 0.67);
- max-width:calc({select:post width}px - 8px);}
- .instagram-media {max-height:none!important;}
- .tumblr_audio_player {
- width:250px;
- height:30px;
- margin-top:-2px;}
- .player {
- width:25px;
- height:25px;
- display:inline-block;
- overflow:hidden;
- vertical-align:middle;}
- .audio_info {
- padding-left:15px;
- margin-left:14px;
- border-left:1px solid {color:borders};
- vertical-align:middle;
- display:inline-block;
- width:calc({select:post width}px - 55px);}
- .audio_info span {display:block;}
- .q {
- border-bottom:1px solid {color:borders};
- padding:8px 0;
- }
- .sender {
- margin-bottom:3px;
- display:block;
- }
- .aski {
- float:left;
- display:inline;
- position:relative;
- }
- .aski img {
- width:25px;
- height:25px;
- border-radius:50%;
- margin-right:10px;
- }
- #tags {
- display:block;
- padding:5px 10px;
- text-align:left;
- font-style:italic;
- font-size:9px;
- background:{color:posts};}
- #tags a {
- opacity:.8;
- margin-right:7px;}
- ol.notes {
- display:block;
- width:{select:post width}px;
- text-align:left;
- margin-top:-75px;
- border:1px solid {color:background};
- list-style-type:none;
- letter-spacing:.7px;}
- ol.notes li:before {
- width:0px;
- display:none;
- background:none;}
- ol.notes li.note {
- padding:10px 15px 10px 8px;
- background-color:rgba({RGBcolor:borders},.1);
- border-bottom:1px solid {color:background};
- color:rgba({RGBcolor:text},7);}
- ol.notes li.note img.avatar {
- display:inline-block;
- width:14px;
- height:14px;
- float:left;
- margin-right:10px;
- border-radius:100%;}
- ol.notes li.note span.action {font-weight:normal;}
- ol.notes li.note .answer_content {font-weight:normal;}
- ol.notes li.note blockquote {
- border-left:2px solid #e1e1e1;
- padding-left:15px;
- margin:8px 8px 0px 16px;
- font-weight:normal;
- font-style:none;
- text-align:block;
- text-transform:none;
- line-height:17px;}
- a.more_notes_link, a.notes_loading {
- color:{color:text};
- font-style:italic;
- font-weight:700;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:center;}
- #cr {
- bottom:15px;
- right:15px;
- font:9px arial;
- font-weight:normal;
- font-style:normal;
- position:fixed;}
- #cr a {
- border:none;
- padding:0px;
- margin:0px;
- text-decoration:none;
- color:{color:background};
- -webkit-filter: invert(100%);
- filter: invert(100%);}
- {CustomCSS}
- </style>
- <body>
- <div class="sidebar">
- <div class="sidebarimg"><a href="/"><img src="{image:portrait}" /></a></div>
- <div class="navigation">
- {block:AskEnabled}<a href="/ask">mssg</a>{/block:AskEnabled}
- {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
- </div>
- {block:Pagination}
- <div id="pagination">
- {block:JumpPagination length="5"}
- {block:CurrentPage}<a class="current_page">{PageNumber}</a>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- </div>{/block:Pagination}
- <div id="stext">{description}</div>
- </div>
- <section class="entry">
- {block:Posts}
- <div class="posts" id="{PostID}">
- {block:IndexPage}{block:date}<div id="permalink">
- <a href="{permalink}">{timeago}</a>
- <div class="phover">
- {block:NoteCount}<b>( {notecount} )</b>{/block:NoteCount} <a href="{reblogurl}">— reblog</a>
- </div>
- </div>{/block:date}
- {/block:IndexPage}
- {block:Quote}
- <div class="quote">“{Quote}”</div>
- {block:Source}<span class="source">{Source}</span>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- {block:Link}
- <div class="caption">
- <h2><a href="{URL}">{Name}</a></h2>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="chat">
- {block:Lines}
- <li class="l {Alt}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Photo}
- <div id="media"><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}" width="{text:post width}">
- </a>
- </div>
- {/block:Photo}
- {block:Photoset}
- <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:Photoset}
- {block:Video}<div class="video">{Video-500}</div>{/block:Video}
- {block:Audio}
- {block:AudioPlayer}
- <div class="hold"><div class="player"><div class="audio_box" id="{PostID}">{AudioPlayerWhite}</div></div><div class="audio_info">
- {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
- {block:Artist}<span>by {Artist}</span>{/block:Artist}
- </div></div>{/block:AudioPlayer}
- {/block:Audio}
- {block:Answer}
- <div class="q">
- <div class="aski"><img src="{AskerPortraitURL-128}" /></div>
- <span class="sender">{Asker} asked:</span>{Question}</div>
- <div class="a">
- <div class="caption">{Answer}</div>
- </div>
- {/block:Answer}
- {block:Date}
- <div id="cholder">
- <div class="sources">
- {block:PermalinkPage}{dayofmonth} {month} @ {24hour}:{minutes}{block:NoteCount}<b> + {notecountwithlabel}</b>{/block:NoteCount}<br />{/block:PermalinkPage}
- {block:RebloggedFrom}
- via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / src: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:NotReblog}src: <a href="{Permalink}">{Name}</a>{/block:NotReblog}
- <!--{block:ContentSource}
- <a href="{SourceURL}">Source</a>
- {/block:ContentSource}-->
- {block:HasTags}<br />file under: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {block:Caption}<div id="cp"><div class="caption">{caption}</div></div>{/block:Caption}
- </div>
- {/block:Date}
- </div>
- {/block:Posts}
- {block:ContentSource}
- <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}
- </section>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><div id="cr"><a href="http://aurthms.tumblr.com">cr</a></div><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.posts').unnest({
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: true,
- tumblrAvatarClass: ".tumblr_avatar",
- usernameColon: false
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement