Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
- <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
- <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>
- {/block:NextPage}
- {block:NextPage}
- <div id="page-nav"><a href="{NextPage}"></a></div>
- {/block:NextPage}
- <script>
- jQuery(window).load(function(){
- var $wall = $('#content');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- singleMode: true,
- itemSelector: '#post'
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#post',
- },
- function( newElements ){
- $(newElements).hide();
- setTimeout(function(){
- $wall.masonry({ appendedContent: $(newElements) });
- },2000);
- setTimeout(function(){
- $(newElements).fadeIn('fast');
- },1800);
- },200);
- });
- </script>
- <script>
- $.fn.imagesLoaded = function(callback){
- var elems = this.find('img'),
- len = elems.length,
- _this = this;
- if ( !elems.length ) {
- callback.call( this );}
- elems.bind('load',function(){
- if (--len <= 0){
- callback.call( _this );}
- }).each(function(){
- // cached images don't fire load sometimes, so we reset src.
- if (this.complete || this.complete === undefined){
- var src = this.src;
- // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
- // data uri bypasses webkit log warning (thx doug jones)
- this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
- this.src = src;}
- });
- return this;};
- </script>
- <script>
- function jumpScroll() {
- window.scroll(0,300); // horizontal and vertical scroll targets
- }
- </script>
- <script>
- function jumpScroll2() {
- window.scroll(0,100); // horizontal and vertical scroll targets
- }
- </script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <style>
- body, td, p { font: 10px/8px pixel;}
- @font-face {font-family: "pixelfont"; src: url('http://static.tumblr.com/vwu5l8p/jq4n419ki/04b_03__.ttf');}
- /* This theme was made by mckenzie@glosslovin under no circumstances may you
- redistripute this theme*/
- body {
- background-image:url('http://static.tumblr.com/vwu5l8p/Li9n3w36o/9.png');
- margin:0px;
- color:#0074ee;
- background-attachment: fixed;
- }
- #top { position:fixed;
- top:0px;
- margin:0px;
- background-image:url('http://static.tumblr.com/vwu5l8p/aEGn41d3c/header.png');
- height:80px;
- width:100%;
- }
- #behind { position:fixed;
- background-color:#d9d9d9;
- width:679px;
- height:210px;
- z-index:1;
- }
- #outsidecontainer { position: fixed;
- top: 0px; left: 0px; width: 100%;
- background-image:url('http://static.tumblr.com/vwu5l8p/aEGn41d3c/header.png');
- height:25px;
- z-index:1;
- }
- #container { position:relative;
- margin:0 auto;
- background-color:#d9d9d9;
- width:679px;
- border:4px double #e8e8e8;
- min-height:500px;
- overflow:hidden;
- margin-top:20px;
- }
- #banner{ position:fixed;
- width:670px;
- height:200px;
- padding:2px;
- margin-left:309px;
- margin-top:-2px;
- z-index:1;
- }
- #header { position:fixed;
- width:300px;
- height:200px;
- padding:3px;
- border:1px solid#e8e8e8;
- background-color:#d9d9d9;
- z-index:1;
- }
- #stats { position:relative;
- float:left;
- width:352px;
- margin-left:2px;
- height:200px;
- padding:3px;
- border:1px solid#e8e8e8;
- background-color:#d9d9d9;
- }
- .navigation { width:352px;
- padding:3px;
- margin-top:-7px;
- margin-left:5px;
- }
- a.nav { -webkit-border-bottom-right-radius: 50px;
- -webkit-border-bottom-left-radius: 50px;
- -moz-border-radius-bottomright: 50px;
- -moz-border-radius-bottomleft: 50px;
- border-bottom-right-radius: 50px;
- border-bottom-left-radius: 50px;
- background-color:#e4e4e4;
- padding:9px;
- display:block;
- width:30px;
- text-decoration:none;
- text-align:center;
- float:left;
- color:#00abfa;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- a.nav:hover { height:30px;
- color:#0074f6;
- }
- .about { width:166px;
- background-color:#e4e4e4;
- padding:5px;
- height:130px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- margin-top:60px;
- color:#0074f6;
- padding:5px;
- text-align:justify;
- font-family:pixelfont;
- font-weight:normal;
- font-size:8px;
- border-bottom:3px solid #d4d4d4;
- text-transform:uppercase;
- }
- .about span { margin-left:5%;
- }
- h1 { width:100px;
- margin:0px;
- padding:3px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- background-color:#d4d4d4;
- margin-left:70px;
- font-size:9px;
- margin-top:-5px;
- font-family:pixelfont;
- text-transform:uppercase;
- }
- .music { width:150px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- height:20px;
- padding:5px;
- background-color:#e4e4e4;
- margin-top:-140px;
- border-bottom:3px solid #d4d4d4;
- margin-left:180px;
- }
- .favourites {
- width:150px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- background-color:#e4e4e4;
- border-bottom:3px solid #d4d4d4;
- padding:5px;
- margin-left:180px;
- height:23px;
- }
- a.favs { float:left;
- width:5px;
- height:3px;
- display:block;
- padding:10px;
- border:1px solid #d4d4d4;
- background-color:#c9c9c9;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- -webkit-transition: all 0.8s ease-in;
- -moz-transition: all 0.8s ease-in;
- -ms-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- color:#c9c9c9;
- text-decoration:none;
- }
- a.favs:hover { background-color:#00a9fa;
- border:1px solid #0074f1;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -ms-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- text-decoration:none;
- color:#e4e4e4;
- }
- .stats {
- width:150px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- background-color:#e4e4e4;
- border-bottom:3px solid #d4d4d4;
- padding:5px;
- margin-left:180px;
- height:40px;
- color:#00abfa;
- }
- /*TUMBLR CODING*/
- #content { position: relative;
- float:left;
- margin-top:220px;
- width:700px;
- min-height: 800px !important;
- }
- #post {
- float: left;
- padding:4px;
- background:#06cbff;
- border:1px solid#dadada;
- width:155px;
- {block:permalinkpage}
- width: 670px ;}
- {/block:permalinkpage}
- margin: 2px;
- overflow:hidden;
- }
- #post:hover .photoreblog {opacity: 1;}
- {block:indexpage}
- #post img, #post iframe { max-width: 155px !important;}
- {/block:indexpage}
- .text { padding:5px; background-color:#e0e0e0; border-left:3px solid#3c5b52-webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- border-bottom:1px solid#ff7fe2;
- color:#0074ee;
- font-size:9px;
- }
- a { color:#eee;}
- h2 { margin:0px;
- background-color:#06cbff;
- font-size:9px;
- color:#eee;
- text-decoration:none;
- font-family:silkscreen;
- }
- .ask { padding:3px; margin-left:20px;
- }
- .ask img { background-color:#e7e7e7;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- border-right:3px solid #f0f0f0;}
- .question { float:left; width:145px; padding:2px; background-color:#00abfa; font-size:9px; font-family:silkscreen; margin-left:5px; margin-top:-30px;
- border:1px solid #0079fd; color:#eee; border-bottom:2px solid#00abfa; font-size:9px; font-family:arial; overflow:hidden; margin-bottom:8px;}
- .link {padding:5px; border-left:3px solid#3c5b52-webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- color:#0074ee;
- font-size:9px;}
- .source {
- margin-top:3px;
- color:#0074ee;
- background-color:#06cbff;
- text-align:center;
- }
- /*POST REBLOGS*/
- a.reblog3 {
- float:left;
- margin-left:2px;
- color:#ffffff;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- width:40px;
- display:block;
- padding:3px;
- border-radius: 20px;
- text-decoration:none;
- -webkit-transition: all 2s ease;
- -moz-transition: all 2s ease;
- -ms-transition: all 2s ease;
- -o-transition: all 2s ease;
- transition: all 2s ease;
- font-family:silkscreen;
- background-color:#06cbff;
- font-size:9px;
- text-align:center;
- }
- a.reblog3:hover {
- color:#06cbff;
- background-color:#0074ee;
- }
- .reblogg { margin-top:10px; padding:3px; }
- .rebloggvideo { font-size:9px; font-family:arial; margin-top:5px; padding:3px;}
- .photoreblog{ position:absolute; opacity:0; left:-0px; width:190px; height:20px; z-index:8; top:0px; -webkit-transition: all 0.8s ease-in;
- -moz-transition: all 0.8s ease-in;
- -ms-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in; }
- a.reblogphoto {float:left; padding:3px; color:#fff; font-size:9px; font-family:silkscreen; display:block; -webkit-transition: all 2s ease; background-color:#06cbff;
- -moz-transition: all 2s ease; text-decoration:none;
- -ms-transition: all 2s ease;
- -o-transition: all 2s ease;
- transition: all 2s ease; }
- a.reblogphoto:hover { color:#0074ee;}
- </style>
- <div id="top"></div>
- <div id="outsidecontainer"></div>
- <div id="container">
- <div id="behind"></div>
- <div id="header">
- <img src="http://static.tumblr.com/vwu5l8p/K67n41d6z/header1.png">
- </div>
- <div id="banner">
- <div id="stats">
- <div class="navigation">
- <a href="/" class="nav">Home</a>
- <a href="/" class="nav">Link</a>
- <a href="/" class="nav">Link</a>
- <a href="/" class="nav">Link</a>
- <a href="/" class="nav">Link</a>
- <a href="/" class="nav">Link</a>
- <a href="http://glosslovin.tumblr.com" class="nav">Theme</a>
- </div>
- <div class="about">
- <span>
- Nulla facilisis vestibulum mauris, vitae porta tortor. Maecenas euismod mollis metus vel accumsan. Integer cursus commodo ipsum sit amet pretium. Maecenas condimentum varius felis, at eleifend lorem suscipit ac. Integer auctor vehicula tortor eget dignissim. Vivamus molestie mi lorem, a vulputate ipsum sodales accumsan. Nullam porta gravida vehicula. Praesent in volutpat tortor. In malesuada, dui eget dictum fermentum, eros nisi aliquam neque, et venenatis lacus est et metus.
- <h1>About</h1>
- </span>
- </div>
- <div class="music">
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="150" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
- <param name="bgcolor" value="#e4e4e4" />
- <param name="FlashVars" value="mp3=http%3A//flash-mp3-player.net/medias/another_world.mp3&bgcolor=e4e4e4&loadingcolor=009dfb&buttoncolor=009dfb&slidercolor=0074f1" />
- </object>
- </div>
- <div class="favourites">
- <a href="/" class="favs">1</a>
- <a href="/" class="favs">2</a>
- <a href="/" class="favs">3</a>
- <a href="/" class="favs">4</a>
- <a href="/" class="favs">5</a>
- </div>
- <div class="stats"><center>
- Name: {YOur name will go here}<br>
- #Tags: {Track your tags here}<br/>
- Blogging since: {When did you open your first/this blog}<br/>
- Follower count: {You dont need to add this} <br/>
- -x-x-x-
- </center>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div id="post">
- {block:Photo}
- {block:indexpage}
- <img src="{PhotoURL-500}">
- <div class="photoreblog">
- <a href="{reblogurl}" class="reblogphoto" target="_blank" >Reblog</a>
- <a href="{permalink}" class="reblogphoto">{notecountwithlabel}</a>
- </div>
- {/block:indexpage}
- {block:PermalinkPage}
- <center>
- <img src="{PhotoURL-500}"></center>
- <br>
- </center>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Text}
- <h2>{Title}</h2>
- <div class="text">
- {body}
- </div>
- {block:indexpage}
- <div class="reblogg">
- <a href="{reblogurl}" class="reblog3" target="_blank" >Reblog</a>
- <a href="{permalink}" class="reblog3">{notecountwithlabel}</a>
- </div>
- {/block:indexpage}
- {/block:Text}
- {block:Answer}
- <div class="ask">
- <img src="{AskerPortraitURL-30}">
- </div>
- <div class="question">
- <div style="margin-left:50px;">{Question}</div>
- <div style="color:#ffffff;" >{Answer}</div>
- </div>
- {/block:Answer}
- {block:Link}
- <h2><a href=""><a href="{URL}" target="_blank" class="main">{Name}</a></h2>
- <div class="link">
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- {block:indexpage}
- <div class="reblogg">
- <a href="{reblogurl}" class="reblog3" target="_blank" >Reblog</a>
- <a href="{permalink}" class="reblog3">{notecountwithlabel}</a>
- </div>
- {/block:indexpage}
- {/block:Link}
- {block:Quote}
- <b style=" font-size:9px; font-family:silkscreen; font-weight:normal;">"</b> <i style=" color:#fff;"> {Quote}</i> <b style=" font-size:9px; font-family:silkscreen; font-weight:normal;">"</b>
- {block:Source}
- <div class="source">
- {source}
- </div>
- {block:indexpage}
- <div class="reblogg">
- <a href="{reblogurl}" class="reblog3" target="_blank" >Reblog</a>
- <a href="{permalink}" class="reblog3">{notecountwithlabel}</a>
- </div>
- {/block:indexpage}
- {/block:Source}
- {/block:Quote}
- {block:Audio}
- {block:AudioEmbed} {AudioEmbed-250} {/block:AudioEmbed}
- <div class="rebloggvideo">Posted {MonthNumberWithZero}/{Year} // {NoteCount} Notes // <a href="{ReblogUrl}" target="_blank">Reblog</a></div>
- {/block:Audio}
- {block:Video}
- {VideoEmbed-250}
- <div class="rebloggvideo">Posted {MonthNumberWithZero}/{Year} // {NoteCount} Notes // <a href="{ReblogUrl}" target="_blank">Reblog</a></div>
- {/block:Video}
- {block:Photoset}
- {block:Photos}
- <img src="{PhotoURL-250}" style="width: 71px;
- margin: 2px; float: left;
- {block:if2column} width: 82px;{/block:if2column}">
- {/block:Photos}
- {/block:Photoset}
- <!--Captions//Notecount//Tags//Notes-->
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- {block:HasTags} ·
- {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}
- {/block:HasTags}
- {/block:PermalinkPage}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <!--End of Post blocking-->
- </div>
- </div>
- </body>
- </div>
Add Comment
Please, Sign In to add comment