Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--Do not remove the credit-->
- <!--Do not remove the credit-->
- <!--Do not remove the credit-->
- <!--Do not remove the credit-->
- <meta name="image:sidebar" content="">
- <meta name="color:title" content="#000000">
- <meta name="color:nav" content="#000000">
- <meta name="color:links" content="#ffffff">
- <meta name="color:linksback" content="#000000">
- <meta name="color:linkshover" content="#b3aeaf">
- <meta name="color:sidebar" content="#c4f8f6">
- <meta name="text:Quote" content="">
- <meta name="text:Link1URL" content="">
- <meta name="text:Link1" content="">
- <meta name="text:Link2URL" content="">
- <meta name="text:Link2" content="">
- <meta name="text:Link3URL" content="">
- <meta name="text:Link3" content="">
- <meta name="text:Link4URL" content="">
- <meta name="text:Link4" content="">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#content');
- $content.masonry({itemSelector: '.posts'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.posts',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
- <style type="text/css">
- @font-face {font-family:silent reaction; src: url(http://static.tumblr.com/knytmqx/DCPmz4ita/silent_reaction.ttf) format(“truetype”); }
- @font-face {font-family:delicious curls; src: urlhttp://static.tumblr.com/bfas1zi/hChn0t595/delicious_curls_1_.ttf) format(“truetype”); }
- #sidebar{
- position:fixed;
- left:-5px;
- top:-5px;
- width:200px;
- height:1000px;
- background-color:{color:sidebar};
- }
- #sidebar .title{
- position:fixed;
- font-size:20px;
- font-family:silent reaction;
- color:{color:title};
- top:230px;
- left:10px;
- }
- #sidebar img{
- width:100px;
- height:100px;
- }
- #sidebar .description{
- position:fixed;
- top:400px;
- left:20px;
- width:150px;
- height:150px;
- overflow:auto;
- font-size:12px;
- text-align:justify;
- }
- #sidebar .nav{
- position:fixed;
- top:560px;
- left:12px;
- }
- .nav a{
- font-size:14px;
- color:{color:nav};
- text-decoration:none;
- padding-left:20px;
- text-align:center;
- width:50px;
- display:inline-block;
- }
- .link1 a{
- position:fixed;
- top:680px;
- left:-150px;
- width:150px;
- text-align:center;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .link1 a{color:{color:links}; text-decoration:none; background-color:{color:linksback}; padding-left:10px; padding-right:10px;}
- .link1 a:hover{
- left:10px;
- background-color:{color:linkshover};
- }
- .link2 a{
- position:fixed;
- top:710px;
- left:-150px;
- width:150px;
- text-align:center;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .link2 a{color:{color:links}; text-decoration:none; background-color:{color:linksback}; padding-left:10px; padding-right:10px;}
- .link2 a:hover{
- left:10px;
- background-color:{color:linkshover};
- }
- .link3 a{
- position:fixed;
- top:740px;
- left:-150px;
- width:150px;
- text-align:center;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .link3 a{color:{color:links}; text-decoration:none; background-color:{color:linksback}; padding-left:10px; padding-right:10px;}
- .link3 a:hover{
- left:10px;
- background-color:{color:linkshover};
- }
- .link4 a{
- position:fixed;
- top:770px;
- left:-150px;
- width:150px;
- text-align:center;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .link4 a{color:{color:links}; text-decoration:none; background-color:{color:linksback}; padding-left:10px; padding-right:10px;}
- .link4 a:hover{
- left:10px;
- background-color:{color:linkshover};
- }
- /*content start*/
- #content{
- position:absolute;
- width:1500px;
- margin-top:100px;
- margin-left:300px;
- }
- #content .posts{
- width:250px;
- padding: 20px;
- margin: 5px;
- float:left;
- }
- .posttitle{
- color:{color:posttitle};
- font-size:30px;
- text-align:center;
- font-family:delicious curls;
- }
- .posttext{
- color:black;
- font-size:15px;
- text-align:center;
- }
- .postdescription{
- font-size:12px;
- text-align:center;
- }
- .postcaption{
- font-size:12px;
- text-align:center;
- }
- .link{color:{color:postlink};}
- .quote{
- font-style:italic;
- }
- .quotesource{
- font-size:12px;
- }
- #info{
- opacity:.7;
- width:250px;
- padding-top:5px;
- padding:bottom:5px;
- text-align:center;
- border-bottom:2px solid black;
- visibility:hidden;
- }
- #date a{
- color:#000000;
- font-weight:bold;
- font-size:12px;
- text-decoration:none;
- visibility:hidden;
- }
- #notecontainer {
- float:right;
- margin-right:600px;
- font-size: 11px;
- background-color:white;
- }
- #notecontainer a{text-decoration:none; color:black;}
- #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- .chat{list-style:none;}
- .pagination {
- display: none;
- }
- /*Change the background color and solid color to change the colors of the scrollbars*/
- ::-webkit-scrollbar-thumb {background-color:#c4f8f6; border: 3px solid #fff; height:auto; border-bottom:none;}
- ::-webkit-scrollbar {height:9px;width:12px;background-color:#c4f8f6;
- border:4px solid #fff;}
- /*Change the background color and solid color to change the colors of the scrollbars*/
- #title2{
- position:absolute;
- font-size:50px;
- font-family:silent reaction;
- left:800px;
- top:20px;
- }
- /* Custom CSS */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class=”navigation”>
- {block:Pagination}{block:PreviousPage}<a href=”{PreviousPage}”>previous</a> ·{/block:PreviousPage} {block:NextPage}<a href=”{NextPage}” id=”next”>next</a>{/block:NextPage}{/block:Pagination}
- </div>
- <div id="title2">
- {Title}
- </div>
- <div id="sidebar">
- <div class="title">
- {text:Quote}
- </div>
- <img src="{image:sidebar}" style="position:fixed; top:280px; left:45px;">
- <div class="description">
- {block:Description}{Description}{/block:Description}
- </div>
- <div class="nav">
- <a href="/">Home</a>
- <a href="/archive">Archive</a>
- <br>
- <a href="/submit">Submit</a>
- <a href="/ask">Message</a>
- </div>
- </div>
- <div id="extralinks">
- <div class="link1"><a href="{text:Link1URL}">{text:Link1}</a></div>
- <br>
- <div class="link2"><a href="{text:Link2URL}">{text:Link2}</a></div>
- <br>
- <div class="link3"><a href="{text:Link3URL}">{text:Link3}</a></div>
- <br>
- <div class="link4"><a href="{text:Link4URL}">{text:Link4}</a></div>
- </div>
- <!--start content-->
- <div id="content">
- {block:Posts}
- <div class="posts">
- {block:Text}
- <a href="{Permalink}" style="text-decoration:none; color:gray;"><div class="posttitle">{Title}</div></a>
- <a href="{Permalink}"style="text-decoration:none;"><div class="posttext">{Body}</div></a>
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-500}" width="250" ALT=""></a>
- {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:Photos}
- <a href="{Permalink}"><img src="{PhotoURL-500}" width="{PhotoWidth-250}"></a>
- {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
- {/block:Photos}
- {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote"><b>"{Quote}"</b></div>
- <br>
- <div class="quotesource">~{Source}</div>
- {/block:Quote}
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <ul>
- <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
- </ul>
- {/block:Chat}
- {block:Link}
- <a href="{URL}"style="text-decoration:none; color:gray;"><div class="posttitle link">{Name}</div></a>
- {block:Description}<div class="postdescription">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Answer}
- <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div>
- <br><br> <b>{Question}</b>
- <br><br>
- {block:Answerer}
- <img src="{AnswererPortraitURL-16}" alt="">
- <div class="ask">{Answerer}</div>
- <div class="answerer">{Answer}</div>
- {/block:Answerer}
- <br><br>
- {Replies}
- </div>
- {/block:Answer}
- {block:Video}
- {VideoEmbed-250}
- {PlayCountWithLabel}
- {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- {block:PlayCount}{PlayCount}{/block:PlayCount}
- {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- <div id="info"> <div id="date">
- {block:Date}<a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{/block:Date}
- </div>
- </div>
- </div>
- {/block:Posts}
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- <!--End Content-->
- <div style="position:fixed; bottom:-2px; left:30px;">
- <a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/ZJImzckar/credit.png"</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement