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: 211
- });
- });
- $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">
- body {
- background-image: url('http://static.tumblr.com/necydca/jv7mkkixv/beach-sunset-689773.jpg');
- background-repeat: repeat;
- background-attachment: fixed;
- color:#999;
- font-family: "04b03";
- font-size:8px;
- line-height:9px;
- text-transform:uppercase;
- }
- @font-face {
- font-family: "04b03";
- src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
- }
- #container {
- width: 850px;
- display: block;
- margin: 0 auto;
- text-align: justify;
- overflow: hidden;
- margin-top:-8px;
- }
- #header {
- width: 850px;
- height:160px;
- margin: 0 auto;
- margin-top:-6px;
- }
- #content {
- width: 850px;
- display: block;
- margin: 0 auto;
- text-align: justify;
- overflow: hidden;
- float:left;
- margin-left:6px;
- margin-top:5px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #7ebcc7;
- }
- ::-webkit-scrollbar {
- width: 10px; height:5px;
- background: #fff;
- }
- .topbox {
- background: #fff;
- border: 1px solid #eee;
- display: block;
- overflow: auto;
- padding: 5px;
- width:270px;
- height:133px;
- margin-left:6px;
- margin-top:0px;
- float:left; display:block;
- }
- .topbox2 {
- background: #fff;
- border: 1px solid #eee;
- display: block;
- overflow: auto;
- padding: 5px;
- width:200px;
- height:133px;
- float:left;
- display:block;
- margin-left:10px;
- margin-top:0px;
- }
- .topbox3 {
- background: #fff;
- border: 1px solid #eee;
- display: block;
- overflow: auto;
- padding: 5px;
- width:90px;
- height:133px;
- float:left;
- display:block;
- margin-left:10px;
- margin-top:0px;
- }
- .posts {
- float: left;
- width: 205px;
- overflow: auto;
- margin-left: 0px;
- }
- .postbox {
- background: #fff;
- display: block;
- text-align: justify;
- overflow: hidden;
- padding: 5px;
- margin-bottom: 10px;
- }
- .notesbox {
- background: #fff;
- display: block;
- text-align: justify;
- overflow: hidden;
- padding: 5px;
- margin-bottom: 10px;
- margin-left: 10px;
- margin-right:186px;
- float: right;
- width: 400px;
- }
- a.navi:link, a.navi:active, a.navi:visited{
- font-family: "04b03";
- font-style: normal;
- font-size:8px;
- color: #fff;
- text-transform: uppercase;
- margin: 1px; padding: 1px;
- padding-left:5px;
- text-align: left;
- background-color:#ef5650;
- display:block;
- }
- a.navi:hover{
- letter-spacing:5px;
- }
- a.navi2:link, a.navi2:active, a.navi2:visited{
- font-family: "04b03";
- font-style: normal;
- font-size:8px;
- color: #fff;
- text-transform: uppercase;
- margin: 1px; padding: 1px;
- padding-left:5px;
- text-align: left;
- background-color:#fc8133;
- display:block;
- }
- a.navi2:hover{
- letter-spacing:5px;
- }
- a.navi3:link, a.navi3:active, a.navi3:visited{
- font-family: "04b03";
- font-style: normal;
- font-size:8px;
- color: #fff;
- text-transform: uppercase;
- margin: 1px; padding: 1px;
- padding-left:5px;
- text-align: left;
- background-color:#61b0ce;
- display:block;
- }
- a.navi3:hover{
- letter-spacing:5px;
- }
- a.navi4:link, a.navi4:active, a.navi4:visited{
- font-family: "04b03";
- font-style: normal;
- font-size:8px;
- color: #fff;
- text-transform: uppercase;
- margin: 1px; padding: 1px;
- padding-left:5px;
- text-align: left;
- background-color:#00103e;
- display:block;
- }
- a.navi4:hover{
- letter-spacing:5px;
- }
- h1{
- font-family: "04b03";
- font-weight: normal;
- font-size:8px;
- color: #00103e;
- text-decoration: none;
- text-transform: uppercase;
- text-align: center;
- margin: 1px;
- padding: 1px;
- border-bottom: 1px dashed #00103e;
- }
- h2{
- font-family: "04b03";
- font-weight: normal;
- font-size:8px;
- color: #fc8133;
- text-decoration: none;
- text-transform: uppercase;
- text-align: center;
- margin: 1px;
- padding: 1px;
- border-bottom: 1px dashed #fc8133;
- }
- h3{
- font-family: "04b03";
- font-weight: normal;
- font-size:8px;
- color: #61b0ce;
- text-decoration: none;
- text-transform: uppercase;
- text-align: center;
- margin: 1px;
- padding: 1px;
- border-bottom: 1px dashed #61b0ce;
- }
- h4{
- font-family: "04b03";
- font-weight: normal;
- font-size:8px;
- color: #00103e;
- text-decoration: none;
- text-transform: uppercase;
- text-align: center;
- margin: 1px;
- padding: 1px;
- border-bottom: 1px dashed #00103e;
- }
- a{
- color: #61b0ce;
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- a:hover{
- color:#000;
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- b, strong{color: #61b0ce; font-weight:normal;}
- u {color: #fc8133; text-decoration:none; border-bottom: 1px dashed;}
- i, em {color: #00103e; font-style:normal;}
- .info{
- display: block;
- background: #f8f8f8;
- padding: 2px;
- font-size:8px;
- text-transform: uppercase;
- }
- .info a {
- color: #fc8133;
- }
- .info a:hover{
- color: #00103e;
- }
- ol.notes {
- font-size: 8px;
- display:block;
- text-decoration: none;
- background: #eee;
- list-style-type: none;
- border-bottom: 1px solid #ccc;
- }
- 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: #eee;
- margin-bottom: -4px;
- }
- img.border{
- padding:4px; margin:0px;
- margin-right:2px;
- background-color: #fff;
- border:1px solid #fff;
- }
- img.border2{
- margin:0px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- }
- img.border2:hover{
- -webkit-border-radius: 30px;
- border-radius: 30px;
- -webkit-transition:0.5s; -moz-transition:0.5s;
- -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
- }
- </style>
- <body>
- <div id="container">
- <div id="header"><br>
- <div class="topbox">
- <img src="http://static.tumblr.com/necydca/SBGmkkcrc/sel.png" width=100 height=120 align=left class="border">
- <h2>about me</h2>
- {Description}
- </div>
- <div class="topbox3">
- <h2>navi</h3>
- <a href="/" class="navi">home</a>
- <a href="/" class="navi2">askme</a>
- <a href="/" class="navi3">archive</a>
- <a href="/" class="navi4">home</a><BR>
- <center>
- 2 online<br>
- blog since: 2012<Br>
- hits: 10835<br>
- theme: <a href="http://lovely-themes.com">lovely-themes</a>
- <center></div>
- <div class="topbox2">
- <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. AENEAN ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO SUSCIPIT VENENATIS. 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. LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT.
- </div>
- <div class="topbox2">
- <h4>favorites</h4><center>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/YbQmkkl63/aff1.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/ispmkkl73/aff2.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/hrPmkkl7p/aff3.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/B7Zmkkl8g/aff4.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/YbQmkkl63/aff1.png" class="border2"></a><br>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/YbQmkkl63/aff1.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/ispmkkl73/aff2.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/hrPmkkl7p/aff3.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/B7Zmkkl8g/aff4.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/YbQmkkl63/aff1.png" class="border2"></a><br>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/YbQmkkl63/aff1.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/ispmkkl73/aff2.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/hrPmkkl7p/aff3.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/B7Zmkkl8g/aff4.png" class="border2"></a>
- <a href="URLHERE"><img src="http://static.tumblr.com/necydca/YbQmkkl63/aff1.png" class="border2"></a><br>
- </center></div>
- </div>
- <Script Language='Javascript'>
- <!--
- document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%6C%65%66%74%3A%20%35%70%78%3B%20%62%6F%74%74%6F%6D%3A%20%35%70%78%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%30%30%30%3B%20%70%61%64%64%69%6E%67%3A%20%33%70%78%3B%20%74%65%78%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%20%75%70%70%65%72%63%61%73%65%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6C%6F%76%65%6C%79%2D%74%68%65%6D%65%73%2E%63%6F%6D%22%3E%74%68%65%6D%65%3C%2F%61%3E%3C%2F%64%69%76%3E'));
- //-->
- </Script>
- <div id="content">
- {block:Posts}
- <div class="posts">
- <div class="postbox">
- {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="195px" style="max-width: 195px;">
- </center>
- {/block:Photo}
- {block:Audio}
- {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
- {/block:ExternalAudio}
- <center>{AudioPlayerWhite}</center> <p>
- {/block:Audio}
- {block:Video}
- <center>{Video-500}</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}
- <div class="info">
- <center><a href="{reblogurl}" target="_blank">Reblog</a> ♥ <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
- </div>
- {/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} on {Month} {DayOfMonth},{Year} & has {NoteCountwithLabel} <p>{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>
- <Script Language='Javascript'>
- <!--
- document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%6C%65%66%74%3A%20%35%70%78%3B%20%62%6F%74%74%6F%6D%3A%20%35%70%78%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%30%30%30%3B%20%70%61%64%64%69%6E%67%3A%20%33%70%78%3B%20%74%65%78%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%20%75%70%70%65%72%63%61%73%65%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6C%6F%76%65%6C%79%2D%74%68%65%6D%65%73%2E%63%6F%6D%22%3E%74%68%65%6D%65%3C%2F%61%3E%3C%2F%64%69%76%3E'));
- //-->
- </Script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement