Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀▄ █░░█ ▀▀█▀▀ █░░█ █▀▀█ █▀▄▀█ █▀▀█ █▀▀
- ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ █▀▀▄ █▄▄█ ░░█░░ █▀▀█ █░░█ █░▀░█ █▄▄█ ▀▀█
- ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀░ ▄▄▄█ ░░▀░░ ▀░░▀ ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀
- DO NOT REMOVE CREDIT OR REPUBLISH AS YOUR OWN! THANK YOU FOR USING!
- --->
- <head>
- <!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>
- <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <meta name="color:Background" content="#ccc"/>
- <meta name="color:Text" content="#130C11"/>
- <meta name="color:Links Background" content="#d8d8d8"/>
- <meta name="color:Hover" content="#130C11"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:navigation" content="#eeeded" />
- <meta name="color:sidebarbg" content="#ffffff" />
- <meta name="color:border" content="#cccccc" />
- <meta name="text:Link One Title" content="" />
- <meta name="text:Link One" content="" />
- <meta name="text:Link Two Title" content="" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Three Title" content="" />
- <meta name="text:Link Three" content="" />
- <meta name="text:Link Four Title" content="" />
- <meta name="text:Link Four" content="" />
- <meta name="text:Link Five Title" content="" />
- <meta name="text:Link Five" content="" />
- <meta name="text:topbartext" content="your text here" />
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
- <style type="text/css">
- }
- .sidebarlinks {text-align:center; text-transform:uppercase; letter-spacing:0px; color:#dddddd; margin-top:10px; font-size:10px; z-index:99999999999999999999;}
- .sidebarlinks a {color:#a09f9f; text-decoration:none; background-color:#eeeded; margin-left:1px; padding:3px 2px 1px 2px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4;display:inline-block;}
- .sidebarlinks a:hover {border-bottom:1px solid ; border-top:1px solid;}
- .sidebarlinks2 {text-align:center; text-transform:uppercase; letter-spacing:0px; color:#dddddd; margin-top:10px; font-size:14px;}
- .sidebarlinks2 a {color:#a09f9f; text-decoration:none; background-color:#eeeded; margin-left:1px; padding:3px 2px 1px 2px; border-bottom:1px solid #e4e4e4; display:inline-block;}
- .sidebarlinks2 a:hover {border-bottom:1px solid ;}
- .sidebarlinks3 {text-align:center; text-transform:uppercase; letter-spacing:0px; color:#dddddd; margin-top:10px; font-size:12px;}
- .sidebarlinks3 a {color:#a09f9f; text-decoration:none; background-color:#ffffff; margin-left:1px; padding:3px 2px 1px 2px; border-bottom:1px solid #e4e4e4; display:inline-block;}
- .sidebarlinks3 a:hover {border-bottom:1px solid ;}
- #runaway {
- -moz-box-shadow: 0px 0px 1px 0px ;
- -webkit-box-shadow: 0px 0px 1px 0px ;
- box-shadow: 0px 0px 1px 0px ;
- left: 0px;
- top: -115px;
- position: fixed;
- background: ;
- width: 100%;
- padding: 10px;
- background: {color:sidebarbg};
- min-height: 170px;
- opacity:.7;
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- text-align: left;
- border-bottom:3px solid {color:border};
- z-index:99;
- }
- #runaway:hover{
- opacity:1;
- top:-110;
- }
- .titul {
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- font-size:30px;
- font-style:italic;
- font-family:georgia;
- color:#aaa;
- text-align:center;
- margin-bottom:20px;
- text-shadow: -2px 0px #ccc, 2px 0px #ccc;
- }
- ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
- ::-webkit-scrollbar-thumb { background-color: #a4a4a4;}
- body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
- .wrapper{
- margin: 0px auto;
- width: 802px;
- }
- .header{
- float: left;
- width: 100%;
- }
- #tumblr_controls{ position:fixed !important; -webkit-filter: invert(100%); }
- .left{
- float: left;
- margin-right: 20px;
- width: 802px;
- }
- .right{
- float: right;
- width: 200px;
- background-color: {color:Background};
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family:calibri;
- font-size: 11px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- a:hover {text-decoration:none; transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; color:#999999;}
- .entry {
- margin:3px;
- padding: 5px;
- float:left;
- border:3px double #ccc;
- background-color: #fff;
- font-family: calibri;
- font-size: 10px;
- line-height:11px;
- {block:IndexPage}
- width:270px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- .entry .permalink{
- position:absolute;
- width:260px;
- height:0px;
- padding-top:0px;
- padding-left:3px;
- padding-right:2px;
- bottom:3px;
- margin-left: 0px;
- background-color:#fff;
- overflow:hidden;
- letter-spacing:1px;
- font-family: share;
- text-transform: uppercase;
- font-size: 10px;
- line-height:12px;
- text-align:center;
- opacity:0.0;
- -webkit-transition: all 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- border-bottom-right-radius:0px;
- border-top-right-radius:0px;
- border-top-left-radius:0px;
- border-bottom-left-radius:0px;
- }
- .entry:hover .permalink{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: .9;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- margin-top: 0px;
- bottom: 3px;
- width:260px;
- height: 14px;
- border-bottom-right-radius:0px;
- border-top-right-radius:0px;
- border-top-left-radius:0px;
- border-bottom-left-radius:0px;
- }
- .entry:hover .permalink:hover{
- opacity: .9;
- padding-top:0px;
- padding-left:3px;
- padding-right:2px;
- height: 14px;
- -webkit-transition: all 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- div#sidebar{
- position:fixed !important;
- width: 200px;
- background:{color:sidebarbg};
- height:auto;
- margin: 255px 0px 0px -76px;
- padding:9px;
- text-align: center;
- font-family: calibri;
- font-size: 11px;
- line-height:12px;
- letter-spacing:1px;
- margin-bottom: 5px;
- border:3px double #ccc;
- }
- #posts {
- float:left;
- padding: 5px;
- margin-top: 80px;
- {block:IndexPage}
- width: 590px;
- margin-left: 160px;
- margin-top: 80px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- margin-left: 160px;
- margin-top: 115px;
- {/block:PermalinkPage}
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- @font-face {
- font-family: "prop";
- src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
- }
- .title{
- font-family:calibri;
- font-size: 18px;
- line-height:10px;
- letter-spacing: 1px;
- color: black;
- font-weight: normal;
- }
- .entry .hello{
- width:70px;
- height: 20px;
- position: absolute;
- font-family: tinytots;
- text-transform:uppercase;
- font-size: 8px;
- line-height: 17px;
- text-align: center;
- opacity: 0.0;
- margin-left: -3px;
- bottom: 15px;
- border-radius: 5px;
- -webkit-filter: invert(100%);
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- transition: all 0.8s ease-out;
- }
- .entry:hover .hello{
- -webkit-transition: opacity 0.4s linear; opacity: 1;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- transition: all 0.8s ease-out;
- }
- .entry .hello:hover {
- -webkit-transition: opacity 0.2s linear; opacity: 1;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- transition: all 0.8s ease-out;
- }
- .perms {
- font-family: tulpen one;
- text-transform: uppercase;
- font-size: 23px;
- margin-top: 5px;
- line-height: 12px;
- color: #000;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .perms a:hover{
- color: #000;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .permanotes {
- position:absolute;
- font-family:verdana;
- height: 10px;
- padding: 5px;
- text-transform: uppercase;
- font-size: 12px;
- bottom: 15px;
- margin-left: 63px;
- opacity: 0;
- border-radius: 5px;
- -webkit-filter: invert(100%);
- background:url(http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png);
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- transition: all 0.8s ease-out;
- }
- .entry:hover .permanotes {
- opacity: 1;
- -webkit-transition: opacity 0.4s linear; opacity: 1;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- transition: all 0.8s ease-out;
- }
- .permanotes a {
- color: #fff;
- }
- .permalink{
- font-family: pixel;
- text-transform: normal;
- font-size: 8px;
- line-height: 10px;
- letter-spacing: 1px;
- display: block;
- text-align: right;
- text-decoration: none;
- }
- {CustomCSS}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- 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}
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </head>
- <div id="runaway">
- <centeR>
- <br><br><br><br><br><br><br><br>
- <center>
- <div class="sidebarlinks2">
- <a href="{text:Link One}">{Text:Link One Title}</a>
- <a href="{text:Link Two}">{text:Link Two Title}</a>
- <a href="{text:Link Three}">{text:Link Three Title}</a>
- <a href="{text:Link Four}">{text:Link Four Title}</a>
- <a href="{text:Link Five}">{text:Link Five Title}</a>
- </div></p><center>
- {text:topbartext}
- </center></div>
- </div></div>
- <div class="wrapper">
- <div class="header">
- </div>
- <div id="sidebar">
- <div class="title">{title}</div>
- <center><p><div class="sidebarlinks"><a href="/">INDEX</a> <a href="/ask">MESSAGE</a> <a href="/archive">HISTORY</a></div> </p></center>
- {Description}</center></div>
- <div class="left">
- <div id="posts">
- <div id="long"></div>
- {block:Posts}
- <div class="entry">
- {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:HasTags}</span></align>
- {/block:Text}
- {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>{block:Link}
- {block:Quote}
- {Quote}</span>
- {block:Source}<strong>{Source}</strong>{/block:Source}
- <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:Quote}
- {block:Photo}
- {block:IndexPage}
- <div class="hello">
- <a href="{ReblogUrl}" target="_blank">
- <img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
- <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="5" height="20" id="likeimage{PostID}"/><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png"></a>
- </div>
- <div class="permanotes">
- <a href="{permalink}" target="_blank">{NoteCount}</a>
- </div>
- <center>
- <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/></div><Center>{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}</center>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Answer}
- <div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 3px; background-color:#eeeeee">
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
- {Asker}: {Question}</div>
- <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
- <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:Answer}
- <div style="position:fixed !important;-webkit-filter: invert();
- right:7px;top:30px; opacity: 0.8; z-index:999999999999999999999999999; "><a href="http://goodthemes.tumbleh.com/"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a></div>
- {block:Photoset}
- <div class="hello">
- <a href="{ReblogUrl}" target="_blank">
- <img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
- <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="5" height="20" id="likeimage{PostID}"/><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png"></a>
- </div>
- <div class="permanotes">
- <a href="{permalink}" target="_blank">{NoteCount}</a>
- </div>
- {block:IndexPage}
- <center>
- {Photoset-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {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}
- <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:Chat}
- {block:Audio}
- <div style="width:320px; height:30px;">
- {AudioPlayerBlack}
- </div>
- {block:IndexPage}</span>{/block:IndexPage}
- <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:Audio}
- {block:Video}
- <div class="hello">
- <a href="{ReblogUrl}" target="_blank">
- <img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
- <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="5" height="20" id="likeimage{PostID}"/><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png"></a>
- </div>
- <div class="permanotes">
- <a href="{permalink}" target="_blank">{NoteCount}</a>
- </div>
- {block:IndexPage}
- <center>
- {Video-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-500}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PermalinkPage}
- <center>
- <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"> →</a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">← </a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment