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}">
- <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Link" content="#a7a4a4"/>
- <meta name="color:shadow" content="#383838"/>
- <meta name="color:Description" content="#a5a5a3"/>
- <meta name="color:Title" content="#000000"/>
- <meta name="color:border" content="#000000"/>
- <meta name="image:Background" content="http://media.tumblr.com/314749d117c3d636b85d89eb1144c889/tumblr_inline_mmpasoGw4j1qz4rgp.png"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:Link 1 URL" content="">
- <meta name="text:Link 1" content="Link 1">
- <meta name="text:Link 2 URL" content="">
- <meta name="text:Link 2" content="Link 2">
- <meta name="text:Link 3 URL" content="">
- <meta name="text:Link 3" content="Link 3">
- <meta name="text:Link 4 URL" content="http://acrtismonkeys.tumblr.com">
- <meta name="text:Link 4" content="theme">
- <style>
- body {
- margin: 0;
- padding: 0;
- background-image: url('{image:Background}');
- background-attachment: fixed;
- background-color: {color:Background};
- color: {color:Text};
- }
- #content {
- position: relative;
- left: 55%;
- border-radius:10px;
- margin-left: -200px;
- width: 650px;
- {block:PermalinkPage}
- width: 510px;
- left: 50%;
- margin-left: -200px;
- position: relative;
- {/block:PermalinkPage}
- }
- .item iframe, img, embed, object, video {
- max-width: 100%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- a:hover {
- color:{color:hover};
- text-decoration:underline;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .sidebar {
- border:2px solid {color:border};
- background-color:#fff;
- border-radius:10px;
- width: 180px;
- height:auto;
- position: fixed;
- margin-left: 230px;
- top: 172px;
- box-shadow: 5px 5px {color:shadow};
- }
- .sidebar #sidebarimage{
- width: 95%;
- padding: 5px 5px 5px 5px;
- text-align: center;
- }
- .sidebar #description {
- font-size: 12px;
- width: 90%;
- text-align: center;
- padding-top: 5px;
- top: -20px;
- position: relative;
- left:10px;
- font-family:'calibri';
- color: {color:Description};
- }
- .sidebar #links {
- text-decoration:underline;
- margin-left:100px;
- display:block;
- text-align:center;
- margin-top:20px;}
- }
- .sidebar #pagi {
- background:#fff;
- margin-top:10px;
- border-radius:10px;
- padding:3px;
- width:100%;
- margin-top:90px;
- font-size:8px;
- position:fixed;
- letter-spacing:3px;
- font-style:normal;
- text-align:center;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
- }
- .sidebar #pagi a {
- top:30px;
- border-radius:5px;
- padding:4px;
- color:{color:link};
- }
- .stuff {
- width: 480px;
- padding: 10px;
- margin-top: 12px;
- background-color: #FFF;
- font-family: {font:Text};
- color: {color:Text} !important;
- overflow: hidden;
- }
- blockquote {
- display: block;
- -webkit-margin-before: 5px !important;
- -webkit-margin-after: 5px !important;
- -webkit-margin-start: 8px !important;
- -webkit-margin-end: 8px !important;
- border-left: 3px solid rgb(230, 230, 230);
- padding-left: 2px;
- }
- {block:IndexPage}
- .stuff {
- -moz-box-shadow: 5px 5px {color:shadow};
- -webkit-box-shadow: 5px 5px {color:shadow};
- box-shadow: 5px 5px {color:shadow};
- border:2px solid {color:border};
- border-radius:10px;
- width: 500px;
- padding: 10px;
- margin-top: 10px;
- margin-left: 0.4%;
- margin-right: 0.4%;
- text-align: justify;
- background-color: #FFF;
- word-wrap: break-word;
- font-family: {font:Text};
- min-width: 1px;
- }
- {/block:IndexPage}
- {block:IndexPage}
- {block:ifThreeRows}
- .stuff {
- width: 31%;
- padding: 0.5%;
- margin-top: 10px;
- margin-left: 0.4%;
- margin-right: 0.4%;
- text-align: justify;
- background-color: #FFF;
- word-wrap: break-word;
- font-family: {font:Text};
- min-width: 1px;
- }
- {/block:ifThreeRows}
- {/block:IndexPage}
- .PremlinkPageContainer {
- width: 480px;
- padding: 10px;
- margin-top: 15px;
- float: left;
- font-weight: 100;
- font-size: 11px;
- background-color: #FFF;
- position: relative;
- color: #000 !important;
- font-family: {font:Text};
- color: {color:Text} !important;
- }
- .PremlinkPageContainer a{
- color: {color:Text} !important;
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
- text-decoration: none !important;
- }
- .PremlinkPageContainer #date {
- width: 480px;
- color: {color:Text} !important;
- text-align: center;
- font-size: 14px;
- }
- .PremlinkPageContainer #line {
- height: 1px;
- background-color: {color:Text} !important;
- border: none;
- }
- .PremlinkPageContainer ol {
- margin-bottom: 80px;
- }
- .PremlinkPageContainer li {
- margin-top: 8px;
- margin-left: -20px;
- list-style-type: none;
- }
- .PremlinkPageContainer li a{
- color: {color:Text} !important;
- }
- /* Reblog and Link Buttons */
- #controls{
- height: 30px;
- width: 100%;
- position: relative;
- }
- #controls #link{
- height: 25px;
- top: 0px;
- right: 10px;
- width: 25px;
- position: absolute;
- background-image: url(http://31.media.tumblr.com/181802de4d22c71ce77d91669668bfa4/tumblr_msdalj1trt1s3zdk4o1_500.png);
- background-size: 25px;
- opacity: 0.2;
- -webkit-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #controls #link:hover{
- opacity: 0.4;
- }
- #controls #reblog{
- height: 26px;
- top: 0px;
- right: 42px;
- width: 26px;
- position: absolute;
- background-image: url(http://24.media.tumblr.com/5fe9fc79fb45b596bbcfcc48aaadb915/tumblr_msbbbjtW821s3zdk4o1_250.png);
- background-size: 26px;
- opacity: 0.2;
- -webkit-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #controls #reblog:hover{
- opacity: 0.2;
- }
- .question {
- float:left;
- margin-left:10px;
- display:block;
- padding:5px;
- text-align:left;
- font-size:15px;
- min-height:40px;
- border-radius:10px;
- }
- .info {
- font-family:consolas;
- width:500px;
- margin-top:-5px;
- padding-top:2px;
- font-size:10px;
- color:{color:link};
- text-transform:uppercase;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .info a {
- color:{color:link};
- text-align:center;
- letter-spacing:1px;}
- .info a:hover {
- color:{color:hover};
- }
- .source {
- width:500px;
- padding:1px;
- font-size:8px;
- margin-top:-10px;
- color:#fff;
- text-transform:uppercase;
- font-style:normal;
- letter-spacing:1px;
- text-align:right;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .source a {
- color:{color:link};
- letter-spacing:2px;
- padding:4px;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- .source a:hover {
- color:{color:hover};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;}
- .tags a {
- display:inline-block;
- margin-right:5px; }
- /* Text */
- .text {
- font-size: 12px;
- text-align: left;
- padding-left: 5px;
- }
- .text #head{
- font-size: 20px;
- text-align: center;
- font-weight: 100 !important;
- color: {color:Text} !important;
- }
- .text #date{
- font-size: 10px;
- text-align: center;
- font-weight: 100;
- margin-top: -16px;
- margin-bottom: 20px;
- }
- .text #line{
- height: 1px;
- width: 80%;
- background-color: rgba(30, 30, 30, 0.3);
- border: none;
- }
- /* Photo */
- .photo {
- font-size: 10px;
- text-align: left;
- padding-bottom: 0%;
- }
- .photo #index {
- width: auto;
- height: auto;
- }
- .photo .slidein{
- position: absolute;
- width: 98%;
- height: 100%;
- top: 0%;
- background: #FFF;
- overflow: hidden;
- font-size: 28px;
- opacity: 0;
- float: left;
- -webkit-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out;
- }
- .photo:hover .slidein{
- background: #FFF;
- opacity: 0.7;
- }
- .photo .slidein #buttons {
- margin-top: -20px;
- top: 50%;
- position: absolute;
- height: 23px;
- width: 140px;
- left: 50%;
- margin-left: -75px;
- }
- .photo .slidein #reblog{
- width: 35px;
- height: 30px;
- font-size: 22px;
- background-color: #000;
- background-image: url(http://25.media.tumblr.com/59f4d99b428bfd07afbbb2f994234ab2/tumblr_mf1qhtIhW71qjqqaio1_400.png);
- background-size: 17px;
- margin-left: 5px;
- background-repeat: no-repeat;
- background-position: center;
- border-radius: 5px;
- -moz-border-radius: 5px;
- float: left;
- -khtml-border-radius: 5px;
- }
- .my-like {
- width: 35px;
- height: 30px;
- font-size: 22px;
- background-color: #000;
- background-image: url(http://24.media.tumblr.com/8b3cdde3a456aca1fe21ec745f396252/tumblr_mh8ufc692s1s18kl7o1_400.png);
- background-size: 14px;
- background-repeat: no-repeat;
- background-position: center;
- border-radius: 5px;
- -moz-border-radius: 5px;
- float: left;
- -khtml-border-radius: 5px;
- }
- .my-liked, .my-like:hover {
- background-image: url(http://25.media.tumblr.com/064592531e007be4946ed3048960229b/tumblr_mh8vrc1KuI1s18kl7o1_400.png) !important;
- width: 35px;
- height: 30px;
- font-size: 22px;
- background-color: #000;
- background-size: 14px;
- background-repeat: no-repeat;
- background-position: center;
- border-radius: 5px;
- -moz-border-radius: 5px;
- float: left;
- -khtml-border-radius: 5px;
- display:inline-block;
- }
- {block:IndexPage}
- .photo .slidein #link{
- width: 55px;
- text-align: center;
- height: 30px;
- margin-left: 5px;
- line-height: 30px;
- font-size: 12px;
- color: #FFF;
- font-family: 'calibri'
- font-weight: 400;
- float: left;
- background-color: #000;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -khtml-border-radius: 5px;
- }
- .photo .slidein #link a, a:hover, a:link, a:active, a:visited{
- color: #FFF !important;
- }
- {/block:IndexPage}
- .single {
- width: 480px;
- margin-top: 12px;
- background-color: #FFF;
- padding: 10px 10px 10px 10px;
- position: relative;
- }
- .quote {
- font-size: 10px;
- text-align: left;
- padding-top: 3px;
- color:{color:Text};
- padding-bottom: 20px;
- }
- .quote #quote{
- font-size: 24px;
- }
- .quote #source {
- font-size: 11px;
- position: relative;
- text-align: right;
- margin-top: 10px;
- width: 95%;
- margin-bottom: 10px;
- }
- .quote #description {
- font-size: 11px;
- position: absolute;
- right: 10px;
- bottom: 10px;
- text-align: left !important;
- }
- .photosettheme {
- width: 100%;
- position: relative;
- padding-top: 30px;
- padding-bottom: 30px;
- border: 1px solid rgba(100, 100, 100, 0.1);
- background-color: rgba(180, 180, 180, 0.2);
- }
- .photosettheme .photoset{
- margin: 0 auto;
- }
- .photosettheme #reblog{
- color: rgb(150, 150, 150);
- text-decoration: none;
- text-align: center;
- position: relative;
- top: 20px;
- }
- .link {
- font-size: 10px;
- text-align: left;
- padding-top: 3px;
- }
- .link #link{
- font-size: 24px;
- text-align: center;
- color: {color:Text} !important;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- }
- .chat {
- font-size: 13px;
- text-align: left;
- padding-top: 0px;
- line-height: 24px;
- }
- .chat #head{
- font-size: 20px;
- text-align: center;
- font-weight: 100;
- margin-top: -0px;
- }
- .chat li{
- font-size: 15px;
- margin-left: -14px;
- }
- .chat #line{
- height: 1px;
- width: 80%;
- margin-top: -10px;
- background-color: rgba(30, 30, 30, 0.3);
- border: none;
- }
- #infscr-loading {
- display: none;
- font-size: 0px;
- position: absolute;
- top: -300px;
- }
- {block:IndexPage}
- .item a, a:link, a:hover, a:active, a:visited{
- color: {color:Link} !important;
- text-decoration: none;
- }
- {/block:IndexPage}
- #cosa {
- color:#000;
- background:#fff;
- letter-spacing:1px;
- text-align: center;
- font-size: 16px;
- position:fixed;
- left:10px;
- top:-160px;
- width:0px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:99;
- border-radius:10px;
- }
- #cosa:hover {
- top:-5px;
- opacity:1;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;}
- #carrot {
- opacity:1;
- border-bottom: solid 1px #aeaaaa;
- border-left: solid 1px #aeaaaa;
- border-right: solid 1px #aeaaaa;
- border-radius:10px;
- font-size:20px;
- margin-left:0px;
- margin-top:10px;
- background:#fff;
- color:#000;
- letter-spacing:0px;
- text-align: center;
- width:30px;
- line-height:150%;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- }
- #cosa:hover #carrot{
- opacity:0;
- }
- #shit {
- text-transform:lowercase;
- border: solid 1px #aeaaaa;
- border-radius:10px;
- background:#fff;
- color:#000;
- font-family:'calibri';
- padding: 10px 10px 10px 10px;
- text-align:center;
- font-size:10px;
- width:120px;
- height:auto;
- }
- #cred {
- position:fixed;
- font-size:8px;
- font-weight:normal;
- line-height:150%;
- letter-spacing:2px;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- text-align:center;
- }
- #cred a {
- padding:3px;
- color:{color:link};
- background-color:#f5f5f5;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 4px 5px 4px;
- margin:20px 0px 0px 20px;
- background-color:#fff;
- font-family:cambria;
- font-size:8px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:#000;
- }
- </style>
- </head>
- <body>
- <div class="sidebar">
- <div id="sidebarimage">
- <img src="{image:sidebar}"/></div><br>
- <div id="description">
- {Description}<br><br>
- <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 98px; font-family:'calibri'; font-size:10px;">
- <div id="links">
- <option value="/">links</option>
- <option value="/">home</option>
- <option value="/faq">mail</option>
- {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:ifLink1}
- {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}
- {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}
- {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}
- </div>
- </select><br><br>
- <div class ="pagi">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>{/block:Pagination}
- </div></div></div><div id="content">
- {block:Posts}
- {block:Text}
- <article class="stuff">
- <div class="text">{block:Title}
- <a href="{Permalink}" id="head"><h3>{Title}</h3></a>
- {block:IndexPage} <div id="date"> </div > {/block:IndexPage}
- <hr id="line">
- {/block:Title}
- {Body}{block:IndexPage}
- <div id="controls">
- <a href="{Permalink}" title="Permalink Page">
- <div id="link"></div></a>
- <a target="_blank" href="{ReblogURL}" title="Reblog">
- <div id="reblog"></div></a></div>{/block:IndexPage} </div></article>
- {/block:Text}
- {block:Photo}{block:IndexPage}<article class="stuff">{/block:IndexPage}
- <div class="photo">{block:IndexPage} <a id="index" href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a><div class="slidein"> <div id="center"><div id="buttons"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div><a target="_blank" href="{ReblogURL}"><div id="reblog"></div></a><div id="link"><a href="{Permalink}">{NoteCount}</a></div> </div> </div> </div> {/block:IndexPage}{block:PermalinkPage} <img class="single" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
- <br><br>
- <div class="info">
- {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} {DayOfMonth}</a>
- {/block:Date}
- <font color=#f371b1>♥</font> {NoteCountWithLabel}</a>
- {block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- </div></div> </article>
- {/block:Photo}
- {block:Photoset}<article class="stuff"> <center>{block:IndexPage} {Photoset-500} {/block:IndexPage} {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} </center>{block:IndexPage}<div id="controls"> <a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a>
- <a target="_blank" href="{ReblogURL}" title="Reblog"> <div id="reblog"></div>
- </a></div>{/block:IndexPage} </article> {/block:Photoset}
- {block:Answer}<article class="stuff"> <center>
- <div class="question"><img src="{AskerPortraitURL-30}"/> {Asker} whispered: {Question}</div>
- <div class="text">{Answer}</div> </article>
- {/block:Answer}
- {block:Quote}<article class="stuff"><div class="quote"><a href="{Permalink}" style="color: {color:Text} !important;" id="quote">"{Quote}"</a> <br /> {block:Source}<br /> <div id="source">{Source}</div> {/block:Source}{block:IndexPage} <div id="controls"><a href="{Permalink}" title="Permalink Page" > <div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog"><div id="reblog"></div></a></div> {/block:IndexPage}</div></article>{/block:Quote}
- {block:Link}<article class="stuff"><div class="link"> <a href="{URL}" id="link" {Target}>{Name}</a>{block:Description}<div id="description">{Description}</div>{/block:Description}{block:IndexPage}<div id="controls"><a href="{Permalink}" title="Permalink Page" > <div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog"><div id="reblog"></div></a></div> {/block:IndexPage} </div></article> {/block:Link}
- {block:Chat}<article class="stuff"><div class="chat">{block:Title}<h3 id="head"><a href="{Permalink}">{Title}</a></h3><hr id="line">{/block:Title} <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li>{/block:Lines}</ul>{block:IndexPage}<div id="controls"> <a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog"> <div id="reblog"></div> </a></div>{/block:IndexPage} </div></article class="item"> {/block:Chat}
- {block:Video}<article class="stuff"><center>{block:IndexPage}{Video-250} {/block:IndexPage}{block:PermalinkPage}{Video-500} {/block:PermalinkPage}</center> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}<div id="controls"><a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog this"><div id="reblog"></div> </a></div>{/block:IndexPage} </article>{/block:Video}
- {block:Audio}<article class="stuff"><center>{AudioPlayerBlack} </center>{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{block:IndexPage}<div id="controls"> <a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog "><div id="reblog"></div></a> </div>{/block:IndexPage} </article> {/block:Audio}
- {block:PermalinkPage}<div class="PremlinkPageContainer"> <div id="date">{DayOfWeek}, {DayOfMonth} - {MonthNumberWithZero} - {Year}</div><hr id="line"/><hr id="line"/><center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center>{block:Posts}{PostNotes}{/block:Posts} </div>{/block:PermalinkPage} {/block:Posts}
- </div>
- <nav class="pagination">
- {block:NextPage}
- <next><a class="nextSelector" href="{NextPage}">Next»</a></next>
- {/block:NextPage}
- </nav>
- <script>
- (function () {
- var $tumblelog = $('#content');
- $tumblelog.infinitescroll({
- navSelector: ".pagination",
- nextSelector: ".pagination a:last-child",
- itemSelector: "article",
- },
- function (newElements) {
- var $newElems = $(newElements).css({
- opacity: 1
- });
- $newElems.imagesLoaded(function () {
- $newElems.animate({
- opacity: 1
- });
- $tumblelog.masonry('appended', $newElems);
- });
- });
- $tumblelog.imagesLoaded(function () {
- $tumblelog.masonry({
- columnWidth: function (containerWidth) {
- return containerWidth / 100;
- }
- });
- });
- })();
- (function () {var $tumblelog = $('#content');
- })();
- var $tumblelog = $('#content');
- $tumblelog.infinitescroll({
- navSelector: ".pagination",
- nextSelector: ".pagination a:last-child",
- itemSelector: "article",
- },function (newElements) {
- var $newElems = $(newElements).css({
- opacity: 0
- });
- $newElems.imagesLoaded(function () {
- $newElems.animate({
- opacity: 1
- });
- $tumblelog.masonry('appended', $newElems);
- });
- });
- $tumblelog.imagesLoaded(function () {
- $tumblelog.masonry({
- columnWidth: function (containerWidth) {
- return containerWidth / 100;
- }
- });
- });
- </script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment