Twilight Cast Tumblr Theme, Twilight Cast Theme for Tumblr.com

You're currently viewing the Twilight Cast tumblr layout for tumblr profiles.

How to install this theme.

Step 1. Select and copy the code for the theme style you like below from the code boxes.

Step 2. Now go to the "Customize your blog" in tumblr.

Step 3. Click the "Edit HTML" button or "Use Custom HTML button to the left.

Step 4. Select all the HTML that's in there already and delete it if there's any.

Step 5. Now copy in the code you copied from here and click "Update Preview"

Step 6. Click "Save" then "Close" in the top left corner and now your new theme is installed!

Infinite Grid Theme

 
 
<html>
    <head>
        <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}

<link href='http://fonts.googleapis.com/css?family=Abel|Contrail+One|Great+Vibes' rel='stylesheet' type='text/css'>

    <style type="text/css">
    
#toTop { 
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#000;
        font-family:verdana; 
        font-size:10px;
}


        body {

background:url('http://www.snazzyspace.com/defaultimages/121921_twilight-cast.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;
-moz-box-shadow: 0 0 10px #3f3f3f;
-webkit-box-shadow: 0 0 10px #3f3f3f;
box-shadow: 0 0 10px #3f3f3f;
}

.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;
            }
            
            .post img {
                        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px #3f3f3f;
-webkit-box-shadow: 0 0 10px #3f3f3f;
box-shadow: 0 0 10px #3f3f3f;
}
{/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:20px 'Great Vibes';
        position:absolute;
        top:33px;
        left:74px;
        width:400px;
        height:40px;
        color:#fff;
        text-align:left;
                        text-shadow:1px 1px #000;
}

.text, .quote, .link, .chat {
        background:#fff;

        } 

#topNav {
    position:absolute;
    top:5px;
    right:5px;
    width:270px;
    height:64px;
}

#topNav a {
        display:block;
        text-shadow:1px 1px #000;
        color:#fff;
        background:#666;
        padding:5px 5px;
        font-weight:normal;
        width:120px;
        margin:0 0 2px 5px;
        float:left;
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#topNav a:hover {
        background:#2b2b2b;
}

#logo img {
    position:absolute;
    top:5px;
    left:5px;
    width:64px;
    height:64px;
-webkit-border-radius: 32px;
-moz-border-radius: 32px;
border-radius: 32px;
        }
        
        #header h1 {
                color:#fff;
                position:absolute;
                top:5px;
                left:74px;
                text-transform:uppercase;
                font:25px 'Abel';
                letter-spacing:-1px;
                font-weight:bold;
                margin:0;
                padding:0;
                text-shadow:1px 1px #000;
        }
        
.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:9px arial !important;
        text-shadow: 1px 1px 1px #000 !important;
        background:#000;
        padding:2px 5px;
          -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
          opacity:0.6;
          -moz-box-shadow: 0 0 10px #3f3f3f;
-webkit-box-shadow: 0 0 10px #3f3f3f;
box-shadow: 0 0 10px #3f3f3f;
position:absolute;
right:0px;
top:25px;
}



p.datePost {
        border-bottom:1px dashed #fff;
        font-style:italic;
        font-size:9px arial !important;
        color:#fff;
        text-shadow:1px 1px 1px #000;
        margin:0;
        padding:0;
}


.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}


#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

#mainRight {
        width:785px;
        height:64px;
        margin:0 0 10px 0;
        padding:5px;
        position:relative;
        background:#3f3f3f;
        overflow:hidden;
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px #3f3f3f;
-webkit-box-shadow: 0 0 10px #3f3f3f;
box-shadow: 0 0 10px #3f3f3f;
}

#holder {
        width:795px;
}

    </style>
    </head>
    <body>
<div id="toTop"><img src="http://static.tumblr.com/ktj2ag8/LVfm4k9gs/back_top_top.png" /></div>
<a style="position:absolute;z-index:1338; !important;top:55px;right:3px;" href="http://www.snazzyspace.com/generators/viewer-counter/" title="Tumblr Viewer Counter" target="_blank"><img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1338125366/style=5/counter.png" border="0"></a>


<div id="container" class="transitions-enabled infinite-scroll clearfix">
<div id="mainRight">
    <div id="header">
        <div id="logo">
        <img src="{PortraitURL-64}" /> 
        </div>
        <h1>{Title}</h1>

                        {block:Description}
                         <p id="description">{Description}</p>
                        {/block:Description}
                        
 <div id="topNav">                       
   <a href="/">Home</a>
{block:AskEnabled}
                    <a href="/ask"> {AskLabel}</a>
{/block:AskEnabled}                    
{block:SubmissionsEnabled} 
                    <a href="/submit"> {SubmitLabel}</a>
{/block:SubmissionsEnabled}
</div>
    </div>

</div>
                
                    <div id="holder">
            {block:Posts}
                {block:Text}
                    <div class="box shake post text">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>
                     {/block:IndexPage}                
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </div>
              
                {/block:Text}

                {block:Photo}
                    <div class="box shake post photo">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>
    
                     {/block:IndexPage}       
                     
 {block:PermalinkPage}                    
                        <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
                        {/block:PermalinkPage}
     
      {block:IndexPage}                    
                        <a href="{LinkURL}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
                        {/block:IndexPage}
 

                    </div>
                {/block:Photo}

                {block:Photoset}
                    <div class="box shake post photoset">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>   
                     {/block:IndexPage}                                        
                        {Photoset-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="box shake post quote">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div> 
                     {/block:IndexPage}                                       
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </div>
                {/block:Quote}

                {block:Link}
                    <div class="box shake post link">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>   
                     {/block:IndexPage}                                      
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="box shake post chat">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>     
                     {/block:IndexPage}
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="box shake post video">
                     {block:IndexPage}
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>
                     {/block:IndexPage}                                        
                        {Video-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="box shake post audio">
<div id="reblog">{block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/6jwx45k/RTKm1xjsa/reblogme.png" width="22px"/></a></div>                                    
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Audio}
            {/block:Posts}
            {block:PermalinkPage} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:PermalinkPage}
            
 
 
        </div>
        </div>
        
        <nav id="page-nav">
  <a href="/page/2"></a>
</nav>
        <a style="position: fixed; z-index: 1999; top: 0px; left: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge.png" alt="A snazzyspace.com Theme" border="0"></a> <a style="position: fixed; z-index: 1999; bottom: 100px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge_2.png" alt="A snazzyspace.com Theme" border="0"></a><a style="position: absolute; z-index: 10; top: 26px; right: 3px;" href="http://www.snazzyspace.com/tumblr" target="_blank" class="install_but"><img src="http://www.snazzyspace.com/img/install_theme.png" border="0"></a><a style="position: fixed; z-index: 1998; top: 0px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/pixel.gif" width="50" border="0" height="900"></a>
        
         {block:IndexPage}
<script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>

<script type="text/javascript">

$(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: {
                   msgText: 'Fetching more posts...',
          finishedMsg: 'No more pages to load.',
          img: 'http://static.tumblr.com/ktj2ag8/YXbm4kg3y/ajaxload.gif'
        }
      },
      // 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
    
});

</script>
 {/block:IndexPage}
    </body>
</html>

Side Boxes Theme

 
 
<html>
    <head>
        <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}

<link href='http://fonts.googleapis.com/css?family=Abel|Contrail+One|Great+Vibes' rel='stylesheet' type='text/css'>

    <style type="text/css">
    
#toTop {
    width:100px;
        border:1px solid #000;
        background:#fff;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#000;
        font-family:verdana; 
        font-size:10px;
}


        body {

background:url('http://www.snazzyspace.com/defaultimages/121921_twilight-cast.gif') repeat #FFFFFF;
background-attachment:fixed;

    		margin:25px 0;



			text-align:center;

			font:11px 'tahoma';
            
			color:000;

		}

#container {
        margin:0 auto;
        width:943px;
}


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;
        background:#fff;
        padding:5px;
        width:250px;
        margin:5px 5px 5px 0;
        position:relative;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
}

.box {
    float:left;
    overflow:hidden;
    }
    
 {/block:IndexPage}
.notes {
        clear:both;
        text-align:left;
        background:#fff;
        padding:5px;
        width:550px;
        margin:5px 5px 5px 0;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
}

            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;
        background:#fff;
        padding:5px;
        width:500px;
        margin:5px 5px 5px 0;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
            }
{/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:white;
        width:128px;
        padding:5px;
        margin:5px 5px 5px 0;
        position:fixed;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
}

#header p#description {
        padding:0;
        margin:0;
        font:16px 'Great Vibes';
}

#topNav {

}

#topNav a {
        display:block;
        color:#fff;
        background:#929292;
        padding:5px;
        margin:2px 0;
}

#topNav a:hover {
        background:#e6e6e6;
}

#logo {

        }
        
        #header h1 {

                text-transform:uppercase;
                font:16px 'Abel';
                letter-spacing:-1px;
                font-weight:bold;
                margin:0;
                padding:0;
        }
        
                
                
                      .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;
        display:block !important;
        color:#fff !important;
        font-size:12px arial !important;
        font-style:italic !important;
        border-bottom:1px dashed #fff !important;
        text-shadow: 1px 1px 1px #000 !important;
}

.reblogLink {
        text-align:center !important;
        color:#fff !important;
        padding:2px 10px !important;
        background:black !important;
        border-radius:5px;
        -moz-border-radius:5px;
        font-size:15px arial !important;
        font-style:italic !important;
        text-transform:uppercase !important;
                text-shadow: 1px 1px 1px #000 !important;
}

p.datePost {
        border-bottom:1px dashed #fff;
        font-style:italic;
        font-size:9px arial !important;
        color:#fff;
        text-shadow:1px 1px 1px #000;
        margin:0;
        padding:0;
}


.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}


#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

#mainRight {
        float:right;
        width:148px;
}

#holder {
        float:left;
        width:795px;
}

    </style>
    </head>
    <body>
<div id="toTop">Back to Top</div>
<a style="position:absolute;z-index:1338; !important;top:55px;right:3px;" href="http://www.snazzyspace.com/generators/viewer-counter/" title="Tumblr Viewer Counter" target="_blank"><img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1338125366/style=5/counter.png" border="0"></a>

<div id="container" class="transitions-enabled infinite-scroll clearfix">
<div id="mainRight">
    <div id="header">
        <div id="logo">
        <img src="{PortraitURL-128}" />
        </div>
        <h1>{Title}</h1>

                        {block:Description}
                         <p id="description">{Description}</p>
                        {/block:Description}
                        
 <div id="topNav">                       
 <a href="/">Home</a>
{block:AskEnabled}
                    <a href="/ask"> {AskLabel}</a>
{/block:AskEnabled}                    
{block:SubmissionsEnabled} 
                    <a href="/submit"> {SubmitLabel}</a>
{/block:SubmissionsEnabled}
</div>
    </div>

</div>
                
                    <div id="holder">
            {block:Posts}
                {block:Text}
                    <div class="box shake post text">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}                
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </div>
              
                {/block:Text}

                {block:Photo}
                    <div class="box shake post photo">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}       
                     
 {block:PermalinkPage}                    
                        <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
                        {/block:PermalinkPage}
     
      {block:IndexPage}                    
                        <a href="{LinkURL}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
                        {/block:IndexPage}
 

                    </div>
                {/block:Photo}

                {block:Photoset}
                    <div class="box shake post photoset">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}                                        
                        {Photoset-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="box shake post quote">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}                                       
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </div>
                {/block:Quote}

                {block:Link}
                    <div class="box shake post link">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}                                      
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="box shake post chat">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="box shake post video">
                     {block:IndexPage}
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>     
                     {/block:IndexPage}                                        
                        {Video-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="box shake post audio">
                  <div class="hov">
                        {block:NoteCount}<a class="notesLink "href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a class="reblogLink" href="{ReblogURL}">Reblog</a>     
                        
                    <p class="datePost">    {block:Date}{TimeAgo} {/block:Date} </p>
                        
                    </div>                                          
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Audio}
            {/block:Posts}
            {block:PermalinkPage} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:PermalinkPage}
            
 
 
        </div>
        </div>
        
        <nav id="page-nav">
  <a href="/page/2"></a>
</nav>
        <a style="position: fixed; z-index: 1999; top: 0px; left: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge.png" alt="A snazzyspace.com Theme" border="0"></a> <a style="position: fixed; z-index: 1999; bottom: 100px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge_2.png" alt="A snazzyspace.com Theme" border="0"></a><a style="position: absolute; z-index: 10; top: 26px; right: 3px;" href="http://www.snazzyspace.com/tumblr" target="_blank" class="install_but"><img src="http://www.snazzyspace.com/img/install_theme.png" border="0"></a><a style="position: fixed; z-index: 1998; top: 0px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/pixel.gif" width="50" border="0" height="900"></a>
        
         {block:IndexPage}
<script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>

<script type="text/javascript">

$(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 pages to load.',
          img: 'http://i.imgur.com/6RMhx.gif'
        }
      },
      // 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
    
});

</script>
 {/block:IndexPage}
    </body>
</html>

Boxes Grid Theme

 
 
<html>
    <head>
        <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}

<link href='http://fonts.googleapis.com/css?family=Abel|Contrail+One|Great+Vibes' rel='stylesheet' type='text/css'>

    <style type="text/css">

#toTop {
    width:100px;
        border:1px solid #000;
        background:#fff;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#000;
        font-family:verdana; 
        font-size:10px;
}

    
        body {

background:url('http://www.snazzyspace.com/defaultimages/121921_twilight-cast.gif') repeat #FFFFFF;
background-attachment:fixed;

			margin:25px 0;



			text-align:center;

			font:11px 'Abel';
            
			color:000;

		}

#container {
        margin:0 auto;
        width:1100px;
}


a, a:active, a:visited, a:link {
        color:#737373;
        font-weight:bold;
        text-decoration:none;

        }
        
        a:hover {
                color:#000;
                }

a img {
        border:0;
        }
        
.post, .descriptions, .notes {
        text-align:left;
        background:#fff;
        padding:5px;
        width:250px;
        margin:5px 5px 5px 0;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
    position:relative;
    border-radius:6px;
    -moz-border-radius:6px;
    border:5px solid #f5f5f5;
}

.box {
    float:left;
    overflow:hidden;
    }
    
    .notes {
            float:left;
            }


.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:white;
        width:1080px;
        height:48px;
        padding:5px;
        position:relative;
            border-radius:6px;
    -moz-border-radius:6px;
    border:5px solid #f5f5f5;
}

#header p#description {
        padding:0;
        margin:0;
        right:120px;
        top:10px;
        position:absolute;
        font:21px 'Great Vibes';
}

#topNav {
        position:absolute;
        right:20px;
        bottom:5px;
}

#topNav a {
        margin: 0 15px 0 0;
}

#logo {
        position:absolute;
        top:5px;
        left:5px;
        }
        
        #header h1 {
                position:absolute;
                top:23px;
                left:59px;
                text-transform:uppercase;
                font:20px 'Abel';
                letter-spacing:-1px;
                font-weight:bold;
                margin:0;
                padding:0;
        }
        
        .hov {
            display:none;
            position:absolute;
            background:#d9d9d9;
            padding:10px;
            width:250px;
            top:-5px;
            text-align:center;
            left:-5px;
                border-radius:6px;
    -moz-border-radius:6px;
        }
        
        .post:hover .hov {
                display:block;
                }
                
@keyframes shake{ 
0% { transform: translate(2px, 1px) rotate(0deg); } 
10% { transform: translate(-1px, -2px) rotate(-1deg); } 
20% { transform: translate(-3px, 0px) rotate(1deg); } 
30% { transform: translate(0px, 2px) rotate(0deg); } 
40% { transform: translate(1px, -1px) rotate(1deg); } 
50% { transform: translate(-1px, 2px) rotate(-1deg); } 
60% { transform: translate(-3px, 1px) rotate(0deg); } 
70% { transform: translate(2px, 1px) rotate(-1deg); } 
80% { transform: translate(-1px, -1px) rotate(1deg); } 
90% { transform: translate(2px, 2px) rotate(0deg); } 
100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-moz-keyframes shake{ 
0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 

.shake{ 
display:inline-block; 
} 

.shake:hover, 
.shake:focus{ 
animation-name: shake; 
animation-duration: 0.8s; 
transform-origin:50% 50%; 
animation-iteration-count: infinite; 
animation-timing-function: linear; 

-moz-animation-name: shake; 
-moz-animation-duration: 0.8s; 
-moz-transform-origin:50% 50%; 
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear; 

-webkit-animation-name: shake; 
-webkit-animation-duration: 0.8s; 
-webkit-transform-origin:50% 50%; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear; 
}


.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}


#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


    </style>
    </head>
    <body>
<div id="toTop">Back to Top</div>
<a style="position:absolute;z-index:1338; !important;top:55px;right:3px;" href="http://www.snazzyspace.com/generators/viewer-counter/" title="Tumblr Viewer Counter" target="_blank"><img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1338125366/style=5/counter.png" border="0"></a>

<div id="container" class="transitions-enabled infinite-scroll clearfix">

    <div id="header">
        <div id="logo">
        <img src="{PortraitURL-48}" />
        </div>
        <h1>{Title}</h1>

                        {block:Description}
                         <p id="description">{Description}</p>
                        {/block:Description}
                        
 <div id="topNav">                       
 <a href="/">Home</a>
{block:AskEnabled}
                    <a href="/ask"> {AskLabel}</a>
{/block:AskEnabled}                    
{block:SubmissionsEnabled} 
                    <a href="/submit"> {SubmitLabel}</a>
{/block:SubmissionsEnabled}
</div>
    </div>


                
                    <div id="holder">
            {block:Posts}
                {block:Text}
                    <div class="box shake post text">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                        
                        
                    </div>               
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </div>
              
                {/block:Text}

                {block:Photo}
                    <div class="box shake post photo">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                       
                        
                    </div>                              
                        <a href="{LinkURL}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>

                    </div>
                {/block:Photo}

                {block:Photoset}
                    <div class="box shake post photoset">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                       
                        
                    </div>                                        
                        {Photoset-250}

                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="box shake post quote">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                       
                        
                    </div>                                       
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </div>
                {/block:Quote}

                {block:Link}
                    <div class="box shake post link">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                         
                        
                    </div>                                     
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="box shake post chat">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                         
                        
                    </div>                                      
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="box shake post video">
                    <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                        
                        
                    </div>                                      
                        {Video-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="box shake post audio">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                         
                        
                    </div>                                        
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Audio}
            {/block:Posts}
            
            {block:PostNotes}{PostNotes}{/block:PostNotes}
 
 
        </div>
        </div>
        
        <nav id="page-nav">
  <a href="/page/2"></a>
</nav>
        <a style="position: fixed; z-index: 1999; top: 0px; left: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge.png" alt="A snazzyspace.com Theme" border="0"></a> <a style="position: fixed; z-index: 1999; bottom: 100px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge_2.png" alt="A snazzyspace.com Theme" border="0"></a><a style="position: absolute; z-index: 10; top: 26px; right: 3px;" href="http://www.snazzyspace.com/tumblr" target="_blank" class="install_but"><img src="http://www.snazzyspace.com/img/install_theme.png" border="0"></a><a style="position: fixed; z-index: 1998; top: 0px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/pixel.gif" width="50" border="0" height="900"></a>
        
        
<script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>

{block:IndexPage} 
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>
{/block:IndexPage}
<script type="text/javascript">

$(function() {
    $(window).scroll(function() {
		if($(this).scrollTop() != 0) {
			$('#toTop').fadeIn();	
		} else {
			$('#toTop').fadeOut();
		}
	});
 
	$('#toTop').click(function() {
		$('body,html').animate({scrollTop:0},800);
	});	
});

{block:IndexPage} 
$(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 pages to load.',
          img: 'http://i.imgur.com/6RMhx.gif'
        }
      },
      // 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
    
});

</script>
{/block:IndexPage}
    </body>
</html>

Skinny White Theme

 
<html>
    <head>
        <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}


<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

    <style type="text/css">

    	body {

background:url('http://www.snazzyspace.com/defaultimages/121921_twilight-cast.gif') repeat #FFFFFF;
background-attachment:fixed;

			margin:25px 0;



			text-align:center;

			font:11px 'Helvetica', serif;

			color:000;

		}

#container {
        margin:0 auto;
        width:270px;
}


a, a:active, a:visited, a:link {
        color:#737373;
        font-weight:bold;
        text-decoration:none;

        }
        
        a:hover {
                color:#000;
                }

a img {
        border:0;
        }
        
.post, .descriptions, .notes {
        text-align:left;
        background:#fff;
        padding:5px;
        width:250px;
        margin:5px 0;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
    position:relative;
    border-radius:6px;
    -moz-border-radius:6px;
    border:5px solid #f5f5f5;
}

.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:white;
        width:250px;
        height:48px;
        padding:5px;
        position:relative;
            border-radius:6px;
    -moz-border-radius:6px;
    border:5px solid #f5f5f5;
}


#logo {
        position:absolute;
        top:5px;
        left:5px;
        }
        
        #header h1 {
                position:absolute;
                top:23px;
                left:59px;
                text-transform:uppercase;
                font:20px helvetica, arial;
                letter-spacing:-1px;
                font-weight:bold;
                margin:0;
                padding:0;
        }
        
        .hov {
            display:none;
            position:absolute;
            background:#d9d9d9;
            padding:10px;
            width:250px;
            top:-5px;
            text-align:center;
            left:-5px;
                border-radius:6px;
    -moz-border-radius:6px;
        }
        
        .post:hover .hov {
                display:block;
                }
                
@keyframes shake{ 
0% { transform: translate(2px, 1px) rotate(0deg); } 
10% { transform: translate(-1px, -2px) rotate(-1deg); } 
20% { transform: translate(-3px, 0px) rotate(1deg); } 
30% { transform: translate(0px, 2px) rotate(0deg); } 
40% { transform: translate(1px, -1px) rotate(1deg); } 
50% { transform: translate(-1px, 2px) rotate(-1deg); } 
60% { transform: translate(-3px, 1px) rotate(0deg); } 
70% { transform: translate(2px, 1px) rotate(-1deg); } 
80% { transform: translate(-1px, -1px) rotate(1deg); } 
90% { transform: translate(2px, 2px) rotate(0deg); } 
100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-moz-keyframes shake{ 
0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 

@-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 

.shake{ 
display:inline-block; 
} 

.shake:hover, 
.shake:focus{ 
animation-name: shake; 
animation-duration: 0.8s; 
transform-origin:50% 50%; 
animation-iteration-count: infinite; 
animation-timing-function: linear; 

-moz-animation-name: shake; 
-moz-animation-duration: 0.8s; 
-moz-transform-origin:50% 50%; 
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear; 

-webkit-animation-name: shake; 
-webkit-animation-duration: 0.8s; 
-webkit-transform-origin:50% 50%; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear; 
}

#toTop {
    width:100px;
        border:1px solid #000;
        background:#fff;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#000;
        font-family:verdana; 
        font-size:10px;
}
    </style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(window).scroll(function() {
		if($(this).scrollTop() != 0) {
			$('#toTop').fadeIn();	
		} else {
			$('#toTop').fadeOut();
		}
	});
 
	$('#toTop').click(function() {
		$('body,html').animate({scrollTop:0},800);
	});	
});
</script>
    </head>
    <body>
<div id="toTop">Back to Top</div>
<a style="position:absolute;z-index:1338; !important;top:55px;right:3px;" href="http://www.snazzyspace.com/generators/viewer-counter/" title="Tumblr Viewer Counter" target="_blank"><img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1338125366/style=5/counter.png" border="0"></a>


    <div id="container">
    <div id="header">
        <div id="logo">
        <img src="{PortraitURL-48}" />
        </div>
        <h1>{Title}</h1>


    </div>

                <div class="shake descriptions">
 
                        {block:Description}
                         <p id="description">{Description}</p>
                        {/block:Description}
                </div>
                
                <div class="shake descriptions">
                    <a href="/">Home</a>
{block:AskEnabled}
                    <a href="{URL}/ask"> {AskLabel}</a>
{/block:AskEnabled}                    
{block:SubmissionsEnabled} 
                    <a href="{URL}/submit"> {SubmitLabel}</a>
{/block:SubmissionsEnabled}

                </div>
            {block:Posts}
                {block:Text}
                    <div class="shake post text">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                        
                        
                    </div>               
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </div>
              
                {/block:Text}

                {block:Photo}
                    <div class="shake post photo">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                       
                        
                    </div>                              
                        <a href="{LinkURL}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>

                    </div>
                {/block:Photo}

                {block:Photoset}
                    <div class="shake post photoset">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                       
                        
                    </div>                                        
                        {Photoset-250}

 
                    </div>
                {/block:Photoset}

                {block:Quote}
                    <div class="shake post quote">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                       
                        
                    </div>                                       
                        "{Quote}"

  
                    </div>
                {/block:Quote}

                {block:Link}
                    <div class="shake post link">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                         
                        
                    </div>                                     
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </div>
                {/block:Link}

                {block:Chat}
                    <div class="shake post chat">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                         
                        
                    </div>                                      
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Chat}

                {block:Video}
                    <div class="shake post video">
                    <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                        
                        
                    </div>                                      
                        {Video-250}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Video}

                {block:Audio}
                    <div class="shake post audio">
                   <div class="hov">
                        {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a>                         
                        
                    </div>                                        
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Audio}
            {/block:Posts}
            
            {block:PostNotes}{PostNotes}{/block:PostNotes}
 
 
        </div>
        <a style="position: fixed; z-index: 1999; top: 0px; left: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge.png" alt="A snazzyspace.com Theme" border="0"></a> <a style="position: fixed; z-index: 1999; bottom: 100px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge_2.png" alt="A snazzyspace.com Theme" border="0"></a><a style="position: absolute; z-index: 10; top: 26px; right: 3px;" href="http://www.snazzyspace.com/tumblr" target="_blank" class="install_but"><img src="http://www.snazzyspace.com/img/install_theme.png" border="0"></a><a style="position: fixed; z-index: 1998; top: 0px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/pixel.gif" width="50" border="0" height="900"></a>
    </body>
</html>

Tumblr Theme Skinny Code

 
<html>
<head> <title>{block:PostTitle}{PostTitle} -{/block:PostTitle} {Title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<meta name="if:Show Notes" content="1" />
<meta name="if:Submit" content="1"/>
<meta name="if:Show RSS Link" content="1" /> 
</head>


<style type="text/css">


body {
color: #191919;
background:url('http://www.snazzyspace.com/defaultimages/121921_twilight-cast.gif') repeat #FFFFFF;
background-attachment:fixed;
font: normal 12px/1.5em arial;
margin: 0;
text-align:center;
padding: 3em 0 0;      
}


        #title {
			width:408px;
			font-size:160%;
			text-align:left;
			height:70px;
			margin:0 auto;
		}

a, a:visited, a:active {
color: #191919;
text-decoration: none;


}

a:hover {
	color: #666;
	text-decoration: none;
}
    
a img {
border: 0;

}

h2, h3, h4, h6 {

font-weight: normal;

}


.tittle a{
	font-size:12px;
	text-decoration:none;
	font-weight:700;
}
p, ul, ol {
margin: 1em 0 1em;

}

ul, ol, blockquote {
padding-left: 0.50em;
margin-left: 2.5em;

}

blockquote {
display: block;


}

ul {
list-style: square;

}

ol {
list-style: none;

}
    
a img{
border: 0;

}   
ol.notes {
	 padding:1px;margin:1px 1px;list-style-type:none;border-bottom:solid 1px #ccc;text-align:left; font-size:10px;}



      ol.notes li.note {border-top:solid 0px #ccc;padding:5px; }



      ol.notes li.note img.avatar {vertical-align:-4px;margin-right:10px;width:16px;height:16px;}



      ol.notes li.note span.action {font-weight:normal;}



      ol.notes li.note .answer_content {font-weight:normal;}



      ol.notes li.note blockquote {border-left:2px solid #eee;padding:4px 10px;margin:10px 0px 0px 25px;}



      ol.notes li.note blockquote a {text-decoration: none;}

			
#disqus_thread #dsq-content #dsq-comments .dsq-comment-header { 
background: transparent; 
border-bottom: 0px solid #CCC;
margin-left: 0;
    
}

#disqus_thread #dsq-content h3 { 
color: #333;
font-size: 1em;
text-transform: uppercase;
margin-top: 5em;

}

#disqus_thread #dsq-content #dsq-comments .dsq-comment-body, #disqus_thread #dsq-content #dsq-comments .dsq-comment-footer { 
margin-left: 0;

}

#disqus_thread #dsq-content #dsq-comments .dsq-comment-footer {
font-size: .8em;
text-transform: uppercase;

}
    
#disqus_thread #dsq-content #dsq-comments .dsq-comment-rate {
display: none; 
      
}
    
#disqus_thread #dsq-content #dsq-options-toggle { 
display: none; 
    
}

.speechbubble {
margin-right: .2em;
      
}
   
/* BASIC LAYOUT */
#contain{
	margin: 0 auto;
	margin-top:-15px;
width: 408px;
-moz-border-radius: 15px;
border-radius: 15px;




      
}


.navlist ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.navlist ul li {
	padding:0;
	margin:0;
}

.navlist ul li a, .navlist ul li a:visited, .navlist ul li a:active {
	display:block;
	font:10px arial;
	padding:2px 5px;
	margin:1px;
	color:#5e5e5e;
	}
	
	.navlist ul li a:hover {
		color:white;
		}
	
#footer-container {
margin: 0 auto;
width: 750px;
}

/* SIDEBAR */
#leftsidebar {
float: left;
margin:0 10px 0 0;
padding:5px;
width:128px;
text-align:center;
position:fixed;
background:#f1f1f1;
-moz-box-shadow: 0 0 10px #3a3a3a;
-webkit-box-shadow: 0 0 10px#3a3a3a;
box-shadow: 0 0 10px #3a3a3a;
-moz-border-radius: 5px;
border-radius: 5px;
color:#000;
   
}
    
li.dsq-widget-item { 
padding-bottom: 1em;
margin-bottom: 1em;
       
}
    
a.dsq-widget-user {
display: block; 
    
}

#leftsidebar p {
font-size: 11px;
line-height:13px;

}
















    

    

/* FOOTER */

#footer-container {
margin: 0;
font-size: .9em;
padding: 10px;
border-top: 0px solid #333;
width: 100%;

}


/* PREVIOUS-NEXT LINKS */  

#pagination {
padding-bottom:10px;



}

#pagination a, #pagination a:visited, #pagination a:active {
text-decoration: none;

}

#pagination #prev {
float:left;
font-size:14px;
font-weight:bold;

}

#pagination #next {
float:right;
margin-right:10px;
font-weight:bold;
font-size:14px;
margin-top:-20px;

}
#pagination .middle {
	display:block;
	padding-left:100px;
	
}


/* CONTENT */
    
#content {
padding:5px;
text-align:left;
margin-left:148px;
width: 250px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
background:#fff;
-moz-box-shadow: 0 0 10px #3a3a3a;
-webkit-box-shadow: 0 0 10px#3a3a3a;
box-shadow: 0 0 10px #3a3a3a;

      
}

#content .date {
color: #191919;
display: block;
font-size: 11.3px;
margin-bottom: 3px;
margin-right: 15px;
padding-bottom:10px;
margin-top:-4px;
     
}
#content .date a{
color: #191919;}
#content h2 a{
text-decoration: none;
    
}
    
.reblog {
display: block;
margin-bottom: 0px;
      
}

#toTop {
    width:100px;
        border:1px solid #000;
        background:#fff;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#000;
        font-family:verdana; 
        font-size:10px;
}
    
.post-footer {
display: block;
color: #191919;
font-size: .8em;
text-align: right;
margin-top: 3px;
padding:5px 0;
      
}

.post-footer .permalink {
margin-left: 1em;
text-decoration: underline;

}

.post-footer .permalink:hover {
text-decoration: none;

}
    
.post-footer .tags {
display: block;
text-transform: uppercase;
float: left;

}
    
.post-footer .when {
padding: 0 .2em 0 .5em;
color: #191919;
text-transform: uppercase;

}

.regular, .quote, .link, .photo, .conversation, .video, .audio {
margin: 0 0 0px;

}

.regular img{
margin-left: 1em;

}

#content h5 {
color: #191919;
font-size: 17px;
font-weight: bold;
padding: 0;



}

.link .arrow{
margin-left: .2em;

}

.link h5 a {
text-decoration: none;

}
    
.quote .words {
color: #191919;
font-size: 1.5em;
font-weight: bold;
text-align: justify;
display: block;
      
}

.quote .source {
display: block;
margin-top: 1em;
padding: 0;

}

.link .link-body, .quote .quote-body {
margin-top: 1em;
margin-bottom: 1em;

}
    
.quote .arrow, .reblog .arrow {
margin-right: .2em;

}

.conversation ul {
list-style: none;
padding: 0 1em 0 0;
margin-left: 0;
            
}
    
conversation ul li{
list-style: none;
padding: 0 1em;
            
}

.conversation ul li .person {
color: #191919;
font-weight: bold;
margin-right: 1em;

}

.video .embed {
width: 500px;

}
    
.photo .postphoto img {
border: 0px solid #BABABA;

}
    
.photo  a:hover img {
border: 0px solid #FFCC00;

}
    
.caption {
margin: .5em 0 1em 0;
    
}

.clear {
padding:0px;

}
.desc {
	text-align:left;
	font-size:10px;
	color:#535353;
}
#description{
	
	text-align:left;
	font-size:7px;
	color:#535353;
}
.tittle {
	color:#191919;}
#clearfooter { 
clear:both; 
height:115px; 
}
#foot {
	width:300px;
	height:41px;
	float:right;
	margin-top:0px;
margin-right: 13px;
background-color:none;

padding-top:10px;

padding-bottom:0px;

}
#foot .cred{
	width:300px;
height:21px;
background-color:#fff;
font-size:10px;
color:#686868;
padding-top:5px;
padding-left:17px;
padding-bottom:3px;
-moz-border-radius: 10px;
border-radius: 10px;

}


  #foot a{
	  color:#191919;
	  font-weight:700;
  }
  
  h1 {
			color:white;
			font-family: 'Pacifico', cursive;
			text-transform:lowercase;
			font-weight:normal;
			text-shadow:black 1px 1px 1px;
			}
    
</style>
{CustomCSS}

</style>

<!--[if lte IE 7]>

<style type="text/css">

#sidebar {
float: left;
margin: 0 0 1.5em;
width: 16em;
position: static;

}
    

		
#sidebar #other ul li { width: 98%; }
h4 { font-size: 1.1em; }



<![endif]-->

<!--End CSS-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(window).scroll(function() {
		if($(this).scrollTop() != 0) {
			$('#toTop').fadeIn();	
		} else {
			$('#toTop').fadeOut();
		}
	});
 
	$('#toTop').click(function() {
		$('body,html').animate({scrollTop:0},800);
	});	
});
</script>

</head>

<body>

<a style="position:absolute;z-index:1338; !important;top:55px;right:3px;" href="http://www.snazzyspace.com/generators/viewer-counter/" title="Tumblr Viewer Counter" target="_blank"><img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1338125366/style=5/counter.png" border="0"></a>

<div id="toTop">Back to Top</div>
		<div id="title">
				<h1>{Title}</h1>
		</div>

<div id="contain">

<div id="leftsidebar">
<a href="/"><img src="{PortraitURL-128}" width="128" height="128" alt="{Title}" border="0" /> </a>

     
<div class="navlist">

<ul>

<li class="first"><a href="/">Home</a></li>

{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}

         
<li><a href="/archive" id="archives">Archives</a></li>

<li><a href="/random">Random</a></li> 


{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}


<li><a href="http://www.snazzyspace.com/" id="theme">Theme</a></li>


				{block:HasPages}
					{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages} 
				{/block:HasPages}
				

</ul>
        
        {block:Description}
            <p class="desc">{Description}</p>
        {/block:Description}
		
</div> <!-- end navlist -->
      
</div> <!-- end leftsidebar div -->
    
<div id="content">
{block:Posts}

      
{block:Regular}
<div class="regular">
{block:Title}<h5>{Title}</h5>{/block:Title}
{Body}
{/block:Regular}
      
{block:Quote}
<div class="quote box">
<div class="quote-body">
<span class="words">{Quote}</span>

</div>
{/block:Quote}

{block:Link}
<div class="link box">
<h5><a href="{URL}" {Target}>{Name}</a></h5>
{/block:Link}
      
{block:Conversation}
<div class="conversation box">
{block:Title}<h5>{Title}</h5>{/block:Title}
<ul>
{block:Lines}
<li>
{block:Label}<span class="person">{Label}</span>{/block:Label}
<span class="line">{Line}</span>
</li>
{/block:Lines}
</ul>
{/block:Conversation}

{block:Photo}
<div class="photo box">
<span class="postphoto">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</span>


{/block:Photo}

{block:Video}
<div class="video box">
<div class="embed">{Video-250}</div>
{/block:Video}
      
{block:Audio}
<div class="audio box">
{AudioPlayerGrey}
{/block:Audio}
      

      
<div class="post-footer">
        

<span class="date">{TimeAgo}
{block:IfShowNotes}

                                {block:NoteCount} with <a title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
{/block:IfShowNotes} 
          


          
          
</div> <!-- end post footer -->
     
      
{block:Permalink}

<!-- Disqus Code Here -->
 {PostNotes}
      
{/block:Permalink}
   
</div> <!-- end single post -->    

     
{/block:Posts}
      
        {block:IndexPage}
         
    <div align="center">
        <img src="http://www.snazzyspace.com/images/loading.gif" />
    </div>
 {/block:IndexPage}
    
</div> <!-- end content div -->

 
<div id="foot"><div class="cred">More themes at <a href="http://www.snazzyspace.com">Tumblr Themes</a></div></div>
 <!-- end containing div --></div></div>

         {block:IndexPage}
         
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
 {/block:IndexPage}

       <a style="position: fixed; z-index: 1999; top: 0px; left: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge.png" alt="A snazzyspace.com Theme" border="0"></a> <a style="position: fixed; z-index: 1999; bottom: 100px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/badge_2.png" alt="A snazzyspace.com Theme" border="0"></a><a style="position: absolute; z-index: 10; top: 26px; right: 3px;" href="http://www.snazzyspace.com/tumblr" target="_blank" class="install_but"><img src="http://www.snazzyspace.com/img/install_theme.png" border="0"></a><a style="position: fixed; z-index: 1998; top: 0px; right: 0px;" href="http://www.snazzyspace.com/" target="_blank" class="trans_col"><img src="http://www.snazzyspace.com/img/pixel.gif" width="50" border="0" height="900"></a>
 

</body>

</html>

Tumblr Cursors

View all tumblr cursors →

Floating Hearts

Fluoro Scoller Image Effect

Static Image Effect

Heartogram Image Effect

Electric Beats Image Effect

Fluoro Flasher Image Effect

Black and White Flasher Image Effect

Water Reflection Image Effect

See more photo effects →