my point of view

{block:Description} {/block:Description} #toTop { position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; } body { background:url('http://www.snazzyspace.com/defaultimages/484848_triangle_galactic.gif') repeat #FFFFFF; background-attachment:fixed; margin:25px 0; text-align:center; font:11px 'tahoma'; color:000; } #container { margin:0 auto; width:795px; } a, a:active, a:visited, a:link { color:#737373; font-weight:bold; text-decoration:none; } a:hover { color:#000; } a img { border:0; } {block:IndexPage} .post { text-align:left; padding:5px; width:250px; margin:5px 5px 5px 0; position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .post img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box { float:left; overflow:hidden; } {/block:IndexPage} .notes { clear:both; text-align:left; background:#fff; padding:5px; width:490px; margin:5px 0; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; opacity:0.8; } ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #ccc; } ol.notes li.note { border-top: solid 1px #ccc; padding: 10px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: bold; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; } {block:PermalinkPage} .box { overflow:hidden; } .post { text-align:left; padding:5px; width:500px; margin:5px 5px 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } .post img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } {/block:PermalinkPage} .postCount { background:#fff; color:#b8b8b8; padding:3px 0; text-align:right; } .post a, .post a:link, .post a:active, .post a:visited { color:#707070; text-decoration:none; } .post a:hover { color:black; } ol { margin:0; padding:0; } ol li { padding:0; margin:0; list-style-type:none; } #header { background:black; } #header p#description { padding:0; margin:0; font-family: 'Bree Serif', serif; font-size:20px; position:absolute; top:43px; left:74px; width:400px; height:40px; color:#111; text-align:left; } .text, .quote, .link, .chat { background:#fff; -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } #topNav { position:absolute; top:5px; right:5px; width:270px; height:64px; } #topNav a { display:block; font-family: 'Bree Serif', serif; color:#111; padding:2px 5px; font-weight:normal; font-size:13px; text-transform:uppercase; width:120px; margin:0 0 2px 5px; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #topNav a:hover { color:#fff; } #logo img { position:absolute; top:5px; left:5px; width:64px; height:64px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #header h1 { color:#111; position:absolute; top:-7px; left:74px; text-transform:uppercase; font-family: 'Bree Serif', serif; font-size:50px; font-weight:normal; margin:0; padding:0; } .post:hover #reblog{ margin-top:8px; opacity:1;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } #reblog{ width:125px; text-align:right; right:10px; margin-top:5px; position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .hov{top:0; left:0;padding:35px 0 0 0;font-size:20px;display:block;position:absolute;width:260px;height:1200px;margin-top:0px;text-align: center;background-color:#ccc;opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;} .post:hover .hov {display:block; opacity: 0.8;-moz-box-shadow: inset 0 0 75px rgba(0,0,0,0.5);-webkit-box-shadow: inset 0 0 75px rgba(0,0,0,0.5);box-shadow: inset 0 0 75px rgba(0,0,0,0.5);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}.date2 a {color:;}.date2 a:hover {color:;} .notesLink { text-align:center !important; color:#fff !important; font-size:13px arial !important; text-shadow: 1px 1px 1px #000 !important; background:url('http://www.snazzyspace.com/images/fadeBlack.png') repeat transparent; padding:5px 25px 5px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity:1; margin:5px 0; position:absolute; right:0px; top:25px; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 45%; bottom: 40px; padding: 5px; background: #000; font-family: 'Bree Serif', serif; font-size:23px; color: #fff; text-transform:uppercase; } #infscr-loading img { display:none; } #mainRight { width:785px; height:64px; margin:0 0 10px 0; padding:5px; position:relative; background:url('http://www.snazzyspace.com/images/fadeWhite.png') repeat transparent; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } #holder { width:795px; } {Title} {block:Description} {Description} {/block:Description} Home {block:AskEnabled} {AskLabel} {/block:AskEnabled} {block:SubmissionsEnabled} {SubmitLabel} {/block:SubmissionsEnabled} {block:HasPages}{block:Pages} {Label}{/block:Pages} {/block:HasPages} {block:ifLink1Title} {text:Link 1 Title} {/block:ifLink1Title} {block:ifLink2Title} {text:Link 2 Title} {/block:ifLink2Title} {block:ifLink3Title} {text:Link 3 Title} {/block:ifLink3Title} {block:ifLink4Title} {text:Link 4 Title} {/block:ifLink4Title} {block:ifLink5Title} {text:Link 5 Title} {/block:ifLink5Title} {block:Posts} {block:Text} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} {block:Title} {Title} {/block:Title} {Body} {/block:Text} {block:Photo} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {block:IndexPage} {/block:IndexPage} {/block:Photo} {block:Photoset} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} {Photoset-250} {block:Caption} {Caption} {/block:Caption} {/block:Photoset} {block:Quote} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} “{Quote}” {block:Source} {Source} {/block:Source} {/block:Quote} {block:Link} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} {Name} {block:Description} {Description} {/block:Description} {/block:Link} {block:Chat} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} {block:Title} {Title} {/block:Title} {block:Lines} {block:Label} {Label} {/block:Label} {Line} {/block:Lines} {/block:Chat} {block:Video} {block:IndexPage} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {/block:IndexPage} {Video-250} {block:Caption} {Caption} {/block:Caption} {/block:Video} {block:Audio} {block:NoteCount}{NoteCount} notes{/block:NoteCount} {AudioPlayerBlack} {block:Caption} {Caption} {/block:Caption} {/block:Audio} {/block:Posts} {block:PermalinkPage} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:PermalinkPage} {block:IndexPage} $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } }); $('#toTop').click(function() { $('body,html').animate({scrollTop:0},800); }); }); $(window).load(function () { // endless scrolling var $container = $('#holder'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : '#page-nav', // selector for the paged navigation nextSelector : '#page-nav a', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading More Posts' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling }); {/block:IndexPage}