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>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
- {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>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.posts',
- columnWidth: 210
- });
- });
- $container.infinitescroll({
- navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage",
- itemSelector : '.posts',
- loading: {
- finishedMsg: ' ',
- img: ' '
- }
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {/block:IndexPage}
- </head>
- <style type="text/css">
- #tumblr_controls {position:fixed !important;}
- #tumblr_controls {position:fixed !important;}
- #tumblr_controls {position:fixed !important;}
- body{
- background-color:#dadada;
- background-image: url('http://static.tumblr.com/necydca/HKemk4trg/001bg.png');
- background-attachment:fixed;
- color:#999;
- font-family: "04b03";
- font-size:8px;
- line-height:9px;
- font-weight:normal;
- text-transform: uppercase;
- font-weight: normal;
- }
- @font-face {
- font-family: "04b03";
- src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
- }
- #main{
- margin: 0 auto;
- margin-top:0px;
- width:800px;
- background-color:#eee;
- border: 1px solid #000;
- }
- #header{ margin-top:-30px;
- width:800px; height: 150px;
- background-image: url("http://static.tumblr.com/necydca/7Zimk4tqo/001header.png");
- position:fixed;
- z-index:1;
- }
- #sidebar{
- float: left;
- height:100%;
- width: 200px;
- padding:0px;
- margin-top:2px;
- margin-left:5px;
- position:fixed;
- margin-top:125px;
- }
- #content{
- position:left;
- width: 500px;
- padding:5px;
- margin-top: 0px;
- margin-left: 217px;
- margin-top:120px;
- }
- #sidebar2{
- position:absolute;
- height:100%;
- width: 150px;
- padding:0px;
- margin-top:5px;
- margin-left:645px;
- position:fixed;
- margin-top:125px;
- }
- #footer{
- clear:both;
- }
- .posts {
- float: right;
- width: 200px;
- overflow: auto;
- margin-left: 5px;
- }
- .postbox {
- background: #dfdfdf;
- border: 1px solid #eee;
- display: block;
- text-align: justify;
- overflow: hidden;
- padding: 5px;
- margin-bottom: 10px;
- }
- .box{
- background-color:#dfdfdf;
- border: 1px solid #eee;
- width:205px;padding:3px;
- padding:5px;
- }
- .box2{
- background-color:#dfdfdf;
- border: 1px solid #eee;
- width:135px;padding:3px;
- padding:5px;
- }
- #permalink{
- display:block;
- padding:1px;
- margin-top:0px;
- margin-bottom:0px;
- text-align:center;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #5e264c;
- }
- ::-webkit-scrollbar {
- width: 10px; height: 4px;
- background: #111;
- }
- a:link, a:active, a:visited{color:#72849f; text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
- a:hover{color:#444; text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
- h1{
- color:#fff;
- font-family: "04b03";
- font-size:8px;
- text-align:center;
- padding:2px; margin:0px;
- margin-bottom: 1px;
- padding-top:4px;
- font-weight:normal;
- background-color: #72849f;
- text-transform: uppercase;
- letter-spacing: 3px;
- border-bottom: 1px dashed #fff;
- }
- h2{
- color:#fff;
- font-family: "04b03";
- font-size:8px;
- text-align:center;
- padding:2px; margin:0px;
- margin-bottom: 1px;
- padding-top:4px;
- font-weight:normal;
- background-color: #9cd9d3;
- text-transform: uppercase;
- letter-spacing: 3px;
- border-bottom: 1px dashed #fff;
- }
- h3{
- color:#fff;
- font-family: "04b03";
- font-size:8px;
- text-align:center;
- padding:2px; margin:0px;
- margin-bottom: 1px;
- padding-top:4px;
- font-weight:normal;
- background-color: #dda6e1;
- text-transform: uppercase;
- letter-spacing: 3px;
- border-bottom: 1px dashed #fff;
- }
- h4{
- color:#fff;
- font-family: "04b03";
- font-size:8px;
- text-align:center;
- padding:2px; margin:0px;
- margin-bottom: 1px;
- padding-top:4px;
- font-weight:normal;
- background-color: #e38ce8;
- text-transform: uppercase;
- letter-spacing: 3px;
- border-bottom: 1px dashed #fff;
- }
- a.nav1, a.nav1:visited {
- margin:1px; padding:2px;
- text-align: center;
- font-family: "04b03";
- font-size:8px;
- color:#7d93b0;
- display: block;
- text-transform:uppercase;
- font-weight:normal; letter-spacing:1px;
- border-left: 5px solid #7d83b0;
- border-right: 5px solid #7d83b0;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- }
- a.nav1:hover {
- letter-spacing:2px;
- }
- a.nav2, a.nav2:visited {
- margin:1px; padding:2px;
- text-align: center;
- font-family: "04b03";
- font-size:8px;
- color:#7fd6ce;
- display: block;
- text-transform:uppercase;
- font-weight:normal; letter-spacing:1px;
- border-left: 5px solid #7fd6ce;
- border-right: 5px solid #7fd6ce;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- }
- a.nav2:hover {
- letter-spacing:2px;
- }
- a.nav3, a.nav3:visited {
- margin:1px; padding:2px;
- text-align: center;
- font-family: "04b03";
- font-size:8px;
- color:#edb0f1;
- display: block;
- text-transform:uppercase;
- font-weight:normal; letter-spacing:1px;
- border-left: 5px solid #edb0f1;
- border-right: 5px solid #edb0f1;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- }
- a.nav3:hover {
- letter-spacing:2px;
- }
- a.nav4, a.nav4:visited {
- margin:1px; padding:2px;
- text-align: center;
- font-family: "04b03";
- font-size:8px;
- color:#e184e7;
- display: block;
- text-transform:uppercase;
- font-weight:normal; letter-spacing:1px;
- border-left: 5px solid #e184e7;
- border-right: 5px solid #e184e7;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- }
- a.nav4:hover {
- letter-spacing:2px;
- }
- .quote{
- color:#7f94b1; margin:0px;
- font-family: "04b03";
- font-size:8px;
- line-height:9px;
- text-transform:uppercase;
- }
- .stuff{
- margin:1px; padding:4px;
- display: block;
- line-height:8px;
- text-align:center;
- margin-top:0px;
- margin-bottom:10px;
- }
- .stuff a{
- margin:0px; padding:5px;
- text-align:center;
- color:#fff; background-color:#7f94b1;
- font-family: "04b03";
- font-size:8px; line-height:10px;
- text-transform:uppercase;
- letter-spacing:0px; font-weight:normal;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- .stuff a:hover{
- color:#ffffff; background-color:#ecaff1;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- figure {
- display: block;
- position: relative;
- float: left;
- overflow: hidden;
- margin: 0px;}
- figcaption {
- position: absolute;
- padding: 5px; opacity: 0;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;}
- figure:hover figcaption {opacity:1;}
- .cap-bot figcaption {left: 0; bottom: -0%;}
- .cap-bot:hover figcaption {bottom: 0; margin-bottom:0px;}
- b, strong {color:#ecaff1; font-weight:normal;}
- i, em {color:#8397b3; font-style:normal;}
- u{color:#80cdc6;}
- .notesbox{
- width:350px;
- }
- ol.notes {
- font-size: 8px;
- display:block;
- text-decoration: none;
- background: #eee;
- list-style-type: none;
- border-bottom: 1px solid #eee;
- }
- ol {
- list-style-position: inside;
- -webkit-padding-start: 0px;
- }
- ol.notes li.note {
- border-bottom: solid 1px #ccc;
- padding: 4px;
- }
- ol.notes li.note img.avatar {
- width: 14px;
- padding: 2px;
- background: #ccc;
- margin-bottom: -4px;
- }
- </style>
- </head>
- <div style="position: fixed; left: 5px; bottom: 5px; background: #d8d8d8; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
- <div id="main">
- <div id="header">
- </div>
- <div id="sidebar">
- <div class="box">
- <img src="http://25.media.tumblr.com/tumblr_m68qbxzfeb1qkbmw5o1_500.gif" width=205>
- <h1>{title}</h1>
- {description}
- </div><p>
- <div class="box">
- <h2>navigation</h2>
- <a href="/" class="nav1">home</a>
- <a href="/" class="nav2">askme</a>
- <a href="/" class="nav3">archive</a>
- <a href="http://lovely-themes.com/" class="nav4">theme</a>
- </div><p>
- <div class="box">
- <h3>likes & dislikes</h3>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi.
- </div><p>
- </div>
- <div id="sidebar2">
- <div align="justify">
- <div class="box2">
- <h1>besties</h1><center>
- <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png" width=23> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png"> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png" width=23> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png"> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png">
- <center></div><p>
- <div class="box2">
- <h2>music</h2>
- <center><br>music player here</center>
- </div><p>
- <div class="box2">
- <h3>statistics</h3>
- <center>
- <script language="JavaScript">
- var ref = (''+document.referrer+'');
- document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2671172&e1=Online&e2=Online&r=' + ref + '"><\/script>');
- </script><br>
- <u>blog since:</u> 2011<br>
- <i>theme by:</i> <a href="http://lovely-themes.com/">lovely-themes</a>
- </center>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="posts">
- <div class="postbox">
- <figure class='cap-bot'>
- {block:Text}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Quote}
- {Quote}<p>
- {/block:Quote}
- {block:Answer}
- <b>{Asker}</b>: {Question}<br>
- {Answer}
- {/block:Answer}
- {block:Photo}
- <center>
- <img src="{PhotoURL-250}" width="200px" style="max-width: 188px;">
- </center>
- {/block:Photo}
- {block:Audio}
- {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
- {/block:ExternalAudio}
- <center>{AudioPlayerWhite}</center> <p>
- {/block:Audio}
- {block:Video}
- <center>{Video-250}</center><p>
- {/block:Video}
- {block:Photoset}
- <center>{Photoset-250}</center>
- {/block:Photoset}
- {block:Chat}
- <center>{block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}{block:Label}
- <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
- {/block:Chat}
- {block:Link}
- <a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:IndexPage}<figcaption class='cap-bot'>
- <div class="stuff">
- <center><a href="{reblogurl}" target="_blank">Reblog</a> <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
- </div></figcaption></figure>
- {/block:IndexPage}
- </div>
- </div>
- {block:PostNotes}
- <div class="notesbox">
- {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}">♥</a> posted by <a href="{ReblogRootURL}">©</a> {/block:RebloggedFrom} {PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- {block:IndexPage}
- <div class="column navigation" id="navigation">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
- </div>
- {/block:IndexPage}
- </div>
- </div>
- </div>
- </div>
- <div style="position: fixed; left: 5px; bottom: 5px; background: #000; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement