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>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:Background" content="#ebebeb"/>
- <meta name="color:Link" content="#a7a4a4"/>
- <meta name="color:Text" content="#383838"/>
- <meta name="color:Description" content="#a5a5a3"/>
- <meta name="color:Title" content="#000000"/>
- <meta name="font:Text" content="Futura"/>
- <meta name="font:Description" content="Futura"/>
- <meta name="image:Siedebar image" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="if:Three Rows" content="1"/>
- <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="">
- <meta name="text:Link 4" content="Link 4">
- <style>
- body {
- margin: 0;
- padding: 0;
- min-width: 900px;
- background-color: {color:Background};
- background-repeat: repeat;
- background-attachment: fixed;
- background-image: url('{image:Background}');
- color: {color:Text};
- }
- #button {
- z-index: 42;
- font-family: Futura, Futura-Medium, "Futura Medium", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;
- width: 25px;
- height: 25px;
- border-radius: 10px;
- background-color: rgba(0, 0, 0, 0.8);
- margin-top: 300px;
- position: fixed;;
- right: 10px;
- bottom: 10px;
- background-image: url(http://24.media.tumblr.com/5a651deb796934389269df7fd176c707/tumblr_mi6etnJifK1s3zdk4o1_100.png);
- background-size: 30px;
- background-repeat: no-repeat;
- background-position: center;
- opacity: 0.7;
- color: transparent;
- line-height: 28px;
- font-size: 15px;
- -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;
- }
- #button:hover {
- width: 77px;
- background-position: 12px;
- border-radius: 10px;
- color: #FFF;
- padding-left: 33px;
- }
- #content {
- width: 75%;
- min-width: 750px;
- margin-left: 25%;
- {block:PermalinkPage}
- width: 500px;
- margin-left: 25%;
- position: relative;
- {/block:PermalinkPage}
- }
- #tumblr_controls {
- right: 0px !important;
- position: fixed!important;
- top: 0px !important;
- }
- #install_theme {
- width: 100px;
- height: 20px;
- z-index: 23;
- background: url(http://25.media.tumblr.com/94c2ee4906b30683009e123de5477378/tumblr_mfe2lirjrb1s0wyp8o1_100.png);
- top: 25px !important;
- position: fixed;
- right: 0px !important;
- opacity: 0.8;
- display: none;
- }
- .item iframe, img, embed, object, video {
- max-width: 100%;
- }
- .outbox {
- width: 17%;
- margin-left: 4%;
- margin-top: 10%;
- position: fixed;
- min-width: 160px;
- background-color: #FFF;
- }
- #avatar {
- width: 95%;
- margin-left: 2.5%;
- margin-top: 2.5%;
- z-index: 4;
- }
- #info {
- width: 70%;
- margin-left: 15%;
- top: -60px;
- margin-top: 50%;
- z-index: -1;
- position: absolute;
- font-family: {font:Description};
- font-size: 9px;
- color: rgb(180, 180, 180);
- }
- .box {
- width: 100%;
- position: absolute;
- background-color: #FFF;
- float: left;
- display: block;
- margin-top: -4px;
- }
- .box #description {
- font-family: Futura;
- word-wrap: break-word;
- color: {color:Description};
- font-size: 12px;
- padding: 2px 8px 0px;
- text-align: justify;
- }
- .box #links {
- width: 100%;
- padding-bottom: 5%;
- line-height: 25px;
- text-align: center;
- font-family: Futura;
- color: rgb(180, 180, 180);
- font-size: 12px;
- margin-bottom: 5px;
- word-wrap: break-word;
- color: {color:Description};
- }
- .box #links #ask {
- margin-left: 5px;
- margin-right: 5px;
- color: {color:Description};
- }
- .box #links a, a:hover, a:link, a:active, a:visited{
- border-bottom: 2px solid {color:Description};
- padding-top: 2px;
- padding-bottom: 2px;
- color: {color:Description} !important;
- }
- a, a:link, a:hover, a:visited {
- color: rgb(30, 30, 30);
- text-decoration: none;
- border: none;
- }
- .item {
- width: 480px;
- padding: 10px;
- margin-top: 60px;
- background-color: #FFF;
- font-family: {font:Text};
- color: {color:Text} !important;
- }
- 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}
- .item {
- width: 22.5%;
- 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:IndexPage}
- {block:IndexPage}
- {block:ifThreeRows}
- .item {
- 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};
- }
- .PremlinkPageContainer a{
- color: {color:Text} !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%;
- margin-top: 20px;
- 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.4;
- }
- /* Text */
- .text {
- font-size: 15px;
- text-align: left;
- padding-left: 5px;
- padding-bottom: 10px;
- line-height: 18px;
- }
- .text #head{
- font-size: 20px;
- text-align: center;
- font-weight: 100;
- }
- .text #head #link{
- 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 a {
- border: none;
- }
- .photo #index {
- width: auto;
- height: auto;
- }
- .photo .slidein{
- position: absolute;
- width: 97.5%;
- 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{
- position: absolute;
- top: 0%;
- background: #FFF;
- overflow: hidden;
- font-size: 28px;
- opacity: 0.7;
- 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 .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: Futura;
- 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 Post Photo */
- .single {
- width: 480px;
- background-color: #FFF;
- padding: 10px;
- margin-top: 60px;
- position: relative;
- }
- /* Quote */
- .quote {
- font-size: 10px;
- text-align: left;
- padding-top: 3px;
- color:{color:Text};
- padding-bottom: 0px;
- }
- .quote #quote{
- font-size: 24px;
- }
- .quote #source {
- font-size: 11px;
- position: relative;
- text-align: right;
- margin-top: 10px;
- width: 95%;
- margin-bottom: 10px;
- }
- /* Link */
- .link {
- font-size: 10px;
- text-align: left;
- padding-top: 3px;
- }
- .link #link{
- font-size: 24px;
- text-align: center;
- }
- .quote #description {
- font-size: 11px;
- position: absolute;
- right: 10px;
- bottom: 10px;
- text-align: left !important;
- }
- /* Photoset */
- .photosettheme {
- width: 100%;
- position: relative;
- padding-top: 30px;
- padding-bottom: 30px;
- }
- /* Chat */
- .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}
- {block:PermalinkPage}
- .PremlinkPageContainer a, a:hover, a:visited, a:active{
- color: {color:Description} !important;
- text-decoration: underline !important;
- }
- ol a, a:hover, a:visited, a:active{
- color: {color:Description} !important;
- text-decoration: underline !important;
- }
- a, a:hover, a:visited, a:active{
- text-decoration: none !important;
- }
- .imgperm {
- width: 50%;
- padding: 0.5%;
- padding-top: 1%;
- margin-top: 30px;
- text-align: justify;
- background-color: #FFF;
- word-wrap: break-word;
- font-family: {font:Text};
- position: relative;
- margin-left: 1%;
- min-width: 400px;
- }
- .imgperm #date {
- width: 100%;
- color: {color:Description} !important;
- text-align: center;
- font-size: 14px;
- }
- .imgperm #line {
- height: 1px;
- background-color: {color:Description} !important;
- border: none;
- }
- .imgperm ol {
- margin-bottom: 80px;
- }
- .imgperm li {
- margin-top: 8px;
- margin-left: -20px;
- list-style-type: none;
- }
- {/block:PermalinkPage}
- </style>
- </head>
- <body>
- <div class="outbox">
- <a href="/"><img src="{image:Siedebar image}" id="avatar" /></a>
- <div id="info">Set "Sidebar Image" in Theme-settings</div>
- <div class="box">
- <!-- <a href="/"><h1>{Title}</h1></a>
- -->
- {block:Description}
- <p id="description">{Description}</p>
- {/block:Description}
- <div id="links">
- <div id="links">
- <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 98px; font-family:'calibri'; font-size:10px;">
- <div class="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>
- </div>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- {block:Text}
- <article class="item">
- <div class="text">
- {block:Title}
- <h3 id="head"><a id="link" href="{Permalink}">{Title}</a></h3> <div id="date"> {DayOfMonth}. {Month} {Year} </div >
- <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 this">
- <div id="reblog"></div>
- </a>
- </div>
- {/block:IndexPage}
- </div>
- </article>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <article class="item">
- {/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" width="500px" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {/block:PermalinkPage}
- <!-- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption} -->
- </div>
- </article>
- {/block:Photo}
- {block:Photoset}
- <article class="item">
- <div class="photosettheme">
- <center>
- {block:IndexPage}
- {Photoset-250}
- {/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 this">
- <div id="reblog"></div>
- </a>
- </div>
- {/block:IndexPage}
- </article>
- {/block:Photoset}
- {block:Quote}
- <article class="item">
- <div class="quote">
- {block:IndexPage}
- <a href="{Permalink}" style="color: {color:Text} !important; " id="quote">
- {/block:IndexPage}
- {block:PermalinkPage} <div id="quote"> {/block:PermalinkPage}"{Quote}" {block:PermalinkPage}</div> {/block:PermalinkPage}
- {block:IndexPage}
- </a>
- {/block:IndexPage}
- <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 this">
- <div id="reblog"></div>
- </a>
- </div>
- {/block:IndexPage}
- </div>
- </article>
- {/block:Quote}
- {block:Link}
- <article class="item">
- <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 this">
- <div id="reblog"></div>
- </a>
- </div>
- {/block:IndexPage}
- </div>
- </article>
- {/block:Link}
- {block:Chat}
- <article class="item">
- <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 this">
- <div id="reblog"></div>
- </a>
- </div>
- {/block:IndexPage}
- </div>
- </article class="item">
- {/block:Chat}
- {block:Video}
- <article class="item">
- <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="item">
- <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 this">
- <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"/>
- {block:Caption}
- {Caption}
- {/block:Caption}
- <hr id="line"/>
- <center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center>
- {block:Posts}{PostNotes}{/block:Posts}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div id="hide"><div id="hide"><nav class="pagination">
- {block:NextPage}
- <next><a class="nextSelector" href="{NextPage}"></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: 0
- });
- $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