Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- theme #32
- - by cathms -
- Last update: nov 24, 2016
- don't take parts of this code.
- don't remove this comment.
- don't remove the credit.
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="image:Sidebar" content="">
- <meta name="image:Background" content="">
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Text" content="#999999" />
- <meta name="color:Link" content="#444444" />
- <meta name="color:Link hover" content="#999999" />
- <meta name="color:Info" content="#444444" />
- <meta name="color:Bold" content="#444444" />
- <meta name="color:Borders" content="#eeeeee" />
- <meta name="color:Shadow" content="#eeeeee" />
- <meta name="color:Scrollbar" content="#444444" />
- <meta name="select:Background position" content="initial" title="initial"/>
- <meta name="select:Background position" content="5% 5%" title="left top"/>
- <meta name="select:Background position" content="5% 50%" title="left center"/>
- <meta name="select:Background position" content="5% 95%" title="left bottom"/>
- <meta name="select:Background position" content="95% 5%" title="right top"/>
- <meta name="select:Background position" content="95% 50%" title="right center"/>
- <meta name="select:Background position" content="95% 95%" title="right bottom"/>
- <meta name="select:Background repeat" content="repeat" title="repeat"/>
- <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
- <meta name="select:Body font" content="helvetica" title="Helvetica"/>
- <meta name="select:Body font" content="roboto" title="Roboto"/>
- <meta name="select:Body font" content="arial" title="Arial"/>
- <meta name="select:Body font" content="cambria" title="Cambria"/>
- <meta name="select:Body font" content="calibri" title="Calibri"/>
- <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
- <meta name="select:Body font size" content="09px" title="09px"/>
- <meta name="select:Body font size" content="10px" title="10px"/>
- <meta name="select:Body font size" content="11px" title="11px"/>
- <meta name="select:Info font" content="trebuchet ms" title="Trebuchet ms"/>
- <meta name="select:Info font" content="roboto" title="Roboto"/>
- <meta name="select:Info font" content="arial" title="Arial"/>
- <meta name="select:Info font" content="cambria" title="Cambria"/>
- <meta name="select:Info font" content="calibri" title="Calibri"/>
- <meta name="select:Info font" content="helvetica" title="Helvetica"/>
- <meta name="select:Info font" content="trebuchet ms" title="Trebuchet ms"/>
- <meta name="select:Info font" content="roboto" title="Roboto"/>
- <meta name="select:Info font" content="arial" title="Arial"/>
- <meta name="select:Info font" content="cambria" title="Cambria"/>
- <meta name="select:Info font" content="calibri" title="Calibri"/>
- <meta name="select:Info font" content="helvetica" title="Helvetica"/>
- <meta name="select:Info font size" content="07px" title="07px"/>
- <meta name="select:Info font size" content="08px" title="08px"/>
- <meta name="select:Info font size" content="09px" title="09px"/>
- <meta name="select:Posts width" content="250" title="250px"/>
- <meta name="select:Posts width" content="300" title="300px"/>
- <meta name="select:Posts width" content="350" title="350px"/>
- <meta name="select:Posts width" content="400" title="400px"/>
- <meta name="select:Posts width" content="450" title="450px"/>
- <meta name="select:Posts width" content="500" title="500px"/>
- <meta name="select:Posts width" content="540" title="540px"/>
- <meta name="select:Description align" content="center" title="Center"/>
- <meta name="select:Description align" content="justify" title="Justify"/>
- <meta name="select:Description align" content="left" title="Left"/>
- <meta name="select:Number of links" content="four" title="4"/>
- <meta name="select:Number of links" content="six" title="6"/>
- <meta name="select:Number of links" content="eight" title="8"/>
- <meta name="if:Title" content="1">
- <meta name="if:Show caption" content="1">
- <meta name="if:Infinite scroll" content="0">
- <meta name="if:No rescaling" content="0">
- <meta name="text:Link 01 URL" content="/" />
- <meta name="text:Link 01 title" content="home">
- <meta name="text:Link 02 URL" content="/ask" />
- <meta name="text:Link 02 title" content="askbox">
- <meta name="text:Link 03 URL" content="/archive" />
- <meta name="text:Link 03 title" content="archive">
- <meta name="text:Link 04 URL" content="/" />
- <meta name="text:Link 04 title" content="Link 04">
- <meta name="text:Link 05 URL" content="/" />
- <meta name="text:Link 05 title" content="Link 05">
- <meta name="text:Link 06 URL" content="/" />
- <meta name="text:Link 06 title" content="Link 06">
- <meta name="text:Link 07 URL" content="/" />
- <meta name="text:Link 07 title" content="Link 07">
- <meta name="text:Link 08 URL" content="/" />
- <meta name="text:Link 08 title" content="Link 08">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <link href="http://static.tumblr.com/nb65v05/3i0nvm3eg/sghn.css" rel="stylesheet" type="text/css"/>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- font:{select:body font size} {select:body font}, helvetica,sans-serif, cambria, calibri;
- margin:0;
- color:{color:text};
- background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
- background-position: {select:background position};
- background-repeat: {select:background repeat};}
- a {
- color:{color:link};
- text-decoration: none;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/}
- a:hover {
- color:{color:link hover};}
- em, strong {
- color:{color:bold};}
- small {
- font-size:09px;}
- ol {list-style-type:lower-roman;}
- sub, sup{font-size: 10px;}
- .container {
- width:{select:posts width}px;
- margin: auto;}
- #entries{
- width:{select:posts width}px;
- position:relative;
- margin-top:60px;
- margin-bottom:120px;
- margin-left:30px;
- }
- .posts {
- width:{select:posts width}px;
- overflow:hidden;
- word-wrap: break-word;
- {block:IndexPage}
- margin-top:90px;
- {/block:IndexPage}
- padding:05px;
- border:1px solid {color:Borders};
- }
- .posts h2{
- font-family:sans-serif;
- font-weight:bold;
- font-style:italic;
- padding:8px;
- margin-top:0;
- width:calc({select:posts width}px - 6px)!important;
- margin-left:-05px;
- border-bottom:1px solid {color:borders};
- margin-bottom:-1px;
- font-size:18px;}
- .posts blockquote {
- border-left: 1px solid {color:borders};
- padding-left: 5px;
- margin:05px;}
- .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
- .tmblr-full img {
- width:100%;}
- .posts .images{
- {block:ifNotNoRescaling}
- width: 100%;
- {/block:ifNotNoRescaling}
- display:block;}
- {block:ifNoRescaling}
- .photo-slideshow.processed .pxu-photo img {
- width:auto; }{/block:ifNoRescaling}
- .photo-slideshow .count-1 {
- max-width:{select:posts width};}
- .photo-slideshow .count-2 {
- max-width:calc({select:posts width}px/2 - 2px)!important;
- max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
- .photo-slideshow .count-3 {
- max-width:calc({select:posts width}px/3 - 2px)!important;
- max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
- .photo-slideshow .count-3:last-of-type {
- max-width:calc({select:posts width}px/3 - 3px)!important;
- max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
- .photo-slideshow .count-3:first-of-type {
- max-width:calc({select:posts width}px/3 - 3px)!important;
- max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
- /* SIDEBAR */
- .sidebar {
- width: 130px;
- margin-left:-200px;
- margin-top:50px;
- position:fixed;
- border:1px solid {color:borders};
- box-shadow:-04px 04px {color:shadow};
- }
- .sidebar .sidebar-image{
- width:130px;
- display:block;
- margin-left: auto;
- margin-right: auto;
- }
- .sb-title{
- text-align:center;
- font-weight:bold;
- padding:5px;
- border-bottom:1px solid {color:borders};
- }
- /* DESCRIPTION */
- .description{
- text-align:{select:description align};
- padding:5px;
- border-bottom:1px solid {color:borders};
- }
- .description a{
- font:07px 'trebuchet ms';
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:bold;
- }
- /* NAVIGATION / LINKS */
- .navi{
- padding-left:5px;
- font:{select:info font size} {select:info font};
- text-transform:uppercase;
- letter-spacing:1px;
- padding-right:5px;
- -webkit-column-count: 2; /* Chrome, Safari, Opera */
- -moz-column-count: 2; /* Firefox */
- column-count: 2;
- -webkit-column-rule: 1px outset {color:borders}; /* Chrome, Safari, Opera */
- column-rule: 1px outset {color:borders};
- border-bottom:0px solid {color:borders};
- }
- .navi a{
- text-align:center;
- padding:10px;
- border-bottom:1px solid {color:borders};
- display:block;
- }
- /* PAGINATION */
- .pag{
- position:absolute;
- width:130px;
- text-align:center;
- margin-top:15px;
- }
- /* QUOTE POSTS */
- .quote {
- font-style:italic;
- padding:10px;
- padding-bottom:5px;
- }
- .quotetext-short {
- font-size: 18px;}
- .quotetext-medium {
- font-size: 14px;}
- .quotetext-long {
- font-size: 11px;}
- .quote-source {
- text-align:right;
- letter-spacing:1px;
- font-style:normal;
- }
- /* CHAT POSTS */
- .odd, .even {
- margin:0px;
- padding:10px;
- }
- .odd {
- background-color:#f5f5f5;}
- /* AUDIO POSTS */
- .audio {
- width:auto;
- overflow:hidden;
- max-height:75px;
- position:relative;
- clear:both;
- background-color:#f5f5f5;
- }
- .tumblr_audio_player {
- height:15px;
- width:15px;
- padding:10px;
- margin-left:20px;
- margin-top:20px;
- display:block;
- float:left;
- clear:both;
- background-color:#fff;
- border-radius:100%;
- opacity:0.6;
- }
- .au-info {
- position:relative;
- overflow:auto;
- height:75px;
- padding-left:10px;
- padding-right:10px;
- display: table-cell;
- vertical-align: middle;
- text-align:center;
- width:{select:posts width}px;
- }
- img.au-image{
- float:left;
- width:75px;
- margin-left:-55px;
- border-right:1px solid {color:posts};
- }
- /* VIDEO POSTS*/
- .video{
- position:relative;
- z-index:9999;}
- .tumblr_video_container {
- width:auto!important;
- height:auto!important;}
- .video .instagram-media {
- max-height:none!important;
- box-shadow:none!important;
- border:1px solid {color:borders}!important;
- max-width:calc({select:posts width}px - 3px)!important;}
- /* ASK POSTS */
- .question{
- border-bottom:1px solid {color:borders};
- background-color:#fafafa;
- padding:10px;
- margin-left:-5px;
- margin-top:-5px;
- width:calc({select:posts width}px - 10px);
- line-height:150%;
- font-style:italic;
- }
- .question img{
- float:left;
- border-radius:100%;
- margin-right:10px;
- margin-bottom:0px;
- }
- /* CAPTION */
- .caption{
- }
- .caption a{
- }
- /* INFO */
- .posts-info{
- margin-top:05px;
- width:{select:posts width}px;
- font:{select:info font size} {select:info font};
- text-transform:uppercase;
- letter-spacing:1px;
- border-top:1px solid {color:Borders};
- margin-left:-10px;
- padding:10px;
- padding-bottom:0;
- padding-top:05px;
- letter-spacing:1px;
- color:{color:info};
- margin-bottom:1px;}
- .posts-info a{
- color:{color:info};
- }
- .posts-info a:hover{
- color:{color:link hover};
- }
- a.tag {
- text-decoration:none;
- margin-right:3px;
- border-bottom:1px solid {color:borders}!important;
- }
- /* NOTES */
- #notes{
- width:{select:posts width}px;
- margin-left:0px;
- max-height:190px;
- overflow:auto;
- margin-top:15px;}
- .notes img{border-radius:100%;}
- ol.notes {
- padding: 0px;
- margin: 0;
- list-style-type: none;}
- ol.notes li.note {padding: 10px;}
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- float:left;
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- ol.notes li.note span.action {}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {
- border-color: {color:borders};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;}
- /* EXTRAS */
- a.c{
- position:fixed;
- bottom:25px;
- right:25px;
- font:07px 'trebuchet ms';
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:right;
- z-index:9999999;
- background-color:#fff;
- border:1px solid #e9e9e9;
- padding:05px;
- border-radius:100%;
- color:#8c8c8c;
- }
- .vignette, #vignette {
- opacity:0;
- }
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;
- max-width:none;
- }
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:rgba(255,255,255,.8) !important;
- }
- #tumblr_lightbox img {
- border:3px solid #fff !important;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
- .lightbox-image {
- padding:3px;
- background-color:rgba(255,255,255,1) !important;
- }
- ::-webkit-scrollbar {
- width: 3px;
- height: 3px;
- background: {color:background};}
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};}
- #s-m-t-tooltip{
- margin:24px 14px 7px 12px;
- letter-spacing:1px;
- z-index:9999999999999;
- line-height:16px;
- background-color:{color:link hover};
- color:white;
- font:07px 'trebuchet ms';
- text-transform:uppercase;
- letter-spacing:1px;
- padding:03px;}
- ::selection {
- background: {color:link};
- color: white;}
- ::-moz-selection {
- background: {color:link};
- color: white;}
- ::-webkit-selection {
- background: {color:link};
- color: white;}
- /* SCROLL TO TOP */
- .scrollup{
- width:30px;
- height:30px;
- opacity:0.3;
- position:fixed;
- bottom:70px;
- right:22px;
- display:none;
- text-align:center;
- }
- .scrollup:hover{cursor:pointer;}
- .four a.n{
- display:none;
- }
- .four a.m{
- display:none;
- }
- .six a.n{
- display:block;
- }
- .six a.m{
- display:none;
- }
- .eight a.m, a.n{
- display:block;
- }
- .four a:nth-child(2){
- border-bottom:0px solid {color:borders};}
- .four a:nth-child(4){
- border-bottom:0px solid {color:borders};}
- .six a:nth-child(3){
- border-bottom:0px solid {color:borders};}
- .six a:nth-child(6){
- border-bottom:0px solid {color:borders};}
- .eight a:nth-child(4){
- border-bottom:0px solid {color:borders};}
- .eight a:nth-child(8){
- border-bottom:0px solid {color:borders};}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- {block:ifSidebarimage}<img src="{image:sidebar}" class="sidebar-image">{/block:ifSidebarimage}
- {block:ifTitle}<div class="sb-title"><a href="/">{Title}</a></div>{/block:ifTitle}
- <div class="description">{Description}</div>
- <div class="navi {select:number of links}">
- <a href="{text:Link 01 URL}"><b>01.</b><br>{text:Link 01 title}</a>
- <a href="{text:Link 02 URL}"><b>02.</b><br>{text:Link 02 title}</a>
- <a href="{text:Link 03 URL}"><b>03.</b><br>{text:Link 03 title}</a>
- <a href="{text:Link 04 URL}"><b>04.</b><br>{text:Link 04 title}</a>
- <a href="{text:Link 05 URL}" class="n"><b>05.</b><br>{text:Link 05 title}</a>
- <a href="{text:Link 06 URL}" class="n"><b>06.</b><br>{text:Link 06 title}</a>
- <a href="{text:Link 07 URL}" class="m"><b>07.</b><br>{text:Link 07 title}</a>
- <a href="{text:Link 08 URL}" class="m"><b>08.</b><br>{text:Link 08 title}</a>
- </div>
- {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
- {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
- {/block:Pagination}
- </div><!--- sidebar --->
- <div id="entries">
- {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}
- <div class="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
- {block:ifShowCaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaption}
- {block:ifNotShowCaption}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:ifNotShowCaption}
- {/block:Photo}
- {block:Photoset}<center>
- <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></center>
- {block:ifShowCaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaption}
- {block:ifNotShowCaption}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:ifNotShowCaption}
- {/block:Photoset}
- {block:Quote}<div class="quote">
- <div class="quotetext-{Length}">{Quote}</div>
- {block:Source}
- <div class="quote-source">{Source}</div>
- {/block:Source}
- </div>{/block:Quote}
- {block:Link}
- <h2><a href="{URL}" target="{Target}">{Name} <b>→</b></a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2><br>{/block:Title}
- {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="au-image">
- {/block:AlbumArt}
- <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
- {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
- </div>
- </div>
- {block:ifShowCaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaption}
- {block:ifNotShowCaption}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:ifNotShowCaption}
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:ifShowCaption}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaption}
- {block:ifNotShowCaption}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:ifNotShowCaption}
- {/block:Video}
- {block:Answer}
- <div class="question"><img src="{AskerPortraitURL-30}">
- <b>{Asker} asked</b><br>{Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}<div class="posts-info">
- <a href="{Permalink}" title="{Timeago}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a>
- {block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount}
- {block:RebloggedFrom}{block:PermalinkPage}/ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:PermalinkPage} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
- {block:indexpage}<a href="{ReblogURL}" target="_blank" class="details"> / REBLOG</a>{/block:indexpage}
- {block:HasTags}<br>{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- </div><!--- posts --->
- {block:PermalinkPage}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div><!--- entries --->
- </div><!--- container --->
- <script>
- $(document).ready(function(){
- $('.video iframe').each(function(){
- var scale = $(this).parents('.video').width() / 500;
- $(this).attr({
- width: Math.floor($(this).attr('width') * scale),
- height: Math.floor($(this).attr('height') * scale)
- });
- });
- });
- </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>
- {block:IndexPage}{block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script type="text/javascript">
- $(function(){
- var $container = $('#entries');
- $container.infinitescroll({
- bufferPx: 400,
- itemSelector: '.posts',
- navSelector: '.pag',
- nextSelector: '.next',
- loading: {
- img: 'http://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
- msg: null,
- msgText: ''
- }
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- $newElems.find('.video iframe').each(function(){
- var scale = $(this).parents('.video').width() / 500;
- $(this).attr({
- width: Math.floor($(this).attr('width') * scale),
- height: Math.floor($(this).attr('height') * scale)
- });
- });
- });
- });
- </script>
- {/block:ifInfiniteScroll}{/block:IndexPage}
- <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
- {block:ifInfiniteScroll}
- <script type="text/javascript">
- $(document).ready(function(){
- $(window).scroll(function(){
- if ($(this).scrollTop() > 100) {
- $('.scrollup').fadeIn();
- } else {
- $('.scrollup').fadeOut();}});
- $('.scrollup').click(function(){
- $("html, body").animate({ scrollTop: 0 }, 600);
- return false;});});
- </script>
- <a class="scrollup"><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a>
- {/block:ifInfiniteScroll}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment