Advertisement
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><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Lato:300,400:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <style type="text/css">
- ::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
- ::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }
- body {
- background:#222222;
- cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;
- }
- a {
- text-decoration: none;
- color: #eee;
- }
- body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
- #header {
- width: 758px;
- margin: auto;
- }
- #headertitle {
- text-align: left;
- color: #eee;
- font-family: 'Lato', sans-serif;
- font-size: 40px;
- font-weight: 300;
- margin-bottom: 5px;
- margin-top: 80px;
- letter-spacing: 5px;
- padding-left: 25px;
- }
- #headerlinks {
- display:inline-block;
- text-align: right;
- margin-right: 33px;
- margin-top: -25px;
- }
- #headerlinks a {
- display:inline-block;
- margin-left: 20px;
- color: #eee;
- font-family: 'Lato', sans-serif;
- letter-spacing: 1.5px;
- font-size: 10px;
- text-transform: uppercase;
- text-align: right;
- text-decoration: none;
- }
- #con {
- width: 758px;
- margin: auto;
- }
- #pannel {
- width: 192px;
- border: #ccc double 4px;
- margin: 25px;
- display:inline-block;
- float: left;
- }
- .title {
- padding-top: 10px;
- background-color: #5a5a5a;
- text-align: center;
- color: #eee;
- font-family: 'Lato', sans-serif;
- letter-spacing: 1.5px;
- padding-bottom: 12px;
- font-weight: 300;
- font-size: 14px;
- word-wrap:break-word;
- }
- #links a {
- text-align: center;
- color: #eee;
- font-family: 'Lato', sans-serif;
- border-top: 1px solid #ccc;
- padding-top: 7px;
- padding-bottom: 8px;
- font-size: 12px;
- display:block;
- letter-spacing: 1px;
- text-decoration: none;
- word-wrap:break-word;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #links a:hover {
- letter-spacing: 4px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- </style></head><body>
- <div id="header">
- <div id="headertitle">Tags</div>
- <div id="headerlinks" style="float:right;">
- <a href="/">back to blog</a>
- <a href="/ask">ask</a>
- <a href="/">dashboard</a>
- </div>
- <div style="border-top:1px solid #ccc; width: 700px; margin-left: 25px; margin-bottom: 30px"></div>
- </div>
- <div id="con">
- <div id="pannel">
- <div class="title">Title</div>
- <div id="links">
- <a href="/">Link #1</a>
- <a href="/">Link #2</a>
- <a href="/">Link #3</a>
- <a href="/">Link #4</a>
- <a href="/">Link #5</a>
- <a href="/">Link #6</a>
- <a href="/">Link #7</a>
- </div>
- </div>
- <div id="pannel">
- <div class="title">Title</div>
- <div id="links">
- <a href="/">Link #1</a>
- <a href="/">Link #2</a>
- <a href="/">Link #3</a>
- <a href="/">Link #4</a>
- <a href="/">Link #5</a>
- <a href="/">Link #6</a>
- <a href="/">Link #7</a>
- </div>
- </div>
- <div id="pannel">
- <div class="title">Title</div>
- <div id="links">
- <a href="/">Link #1</a>
- <a href="/">Link #2</a>
- <a href="/">Link #3</a>
- <a href="/">Link #4</a>
- <a href="/">Link #5</a>
- <a href="/">Link #6</a>
- <a href="/">Link #7</a>
- </div>
- </div>
- <div id="pannel">
- <div class="title">Title</div>
- <div id="links">
- <a href="/">Link #1</a>
- <a href="/">Link #2</a>
- <a href="/">Link #3</a>
- <a href="/">Link #4</a>
- <a href="/">Link #5</a>
- <a href="/">Link #6</a>
- <a href="/">Link #7</a>
- </div>
- </div>
- <div id="pannel">
- <div class="title">Title</div>
- <div id="links">
- <a href="/">Link #1</a>
- <a href="/">Link #2</a>
- <a href="/">Link #3</a>
- <a href="/">Link #4</a>
- <a href="/">Link #5</a>
- <a href="/">Link #6</a>
- <a href="/">Link #7</a>
- </div>
- </div>
- <div id="pannel">
- <div class="title">Title</div>
- <div id="links">
- <a href="/">Link #1</a>
- <a href="/">Link #2</a>
- <a href="/">Link #3</a>
- <a href="/">Link #4</a>
- <a href="/">Link #5</a>
- <a href="/">Link #6</a>
- <a href="/">Link #7</a>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#con');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#pannel',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#post',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#content').show(500);
- });
- </script>
- <div style="font-size:8px; font-family:georgia; letter-spacing:2px; background-color:#222222; padding:5px; border:1px solid #e9e9e9; position:fixed; right:15px; bottom:10px; color: #eee;"><a href="http://www.castiiel.tumblr.com">221b</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement