Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme by witheredtrust/themes-bymausami
- code for the striped links go to reflectinghope
- i made the theme, so it is my right and your responsibility to keep the credit. please put it somewhere on your blog if not on the side.
- -->
- <html lang="en">
- <!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>
- <script type="text/javascript">
- <!--
- // Disable Right Click Script
- function IE(e)
- {
- if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
- {
- return false;
- }
- }
- function NS(e)
- {
- if (document.layers || (document.getElementById && !document.all))
- {
- if (e.which == "2" || e.which == "3")
- {
- return false;
- }
- }
- }
- document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
- //-->
- </script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!-- DEFAULT VARIABLES -->
- <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:background" content="#fff"/>
- <meta name="color:links" content="#e98ca5"/>
- <meta name="color:hover" content="#000"/>
- <meta name="color:scrollbar" content="#000"/>
- <meta name="color:text" content="#000"/>
- <meta name="color:Description" content=""/>
- <meta name="color:title" content=""/>
- <meta name="color:Blog Title" content=""/>
- <meta name="color:Desc Title" content=""/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:Blog Title" content="" />
- <meta name="text:Blog Title Size" content="" />
- <meta name="text:Desc Title Size" content="" />
- <meta name="text:Desc Title 1" content="" />
- <meta name="text:Desc Title 2" content="" />
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content="Home"/>
- <meta name="text:Link 2" content="/" />
- <meta name="text:Link 2 Title" content="Ask"/>
- <meta name="text:Link 3" content="/" />
- <meta name="text:Link 3 Title" content="Links"/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 4 Title" content="Them"/>
- <meta name="text:Link 5" content="http://witheredtrust.tumblr.com/"/>
- <meta name="text:Link 5 Title" content="Theme"/>
- <meta name="color:link one" content="#A69BC4"/>
- <meta name="color:link two" content="#BAADDB"/>
- <meta name="color:link three" content="#C6BAE8"/>
- <meta name="color:link four" content="#CFC2F2"/>
- <meta name="color:link five" content="#D7CAFC"/>
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height: 4px; background: #fff; border-left: 1px transparent #aaaaaa; }
- ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px transparent #aaaaaa; border-top: 1px transparent #aaaaaa; border-left: 1px transparent #aaaaaa; border-right: 1px transparent #aaaaaa; }
- #tumblr_controls {
- right:-3 !important;
- position: fixed !important;
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: dixel;
- line-height: 8px;
- font-size: 8px;
- letter-spacing: 0px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- color: {color:links};
- text-decoration: none;
- }
- a:hover {
- color:{color:hover};
- text-decoration: italic;
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- }
- askk {
- font-family: cedarcursive;
- text-transform:none;
- font-size:20px;
- z-index:1;
- color: {color:link};
- }
- @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
- @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
- @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
- @font-face { font-family:Sweetly Broken; src: url(http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf);}
- div#center{
- margin:auto;
- position:relative;
- width:900px;
- background-color:;
- overflow:hidden;
- overflow-y:hidden;
- }
- #sidebar{
- position:fixed;
- margin-top:200px;
- margin-left:-40px;
- height:170px;
- width:230px;
- border: 1px solid #ddd;
- background:white;
- -webkit-animation:bounceInDown 3s;
- -moz-animation:bounceInDown 3s;
- -ms-animation:bounceInDown 3s;
- }
- #blogtitle{
- position:fixed;
- opacity:1;
- text-align:left;
- margin-top:5px;
- width:180px;
- height:auto;
- font-family:sweetly broken;
- z-index:1;
- font-size:{text:blog title size}px;
- letter-spacing:0px;
- color:{color:Blog Title};
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #desc{
- opacity:0;
- position:fixed;
- margin-top:0px;
- margin-bottom:0px;
- padding:10px;
- font-family:dixel;
- line-height:10px;
- color:{color:Description};
- background:white;
- width:210px;
- height:150px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #sidebar:hover #desc{
- opacity:0.9;
- margin-top:-170px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #desctitle{
- opacity:0;
- width:230px;
- position:fixed;
- text-align:left;
- margin-top:9px;
- margin-left:-10px;
- font-family:arsenalewhite;
- color: {color:Desc title};
- font-size:{text:Desc Title Size}px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #desctitle{
- opacity:1;
- text-align:left;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #desctitle2{
- opacity:0;
- position:fixed;
- width:230px;
- text-align:right;
- margin-left:-10px;
- margin-top:7px;
- font-family:dixel;
- font-size:8px;
- color:#aaa;
- border-bottom:1px solid #ddd;
- padding-bottom:6px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #desctitle2{
- text-align:right;
- opacity:1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- #border{
- position:fixed;
- background:{color:link one};
- width:230px;
- height:5px;
- margin-top:2px;
- margin-left:-1px;
- }
- #one a{
- background: {color:link one};
- width: 5px;
- height: 180px;
- margin: 2px 0px 0px 225px;
- position: fixed;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #one a:hover{
- height: 200px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #two a{
- background: {color:link two};
- width: 5px;
- height: 160px;
- margin: 7px 0px 0px 215px;
- position: fixed;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #two a:hover{
- height: 180px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #three a{
- background: {color:link three};
- width: 5px;
- height: 140px;
- margin: 7px 0px 0px 205px;
- position: fixed;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #three a:hover{
- height: 160px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #four a{
- background: {color:link four};
- width: 5px;
- height: 120px;
- margin: 7px 0px 0px 195px;
- position: fixed;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #four a:hover{
- height: 140px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #five a{
- background: {color:link five};
- width: 5px;
- height: 100px;
- margin: 7px 0px 0px 185px;
- position: fixed;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #five a:hover{
- height: 120px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #posts {
- width:520px;
- margin-top: -2px;
- margin-left:220px;
- z-index:0;
- right:auto;
- margin-right:auto;
- position:relative;
- overflow-y: hidden;
- padding:4px;
- {block:PermalinkPage}
- width:480px;
- {/block:PermalinkPage}
- -webkit-animation:bounceInUp 3s;
- -moz-animation:bounceInUp 3s;
- -ms-animation:bounceInUp 3s;
- }
- .entry {
- float:left;
- display: block;
- overflow:hidden;
- width:240px;
- border: 1px solid #ddd;
- padding-top:4px;
- padding-bottom:3px;
- padding-right:4px;
- padding-left:4px;
- margin:2px;
- font-family: dixel;
- font-size: 8px;
- {block:PermalinkPage}
- width:470px;
- margin-left:0px;
- margin-top: 3px;
- text-align:center;
- {/block:PermalinkPage}
- background: white;
- background-image:URL();
- opacity:0.8;
- }
- .entry:hover {
- opacity:1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -ms-transition: all 0.9s ease;
- transition: all 0.9s ease;
- }
- .entry .permados a{
- color: #aaa;
- }
- .entry .permalinktext a{
- color:#aaa;
- }
- .entry .permados{
- position:absolute;
- margin-top: 0px;
- margin-left:-5px;
- width:auto;
- height:12px;
- text-transform: uppercase;
- background-color:#ffffff;
- padding:5px;
- overflow:hidden;
- font-family: dixel;
- letter-spacing:0px;
- font-size: 8px;
- line-height:10px;
- text-align:center;
- opacity:0.0;
- border: 0px dashed #ddd;
- border-radius: 0px 0px 30px 0px;
- transition: all 0.9s ease;
- -o-transition-transition: all 0.9s ease;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- }
- .entry:hover .permados{
- margin-left: 0px;
- overflow:visible;
- opacity:0.9;
- transition: all 0.9s ease;
- -o-transition-transition: all 0.9s ease;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- }
- .permalinktext {
- display: block;
- padding: 1px;
- margin: 2px 0px 0px 5px;
- font-family:dixel;
- font-size: 8px;
- color: #000;
- line-height: 11px;
- text-align: right;
- text-decoration: none;
- letter-spacing:0px;
- border-top: 1px solid #ddd;
- webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .permalinktext:hover{
- margin:2px 4px 0px 5px;
- webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .title{
- text-align: center;
- font-family: cedarcursive;
- text-transform:none;
- font-size: 18px;
- line-height:14px;
- letter-spacing: 0px;
- color: {color:Title};
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #postnotes{
- text-align: center;}
- #postnotes blockquote{
- border: 0px;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- a img{border: 0px;}
- 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%;}
- {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="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </head>
- <body onkeydown="return false">
- <body>
- <div class="wrapper">
- <div class="header">
- </div>
- <div id="cage">
- <div id="center">
- <div id="topbar"></div>
- <div id="sidebar">
- <a href="/"><img src="{image:sidebar}" style="height:163px; width:222px; opacity:0.9; padding:4px;"></a>
- <div id="desc"><center>
- <div id="desctitle">{text:Desc Title 1}</div><br>
- <div id="desctitle2">{text:Desc Title 2}</div><br></br><br>
- {Description}</center>
- </div>
- <div id="blogtitle"><center>{text:Blog Title}</center></div>
- <div id="border"></div>
- <div id="one"><a id="one" href="{text:Link 1}" title="{text:Link 1 Title}"> </a></div>
- <div id="two"><a id="two" href="{text:Link 2}" title="{text:Link 2 Title}"> </a></div>
- <div id="three"><a id="three" href="{text:Link 3}" title="{text:Link 3 Title}"> </a></div>
- <div id="four"><a id="four" href="{text:Link 4}" title="{text:Link 4 Title}"> </a></div>
- <div id="five"><a id="five" href="{text:Link 5}" title="{text:Link 5 Title}"> </a></div>
- </div>
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Answer}
- <div style="min-height:30px; padding: 3px; border: 1px solid #ddd; background: transparent; color: black; padding:4px; box-shadow: 1px 1px 1px #ddd;">
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
- <askk>{Asker}</askk>: {Question}</div>
- <div style="padding:3px; text-align:left;"></div>
- {Answer}
- <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago} </a> </div>
- {/block:Answer}
- {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago} </a> </div>
- {/block:Text}
- {block:Link}<br><a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago} </a> </div>{block:Link}
- {block:Photo}
- {block:IndexPage}
- <div class="permados">
- <a href="{permalink}">{NoteCountWithLabel}</a> · <a> <a href="{ReblogURL}" target="_blank"> Reblog </a>
- </div><center>
- {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=240px></a>{LinkCloseTag}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=470px/>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <center>
- {Photoset-500}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago} </a> </div>{/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}
- <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago}</a> </div>
- {/block:Chat}
- {block:Audio}
- <div style="width:300px; height:30px;">
- {AudioPlayerBlack}
- </div>
- {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago}</a> </div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}{block:indexpage}{block:indexpage}{Video-400}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> · posted <a href="{permalink}">{timeago} </a> </div>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:Video}
- {block:PostNotes}<div align="middle">{caption}</div>
- <center>
- {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
- {block:HasTags}
- tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
- {block:RebloggedFrom}
- reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- </center></span>
- <br>
- <div id="postnotes">{PostNotes}</div><br>
- <center>{block:ContentSource}
- <br><a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}</center>
- {/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}
- <BODY onselectstart="return false;" ondragstart="return false;">
- <div style="position:fixed; bottom: 1px; right:1px;">
- <a href="http://witheredtrust.tumblr.com/">credit</a>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment