Create a new version of paste: nBCFXXid

Don't like ads? PRO users don't see any ads ;-)

Untitled2 sec ago
Untitled4 sec ago
buildRookLua | 5 sec ago
Untitled6 sec ago
Untitled9 sec ago
Untitled15 sec ago
Untitled16 sec ago
Untitled20 sec ago

New Paste

<!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">
<head>

{block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}

{block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }

::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}

{block:ifshadowhover}a:link, a:active, a:visited{
color: #000000;
text-decoration:none; 
-webkit-transition-duration: 0.2s;}

a:hover{ color: #fff;
text-shadow:0px 0px 3px #000000;}{/block:ifshadowhover}
#tumblr_controls{
position:fixed !important;
top: 3px;
right: 3px;
}

body{
font-family: {font:text font};
font-size: {text:text font size}px;
line-height:{text:text line height}px;
color:{color:text};
background-color: {color:Background};
background-image:url({image:Background}); 
background-attachment: fixed; 
background-repeat: repeat;
}

a:link, a:active, a:visited{
color: {color:Link}; 
text-decoration: none; 
-webkit-transition: color 0.2s ease-out; 
-moz-transition: color 0.2s ease-out; 
}

a:hover{
color:{color:Hover}; 
-webkit-transition: color 0.2s ease-out; 
-moz-transition: color 0.2s ease-out; 
}

#container{
position: relative;
text-align: left;
height: 100%;
width: 900px;
margin: 0px auto;
z-index:0;
}

#content{
position:relative;
margin-top: -6px;
{block:IndexPage}
width: 624px;
{block:ifshowtitle}
margin-top: 0px;
{/block:ifshowtitle}
margin-left: -40px;
{/block:IndexPage}
{block:PermalinkPage}
width: 600px;
{block:ifshowtitle}
margin-top:0px;
{/block:ifshowtitle}
margin-left: -40px;
{/block:PermalinkPage}
}

.posts{
overflow: hidden;
position:relative;
background-color: white;
{block:PermalinkPage}
width: 600px;
float:left;
padding: 3px;
{/block:PermalinkPage}
{block:IndexPage}
padding: 3px;
margin: 3px;
float: left;
width: 300px;
{/block:if2columns}
{/block:IndexPage}
}

#permalink {
position: absolute;
margin-top: 9px;
margin-left: 6px;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.posts:hover #permalink {
margin-top: 9px;
margin-left: 6px;
opacity: 1;
}

.countreblog {
color: #FFFFFF;
letter-spacing:1px; 
font-family: arial;
font-size:10px; 
line-height:14px;
margin: 2px;
background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
background-repeat:repeat;
border:1px solid rgba(0,0,0,0.1);
padding:3px 5px;
-webkit-border-radius:2px;
moz-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
}

.countreblog a { color: #FFF; }

{block:IndexPage}
img.photo{
margin-bottom: 0px !important;
}{/block:IndexPage}

#sidebar {
position:fixed !important; 
width: 220px; 
height: 1000%; 
margin-left:590px; 
text-align: center;
padding: 3px;
margin-top: 2px; 
background:white;
{block:ifshowtitle}
margin-top:-12px;
{/block:ifshowtitle}
font-family: {font:text font};
font-size: {text:text font size}px;
line-height:{text:text line height}px;
color: {color:text}; 
}

#title {
position:relative; 
height: 50px; 
margin-top: 15px;
width: 622px;
margin-left: -20px;
padding: 1px; 
text-align: center;
}

.sidetitle{
line-height:20px;
}

#hover {
padding:0px; 
text-align:center;
}

#hover .hover2 {
filter: alpha(opacity = 0); 
opacity:0; 
-webkit-transition: all .6s ease-out; 
-moz-transition: all .6s ease-out;
transition: all .6s ease-out;
position:relative;
font-family: {font:text font};
font-size: {text:text font size}px;
line-height:{text:text line height}px;
margin-top:-15px;
text-transform:none;
padding-right: 0px;
font-weight:normal; 
color:#000;
}

#hover:hover .hover2 {
-webkit-transition: all .6s ease-out; 
-moz-transition: all .6s ease-out;
transition: all .6s ease-out; 
filter: alpha(opacity = 0); 
filter: alpha(opacity = 100);
opacity:100; 
margin-top:5px;
}

.title{
font-family: {font:title font};
font-size: {text:title font size}px;
line-height:{text:title line height}px;
color: {color:Title}; 
font-weight: normal;
}

.blogtitle{
font-family: "Moon";
font-size:49px; 
line-height:40px;
margin-left:0px;
padding-bottom:0px; 
color:{color:Link}; 
}

.blogtitle a{
color:{color:Link}; 
}

@font-face {font-family:"Moon"; src: url(http://static.tumblr.com/thayqan/8gPlz93id/talkingtothemoon.ttf) format("truetype"); }

a img{border: 0px;}

blockquote{
padding-left: 6px;
margin:5px 5px 5px 6px;
border-left: 2px solid #dddcdc;
}

ul, ol, li{list-style:none; margin:0px; padding:0px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}

.notes img{width:10px; position:relative; top:3px;}
<--ses-->
small{font-size: 90%;}

.per{
margin-top: 0px; 
font-size: 10px; 
line-height:10px;
display: block;
text-align:right;
}

{block:IfInfiniteScroll}
#pagination{display:none;}
{/block:IfInfiniteScroll}
#infscr-loading{bottom: -55px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:15px;overflow:hidden;margin-bottom: 50px;}

{CustomCSS}
</style>

{block:ifrainbowlinks}
<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
"></script>{/block:ifrainbowlinks}

<title>{title}</title>

<body>

<div id="sidebar">
<div id="hover"><div class="sidetitle"><center>{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=220px></a>{/block:ifshowphoto}</center>
<big><big>
{block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}, <a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}, <a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}{block:ifLinkFourTitle}, <a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}{block:ifLinkFiveTitle}, <a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}{block:ifLinkSixTitle}, <a href="{text:Link Six}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}
</big></big></div>
<div class="hover2">
<center>{Description}</center>
</div></div>
</div>

{block:ifshowtitle}
<div id="title">
<span class="blogtitle"><a href="/">{Title}</a></span>
</div>{/block:ifshowtitle}

<div id="content">
{block:Posts}
<div class="posts">

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<div style="margin-top: -10px;">
<span class="entrytext">{Body}</span></div>
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
<div style="margin-top: -10px;">
{block:Description}{Description}{/block:Description}</div>
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{block:Link}

{block:Photo}
{block:IndexPage}
<div id="permalink">
<span class="countreblog"><a href="{ReblogURL}" target="_blank">Reblog</a></span>
<span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>
{/block:IndexPage}
{block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a>{LinkCloseTag}{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="600"/></a>{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
<center>
{block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="300" /></a>
{/block:Photos}
</center>
<center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{/block:Photoset}

{block:Quote}
{Quote}</span>
{block:Source}{Source}{/block:Source}
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{/block:Chat}

{block:Audio}
<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div></div></center>
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{/block:Audio}

{block:Video}
<center>
{block:IndexPage} 
{Video-250}
{/block:IndexPage}
</center>
{block:PermalinkPage} 
<center>{Video-500}</center>
{/block:PermalinkPage}
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{block:Video}

{block:Answer} 
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
{Asker}: {Question}
<div style="margin-top: -10px;">{Answer}</div>
{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:10px;">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
{/block:Answer}

{block:PermalinkPage}
{block:Date}
<center>
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
<br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
{/block:Date}

{/block:PermalinkPage}

{block:PostNotes}{PostNotes}
{/block:PostNotes}

</div>

{/block:Posts}

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
{/block:IfInfiniteScroll}
<script type="text/javascript">
$(window).load(function () {
var $content = $('#content');
$content.masonry({
itemSelector: '.posts',
isAnimated: true
}),
$content.infinitescroll({
navSelector : '#pagination', 
nextSelector : '#pagination a#nextPage', 
itemSelector : '.posts',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 200,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', 
$newElems, true,
function(){$newElems.fadeIn(300);} 
);

});
});
});
</script>
{/block:IndexPage}

</body>
</html>
<div style="position:fixed;right:0px;bottom:-425px;">
<---DONT REMOVE---->
{block:IndexPage}
{block:Pagination}
<ul id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;&nbsp;</a>
{/block:PreviousPage}
</ul>
{/block:Pagination}
{/block:IndexPage}</div>

Optional Paste Settings

Syntax Highlighting:

Paste Expiration:

Paste Exposure:

Paste Name / Title:

Hello Guest
Sign Up or Login

You are currently not logged in, this means you can not edit or delete anything you paste. Sign Up or Login

Pastebin.com Tools & Applications

iPhone/iPad

Windows

Firefox

Chrome

WebOS

Android

Mac

Opera

Click.to

UNIX

WinPhone