Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html lang="en">
- <!-- Hope Theme by Makena (duskmist).
- A lot of you wanted to know my theme code for my personal blog, but since I don't give out my current theme, I made on similar to it, so here you go.
- Do not remove all the credit unless you have permission from me. This code took a while to make.
- Thanks and please report any bugs to me! !-->
- <head>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <link href='http://fonts.googleapis.com/css?family=Codystar|Happy+Monkey|Megrim|Coming+Soon' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#ffffff">
- <meta name="color:link" content="#000000">
- <meta name="color:link hover" content="#f8f8f8">
- <meta name="if:note count label" content="1">
- <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}
- <style type="text/css">
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration: none;
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- a:hover{
- color:{color:linkhover};
- text-decoration:underline;
- opacity:0.7
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- body{
- color:black;
- font-family:Happy Monkey;
- font-size:10px;
- background-color:{color:background};
- }
- .entry {
- font-size:10px;
- margin-left: 5px;
- margin-top:-7px;
- position: absolute;
- width:auto;
- height:auto;
- padding:5px;
- opacity:0;
- {block:IndexPage}
- -webkit-transition: 0.6s;
- -moz-transition: 0.6s;
- -o-transition: 0.6s;
- transition: 0.6s;
- }
- #post:hover .entry {
- font-size:10px;
- opacity: 0.8;
- margin-top:5px;
- margin-left:5px;
- background-color:#fff;
- -webkit-transition: 0.6s;
- -moz-transition: 0.6s;
- -o-transition: 0.6s;
- transition: 0.6s;
- {/block:IndexPage}
- }
- #post:hover .entry:hover{
- opacity:1;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- #cent{
- width:508;
- margin:auto;
- margin-left:400px;
- background-color:{color:background};
- position:absolute;
- padding:5px;
- }
- #post{
- padding:2px;
- position:static;
- background-color:{color:background};
- width:500;
- float:left;
- margin:2px;
- }
- #blogtitle{
- font-size:35px;
- color:#000;
- font-family:Megrim;
- height:40px;
- width:200px;
- margin-top:13px;
- margin-left:125px;
- position:fixed;
- text-align: center;
- padding:3px;
- }
- #blogtitle:hover{
- color:#000;
- }
- #nav{
- font-size:11px;
- font-family:Happy Monkey;
- height:60px;
- width:200px;
- margin-top:60px;
- margin-left:125px;
- text-align: center;
- position:fixed;
- padding:3px;
- }
- #description{
- background-color:{color:background};
- font-family:Coming Soon;
- width:200px;
- margin-top:110px;
- margin-left:125px;
- text-align: center;
- position:fixed;
- padding:3px;
- }
- @import url(http://fonts.googleapis.com/css?family=Codystar|Happy+Monkey|Megrim|Coming+Soon);
- {CustomCSS]
- </style>
- </head>
- <body>
- <div id="blogtitle">
- <a href="/">{Title}</a>
- </div>
- <div id="nav">
- ---------------------------------<br>
- <a href="/ask">message</a>
- {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- <a href="http://duskmist.tumblr.com/">theme</a></span>
- <br>
- ---------------------------------
- </div>
- <div id="description">
- {Description}
- </div>
- <div id="cent">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div id="post">
- {block:Title}{Title}{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div class="entry">
- <a href="{permalink}">{block:ifnotecountlabel}{NoteCountWithLabel}{/block:ifnotecountlabel}{block:ifnotnotecountlabel}{NoteCount}{/block:ifnotnotecountlabel}</a> -
- <a href="{ReblogURL}">reblog</a><br>
- <a href="{Permalink}">{TimeAgo}</a></div>
- {/block:IndexPage}
- <a href="{permalink}"><img src="{PhotoURL-500}"
- width="500"
- /></a>
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Quote}
- {Quote}
- <div align="right">
- {block:Source}-{Source}{/block:Source}
- </div>
- {/block:Quote}
- {block:Video}
- {Video-500}<br>
- {PlayCountWithLabel}
- {/block:Video}
- {block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a><BR>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Lines}
- {block:Label}
- <br>{Label}
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {AudioPlayerGrey}
- <br><div align="right">{block:Artist}
- Artist: {Artist}</div>
- {/block:Artist}<br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- {Asker} asked <b>{Question}</b><Br>
- {Answer}
- {/block:Answer}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <br>
- {block:NoteCount}
- {NoteCount} notes
- {/block:NoteCount}
- <Br>
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div></div>
- {block:IndexPage}
- <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 = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- 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>
- {/block:IndexPage}
- {block:indexpage}
- <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : ".entry, .clear",
- bufferPx : 40,
- loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
- loadingText : "<em></em>",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:indexpage}
- <div style="display:block;bottom:5px;right:5px;font-size:12px;font-family:Happy Monkey;position:fixed;background-color:#ffffff;padding:4px;border-radius:5px;z-index:6;opacity:0.95;"><a href="http://vvolfgaze.tumblr.com/">Ⓜ</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement