get paid to paste

tag page 01

<!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">
<!--- 
【ｙａｏｘｉａｎｇｓ】➜ Tag Page 01

↪by using the following code you agree to:
01. Keep the credit in the corner intact
02. Not move the credit to a secondary page
03. Editing is allowed as long as you keep the credit
04. Not claiming this code as yours
05. This code is not a base for your designs, if you need base codes you can search on tumblr, there's plenty.
06. Code is provided as-is. I will not answer to questions asking how to change, add or delete something, sorry.
07. Do not repost. Tumblr has a reblog button, use it. 

↪if you encounter issues related to my coding, feel free to contact me at yaoxiangs@tumblr
↪thanks for using!
---> 
<head>

<title>Tag Page > {Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
 
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Offside|Graduate);

::-webkit-scrollbar-thumb:vertical{
    background-color:#bbbbbb;
}
 
::-webkit-scrollbar-thumb:horizontal{
    background-color:#ffffff;
}
 
::-webkit-scrollbar{
    height:5px;
    width:5px;
    background-color:#e7e8e9;
}
  

body{
    color:#111111;
    background:#fafafa url('') fixed;
    font-family: 'Offside', tahoma, sans-serif;
    font-size:12px;
    }
    
a{
    color:;
    text-decoration:none;
    transition:all 0.3s linear;}

a:hover{
    color:;
    transition:all 0.3s linear;}
    
h1{
    color:#4f4f4f;
    font-size:12px;
    text-transform:uppercase;
    text-align:center;
    margin:0px auto 5px;
    font-weight:normal;
    background:#dddddd;
    display:block;
    padding:5px;}    
 
.kiru {
    position:fixed;
    bottom:0px;
    left:0px;
    height:100%;
    width:300px;
    background:#000000 url('http://media.tumblr.com/4d804b242d0a471f7b2c7983123b36d8/tumblr_inline_mok9wiKkZH1qz4rgp.png');
    }
    
.kura {
    margin-left:300px;
    padding-top:30px;
    padding-left:60px;
    width:60%;
    }
    
.iru {
    color:#f6f6f6;
    font-family: 'Graduate', tahoma, sans-serif;
    font-size:36px;
    letter-spacing:3px;
    margin:50px auto 10px;
    width:210px;
    text-align:center;
    text-shadow:3px 3px #222222;
    }          
    
.desc {
    display:block;
    width:200px;
    background:#dfdfdf;
    text-align:justify;
    color:#555555;
    font-size:10px;
    min-height:100px;
    margin:auto auto;
    padding:20px 10px;
    }
.desc::first-letter{font-size:20px;color:#252525;}
    
.meru{
    display:block;
    width:200px;
    margin:10px auto 0;
    text-align:center;}  
    
.meru a{
    color:#555555;
    border-left:10px solid #252525;
    border-right:10px solid #252525;
    background:#dfdfdf;
    display:block;
    margin-top:5px;}
    
.meru a:hover{
    color:#999999;
    border-left:30px solid #252525;
    border-right:30px solid #252525;}

#box{
    width:150px;
    min-height:30px;
    background:#eaeaea;
    padding:5px;
    margin:10px;
    color:#909090;
    line-height:12px;
    border:1px solid #cccccc;
    float:left;
    }
    
#box:hover{border:1px dashed #cccccc;}

#box a{
    display:block;
    color:#909090;
    border-bottom:1px solid #bbbbbb;}
#box a:hover{
    color:#363636;
    }
 
.credit,.credit a,.credit a:hover{
    position:fixed;
    right:5px;
    bottom:5px;
    font-size:10px;
    color:black;
    border-bottom:0px;
    opacity:0.8;}


{CustomCSS}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('.kura');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '#box',
});
});
$container.infinitescroll({
itemSelector : "#box",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true ); 
});
}
);
});
</script>
</head>

<body>
<!--- CREDIT, DON'T REMOVE --->
<div class="credit"><a href="http://yaoxiangs.tumblr.com" target="_blank"><img src="http://media.tumblr.com/b67ca521028196220f4766d7a0074e40/tumblr_inline_mp8c3lpk241qz4rgp.png"></a></div>

<!--- SIDEBAR --->
<div class="kiru">
<div class="iru">tag page</div>
<div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sagittis suscipit ipsum, non pellentesque neque ultricies et. Maecenas iaculis lorem eget libero ornare, ultricies adipiscing neque dapibus. Sed hendrerit, elit malesuada cursus lobortis, est dolor egestas odio, non dapibus tortor est eget magna. <br>Sed nisi mi, tempor sed mi ut, feugiat viverra justo. Mauris gravida nisl sed mollis porttitor. Donec semper rhoncus sagittis. </div>
<div class="meru"><a href="/">back</a>
<a href="/ask">ask</a>
<a href="http://yaoxiangs.tumblr.com">credit</a></div>
</div>

<!--- TAG BOXES --->
<div class="kura">
<div id="box"><h1>title1</h1>
<a href="">tag1</a><br></div>
<div id="box"><h1>title2</h1>
<a>tag1</a><br>
<a>tag2</a></div>
<div id="box"><h1>title3</h1>
<a>tag1</a><br>
<a>tag2</a><br>
<a>tag3</a><br>
<a>tag4</a></div>
<div id="box"><h1>title4</h1>
<a>tag1</a><br>
<a>tag2</a><br>
<a>tag3</a></div>
<div id="box"><h1>title5</h1>
<a>tag1</a><br>
<a>tag2</a><br>
<a>tag3</a><br>
<a>tag4</a><br>
<a>tag5</a><br>
<a>tag6</a><br>
<a>tag7</a><br>
<a>tag8</a><br>
<a>tag9</a></div>
<div id="box"><h1>title6</h1>
<a>tag1</a><br>
<a>tag2</a><br>
<a>tag3</a></div>
<div id="box"><h1>title7</h1>
<a>tag1</a><br>
<a>tag2</a></div>
</div>
<div id="box"><h1>title3</h1>
<a>tag1</a><br>
<a>tag2</a><br>
<a>tag3</a><br>
<a>tag4</a><br>
<a>tag5</a><br>
<a>tag6</a></div>
</div></body><!---yxngs---></html>

Pasted: Jul 16, 2013, 2:11:45 am
Views: 3,108