Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary} {block:Description}{/block:Description}

@import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css); html, body { height: 100%; } body { background: url('{image:Background}') {color:Background} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground} center 0; {block:IfFitBackground}background-size: cover;{/block:IfFitBackground} margin: 0; font-family: Calibri, Helvetica, Arial, sans-serif; color: {color:Body text}; font-size: 12px; line-height: 160%; } a { color: inherit; } a img { border: none; } blockquote { margin: 0; padding: 0 0 0 9px; border-left: 1px dotted; } header { position: relative; width: 1040px; margin: 50px auto 25px auto; text-align: center; } header a { text-decoration: none; } header img { max-width: 100%; } header .title h1 { margin: 0; line-height: 100%; font-family: 'BebasNeueRegular', Arial, sans-serif; text-transform: uppercase; font-weight: normal; font-size: {text:Blog title size}; color: {color:Blog title}; } header p { margin: 5px 0; } header .menu_item { margin: 0 5px; {block:IfMenuTextSize}font-size: {text:Menu text size};{/block:IfMenuTextSize} font-weight: bold; } {block:IndexPage}.no_of_columns_1 { width: 260px; } .no_of_columns_2 { width: 520px; } .no_of_columns_3 { width: 780px; } .no_of_columns_4 { width: 1040px; } .no_of_columns_5 { width: 1300px; } .no_of_columns_6 { width: 1560px; } .no_of_columns_7 { width: 1820px; } .no_of_columns_8 { width: 2080px; }{/block:IndexPage} .posts { position: relative; margin: 25px auto; {block:PermalinkPage} width: 700px; {/block:PermalinkPage} height: 105%; } .post { float: left; position: relative; margin: 5px; width: {block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px; } .post h2 { margin: 0; font-size: 16px; line-height: 18px; letter-spacing: 1px; font-weight: normal; } .post h2.quote { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0; font-style: italic; } .post p, .post li { line-height: 175%; } .post p { margin: 10px 0 5px 0; } .post ol, .post ul { margin: 3px 0; padding: 0; } .post li { margin: 2px 35px; } {block:IndexPage}.post .controls { position: absolute; top: 50%; margin-top: -10px; left: 0; width: 100%; text-align: center; display: none; } .post:hover .controls { display: block; } .post .controls .item { display: inline-block; position: relative; vertical-align: middle; } .post .controls .like { background-image: url('http://static.tumblr.com/jw8fmba/JQllum7dg/like.png'); width: 21px; height: 20px; margin-right: 5px; } .post .controls .reblog { background-image: url('http://static.tumblr.com/jw8fmba/bPzlum7er/reblog.png'); width: 24px; height: 20px; } .post .controls .note_count { background-image: url('http://static.tumblr.com/jw8fmba/Iosm7ri3a/note_count_middle.png'); height: 16px; color: #FFF; font-weight: bold; font-size: 11px; padding: 2px 5px; margin-left: 7px; line-height: 1.6; } .post .controls .note_count:before { content: ''; background-image: url('http://static.tumblr.com/jw8fmba/dIim7ri67/note_count_left.png'); height: 20px; width: 5px; position: absolute; top: 0px; left: -5px; } .post .controls .note_count:after { content: ''; background-image: url('http://static.tumblr.com/jw8fmba/gtqm7ri8i/note_count_right.png'); height: 20px; width: 2px; position: absolute; top: 0px; right: -2px; }{/block:IndexPage} .post .photo { position: relative; overflow: hidden; } .post img { max-width: 100%px; height: auto; } .post img.main_photo { width: 100%px; float: left; } .post .player { padding: 0 10px; background: #FFF; margin: 0; } .post .lines { margin: 0 0 5px 0; } .post .lines .line { padding: 5px 10px; } .post .lines .even { background: {color:Body text}; color: {color:Background}; } .post .lines .even * { color: {color:Background}; } .post ol.notes { padding: 0; list-style-type: none; } .post ol.notes li.note { border-bottom: solid 1px #F6F6F6; padding: 6px 0; margin: 0 !important; } .post ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } .post ol.notes li.note .answer_content { font-weight: normal; } .post ol.notes li.note blockquote { border-color: #F6F6F6; padding: 4px 10px; margin: 10px 0px 0px 25px; } .post ol.notes li.note blockquote a { text-decoration: none; } .pagination { display: none; } {CustomCSS}

.posts { opacity: 1 !important; }

{block:Pagination}<ul class="pagination">
    <li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
</ul>{/block:Pagination}

<header>
    <a class="title" href="/">{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}{block:IfNotHeaderImage}<h1>{Title}</h1>{block:IfNotHeaderImage}</a>
    {block:IfShowDescription}{block:Description}<p>{Description}</p>{/block:Description}{/block:IfShowDescription}
    <p><b>http://twitter.com/ellenklf</b>   </p>

</header>

<div class="posts no_of_columns_{text:Number of columns}{block:IfNotNumberOfColumns}4{/block:IfNotNumberOfColumns}" {block:IndexPage}style="opacity: 0"{/block:IndexPage}>    
    {block:Posts}
    <div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">{lang:Read more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p>{/block:Answer}{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}<div class="photo">{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}{block:IndexPage}<div class="controls"><a class="like item" onclick="LikePost('{PostID}','{ReblogURL}',this); $(this).css('background-image', 'url(http://assets.tumblr.com/images/iframe_like_active_alpha.png)')"></a><a href="{ReblogURL}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2Fpage%2F{CurrentPage}" class="reblog item" target="_blank"></a><a href="{Permalink}"><div class="note_count item" id="note_count_{PostID}">{NoteCount}</div></a></div>{/block:IndexPage}</div>

    {block:PostNotes}<div class="post">
        {block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
        {PostNotes}
    </div>{/block:PostNotes}

    {/block:Posts}

</div>

{block:IndexPage} $(function(){ var $container = $('.posts').css({ opacity: 0 }); $container.imagesLoaded(function(){ $container.animate({ opacity: 1 }); $container.masonry({ itemSelector: '.post', columnWidth: 260 }); }); $container.infinitescroll({ navSelector: '.pagination', nextSelector: '.pagination li a.pagination_nextlink', itemSelector: '.load', loading: { img: 'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png', donetext: '' } },function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function() { $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); }); }); {/block:IndexPage}

share|improve this question

closed as not a real question by Sathya Nov 8 '12 at 6:23

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.If this question can be reworded to fit the rules in the help center, please edit the question.

Browse other questions tagged or ask your own question.