Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!- Theme designed by
- http://likethesun.tumblr.com -!>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:Background" content="#FFF"/>
- <meta name="color:Title" content="#fff"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Link" content="#777"/>
- <meta name="image:Background" content=""/>
- <meta name="if:Faded Images" content="1"/>
- <meta name="font:Title" content="Courier New"/>
- <meta name="font:Body" content="Courier New"/>
- <meta name="text:Font Size" content="10px"/>
- <meta name="text:Title font size" content="19px"/>
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
- {block:indexpage}
- <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
- <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
- <script>
- jQuery(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- singleMode: true,
- columnWidth: 275,
- itemSelector: '#space'
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#space',
- },
- function( newElements ){
- $(newElements).hide();
- setTimeout(function(){
- $wall.masonry({ appendedContent: $(newElements) });
- },2000);
- setTimeout(function(){
- $(newElements).fadeIn('slow');
- },2100);
- },1000);
- });
- </script>
- <script>
- $.fn.imagesLoaded = function(callback){
- var elems = this.find('img'),
- len = elems.length,
- _this = this;
- if ( !elems.length ) {
- callback.call( this );}
- elems.bind('load',function(){
- if (--len <= 0){
- callback.call( _this );}
- }).each(function(){
- // cached images don't fire load sometimes, so we reset src.
- if (this.complete || this.complete === undefined){
- var src = this.src;
- // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
- // data uri bypasses webkit log warning (thx doug jones)
- this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
- this.src = src;}
- });
- return this;};
- </script>
- {/block:Indexpage}
- <style type="text/css">
- body {background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- font-family: {font:body};
- font-size:{text:font size};
- line-height:10px;
- color:{color:Text};}
- a:link, a:active, a:visited {color: {color:Link};
- text-decoration:none;}
- a:hover{color:{color:link};
- text-decoration: none;}
- #container {margin:auto; position:relative;
- width:560px; overflow:auto; overflow-y:hidden;
- margin-top:-15px;}
- #posts {{block:IndexPage}
- margin-top:20px; width: 560px;{/block:IndexPage}
- {block:PermalinkPage}
- margin-top: 30px; width: 526px; {/block:PermalinkPage}
- height: auto; margin-bottom: 20px;}
- #space {float: left;
- {block:IndexPage}width: 250px;{/block:IndexPage}
- {block:PermalinkPage}width: 526px;
- {/block:PermalinkPage} padding: 5px; margin: 8px;
- background-color: {color:box};}
- #space img {{block:IndexPage}
- max-width:250px;{/block:IndexPage}}
- #container2 {width:515px; height: auto;
- background-color:{color:box};
- padding:10px; margin-top: 30px;
- margin-left: 8px;}
- #permalinkpage {font-family: {font:Body};
- font-size: 10px; margin-bottom: 20px;
- width:526px; margin-left:-15px;}
- #permapagenotes {float:right; width:auto;
- font-weight: bold; background-color:black;
- color:white; margin-right:-15px;}
- .blogtitle{
- font-family: {font:Title};
- font-size:{text:title font size};
- background-color:black;
- line-height:15px;
- width:526px;
- margin-left:-6px;
- margin-bottom: 12px;
- z-index:2;}
- .blogtitle a{color:{color:title};}
- .nav {font-family: {font:body};
- margin-top:7px;
- font-size:{text:font size};
- line-height:3px;
- text-align:right;
- margin-right:0px;
- width:520px;
- z-index:2;}
- .nav a {border:1px solid #444;
- background-color:white;
- padding-right:5px;
- padding-left:5px;}
- .nav a:hover {background-color:black;
- color:white;}
- .permalink{display: block;
- font: normal 9px;
- text-align: right;
- text-transform: none;
- padding: 1px;}
- .permalink a{color:#999;}
- .permaposition {float: right;
- width: auto; font-size: 9px;
- line-height: 9px;}
- .arrows {position:fixed; width:590px; margin:auto; bottom:15px; font-size:30px; font-weight:bold;}
- .arrows a {color:black;}
- .title{font-family: {font:Title};
- font-size: {text:Title font size};
- line-height: {text:Title line height};
- color: {color:Title}; font-weight: normal;}
- .posttitle {font-family: {font:Body};
- font-size:12px; color: {color:text};
- font-style:italic; font-weight:bold;}
- .ask {background-color:#F5F5F5; padding: 4px;
- {block:IndexPage}width: 242px;{/block:IndexPage}
- {block:PermalinkPage}width:522px; margin-left:-3px;
- {/block:PermalinkPage}}
- .video embed, .post div.video object
- {width:250px !important; height:auto !important;}
- blockquote {padding:0px 0px 2px 3px;
- margin:0px 0px 2px 1px;
- border-left: 1px solid {color:Text};}
- {block:ifFadedImages}
- img{opacity: 0.95;}
- img:hover{opacity: 1;}
- {/block:ifFadedImages}
- </style>
- </head>
- <body>
- <div id="container">
- <div id="container2">
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="nav"><a href="/ask">ask</a> <a href="/archive">archive</a> <a href="http://likethesun.tumblr.com">theme</a></div>
- </div>
- <div id="posts">
- {block:Posts}
- <div id="space">
- {block:Text}
- {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
- {Body}
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</div>{/block:IndexPage}
- {/block:Text}
- {block:Answer}
- <div class="ask"><b>{Asker}</b>: {Question}</div>
- <div style="padding-left:4px;">{Answer}</div>
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}
- {/block:Answer}
- {block:Link}
- <a href="{URL}" class="posttitle">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}
- {block:Link}
- {block:Photo}{block:IndexPage}
- <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="526"/>{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}
- {block:IndexPage}<center><div style="padding-top: 10px; padding-bottom: 10px; background-color:{color:Photoset background};">{Photoset-250}</div></center>{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</div>{/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- {Quote}<div style="margin-left: 30px; font-style: italic;">{block:Source}- <b>{Source}</b>{/block:Source}</div>
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
- {block:Lines}
- {block:Label}
- <span class="label"><b>{Label}</b></span>
- {/block:Label}
- {Line}<br>
- {/block:Lines}
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}<div style="background-color:#000; width: 250px;"><div style="width:250px; height:27px;">{AudioPlayerBlack}</div></div>{/block:IndexPage}
- {block:PermalinkPage}<div style="background-color:#000; width: 500px;"><div style="width:500px; height:27px;">{AudioPlayerBlack}</div></div>{/block:PermalinkPage}
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}{Video-250}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}
- {block:Video}
- {block:PermalinkPage}
- <div id="permalinkpage">
- <div id="permapagenotes">
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- </div>
- <BR>{Caption}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <div class="arrows"><div id="pag">
- {block:PreviousPage}<div style="float:left; margin-left:-45px;"><a href="{PreviousPage}" title="newer">《 </a></div> {/block:PreviousPage} {block:NextPage} <div style="float:right;"><a href="{NextPage}" title="older"> 》</a></div>{/block:NextPage}
- </div>
- </div>
- </div>
- </div>
- </center>
- </body>
- </html>
Add Comment
Please, Sign In to add comment