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 xmlns="http://www.w3.org/1999/xhtml">
- <link href='http://fonts.googleapis.com/css?family=Cantata+One' rel='stylesheet' type='text/css'>
- <head>
- <!--
- Im-Possible theme by judy
- http://tic.tumblr.com
- Please leave a visible credit, thank you for using judy themes.
- -->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="http://bruken.tumblr.com/rss">
- <meta name="description" content="{metadescription}" />
- <meta name="color:Background" content="#eeeeee"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Selection" content="#fafafa"/>
- <meta name="color:Hover" content="#000000"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:nav" content="#db8686"/>
- <meta name="color:nav hover" content="#eee"/>
- <meta name="color:blogtitle 2" content="#db8686"/>
- <meta name="image:Background" content="1"/>
- <meta name="text:blogtitle" content="im" />
- <meta name="text:last blogtitle letter" content="possible" />
- <meta name="text:Custom Link One Title" content= >
- <meta name="text:Custom Link One" content="http://" />
- <meta name="text:Custom Link Two Title" content= >
- <meta name="text:Custom Link Two" content="http://" />
- <meta name="text:Custom Link Three Title" content= >
- <meta name="text:Custom Link Three" content="http://" />
- <style type="text/css">
- *, body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png'), auto;}
- ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
- ::-webkit-scrollbar-thumb { background-color:black; }
- a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
- #tumblr_controls{
- position:fixed !important;
- -webkit-filter: invert(100%)
- }
- }
- .wrapper{
- margin: 0px auto;
- width: 900px;
- }
- .header{
- float: left;
- width: 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: 10px;
- line-height:12px;
- background-color: {color:Background};
- background-image:url({image:background});
- background-attachment: fixed;
- background-repeat: repeat
- text-align: justify;
- }
- p {
- margin:0px;
- margin-top:0px;
- -webkit-transition: opacity 0.8s linear;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: opacity 0.8s linear;
- }
- a:hover{
- color:{color:Hover};
- -webkit-transition: opacity 0.8s linear;
- }
- .entry {
- float:left;
- background:transparent;
- padding:15px;
- margin:16px;
- -webkit-transition: all 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- width:220px;
- overflow:hidden;
- }
- img {
- max-width:100%;
- opacity: 0.90;
- -webkit-transition: opacity 0.8s linear;
- }
- img:hover{
- -webkit-transition: opacity 0.8s linear;
- opacity: 1;
- }
- blockquote {
- margin-left:2px;
- border-left:1px solid #eee;
- }
- .perms {
- color:#777;
- font-size:8px;
- opacity: 0;
- -webkit-transition-duration: .75s;top:0px;
- width: 220px;
- height:25px;
- padding-bottom:4px;
- background-color: #fff;
- position: absolute;
- margin-top:5px;
- text-align:center;
- text-transform:uppercase;
- font-family:consolas;
- letter-spacing:1px;
- display:block;
- }
- .entry:hover .perms {
- opacity:1;
- z-index:999999;
- padding-top:4px;
- border-bottom:1px solid #c7c5c5}
- ::selection {
- background:{color:selection};
- color: {color:link};
- }
- ::-moz-selection {
- background:{color:selection};
- color: {color:link};
- }
- .blogtitle {
- font-family:'Cantata One', serif;
- font-size: 30px;
- line-height: 20px;
- background:#fafafa;
- text-align: left;
- padding-top:10px;
- letter-spacing:2px;
- color: #7b7879;
- margin-top:4px;
- padding: 4px;
- padding-bottom:9px;
- }
- #sidebar{
- position:fixed;
- opacity:1;
- height:auto;
- padding-top:10px;
- padding-left:10px;
- padding-right:12px;
- padding-bottom:10px;
- color:#7b7879;
- margin-left:100px;
- background:#eee;
- margin-top:200px;
- font-size: 10px;
- background:#fff;
- line-height:13px;
- letter-spacing:1px;
- font-family: consolas;
- overflow:hidden;
- text-align:left;
- width:220px;
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- transition: all .4s ease;
- }
- #sidebar a{
- padding-top:10px;
- }
- div#qTip {
- z-index:9999999999999999999999;
- padding:5px;
- margin: 1px 0px 0px 10px;
- display: none;
- font: 8px consolas;
- text-align: center;
- position: absolute;
- color: #a2a29d;
- border-radius:3px;
- font-style:italic;
- text-transform: lowercase;
- border: 1px solid #fff;
- background:#fafafa;
- box-shadow: -6px 0 #eee, 0 1px #fff, 4px 0px #b1c9cf, 0 -1px #b1c9cf;
- }
- #posts {
- float:center;
- position:relative;
- overflow-y: hidden;
- margin-left:460px;
- margin-top:0px;
- z-index:99;
- padding:5px;
- {block:IndexPage}
- width:570px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:400px;
- {/block:PermalinkPage}
- }
- .title{
- font-family: consolas;
- font-size: 15px;
- line-height: 15px;
- color: {color:text};
- font-weight: normal;
- }
- .question {
- text-align:left;
- padding-left:5px;padding-top:7px;
- padding-right:5px;padding-bottom:7px;
- border-radius:3px;
- border: 1px solid #eee;
- background-color:#fff;
- }
- .answer {
- text-align:left;
- padding-left:5px;padding-top:7px;
- padding-right:5px;padding-bottom:7px;
- }
- .lnknav
- {margin:2px;
- position:fixed !important;
- z-index:2;
- display:block;
- width:20px;
- margin-top:-100px;
- text-align:center;
- font-family: Lucida Console;
- font-weight: lighter;
- font-size:8px;
- text-transform:uppercase;
- background-color:transparent;
- margin-left: 250px;
- }
- .lnknav a
- {padding: 0px;
- padding-left: 5px;
- line-height: 25px;
- color: {color:text};
- border-left:10px solid {color:nav};
- background-color: transparent;
- -webkit-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- -o-transition:all 0.3s ease-in-out;
- transition:all 0.3s ease-in-out;}
- .lnknav a:hover
- {color: {color:hover};
- border-left:40px solid {color:nav hover};
- background-color: transparent;
- text-decoration: underline;
- -webkit-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- -o-transition:all 0.3s ease-in-out;
- transition:all 0.3s ease-in-out;}
- </style>
- {block:IndexPage}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/ootbdxc/QG0mct9mr/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}">
- <meta name="viewport" content="width=820" />
- </head>
- <body></body>
- <div class="wrapper">
- <div id="sidebar">
- <div class="blogtitle"><a href="/">{text:blogtitle}<span style="background-color:{color:blogtitle 2}; padding:5px;padding-bottom:0px;padding-top:1px;color: {color:link};">{text:last blogtitle letter}</span></a></div>
- {description}
- <div class="lnknav"><br>
- <a href="/">home</a>
- <a href="/ask">ask</a>
- {block:ifcustomlinkonetitle}<a href="{text:custom link one}">{text:custom link one title}</a> {/block:ifcustomlinkonetitle}
- {block:ifcustomlinktwotitle} <a href="{text:custom link two}">{text:custom link two title}</a> {/block:ifcustomlinktwotitle}
- {block:ifcustomlinkthreetitle} <a href="{text:custom link three}">{text:custom link three title}</a> {/block:ifcustomlinkthreetitle}
- <a href="http://torture.tumblr.com">credit</a>
- </div>
- </div>
- <div class="content">
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Answer}
- <div class="text">
- <div class="question">
- <span style="text-transform:uppercase;font-family: consolas; font-size:10px; color:{color:Link}">{Asker}</span><span style="text-transform:lowercase;font-family: consolas; font-size:10px; color:{color:Link}"> asked:</span> {Question}</div><div class="answer">{Answer}</div>
- </div>
- {block:IndexPage}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span>
- {block:IndexPage}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></div>
- {/block:IndexPage}
- {block:Link}
- {block:Photo}
- <center>
- <a href="{Permalink}" title="{SourceTitle}"><img src="{PhotoURL-HighRes}" width="100%"></a></center>
- {block:IndexPage}<div class="perms">
- Posted on {DayOfWeek}, {Month} {DayOfMonthWithSuffix} <br> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post
- </div> {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" width="100%" style="padding:3px;"/></a>
- {/block:Photos}{block:IndexPage}<div class="perms">
- Posted on {DayOfWeek}, {Month} {DayOfMonthWithSuffix} <br> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post
- </div> {/block:IndexPage}{/block:Photoset}
- {block:Quote}
- <span class="title">{Quote}</span><br />
- {block:Source}{Source}{/block:Source}
- {block:IndexPage}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></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}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
- {FormattedPlayCount} plays</small></div></div></center><br>
- {block:Caption}{Caption}{/block:Caption}
- {block:IndexPage}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Video}
- <center>
- <center>{Video-250}</center>
- {block:IndexPage}
- <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a title="permalink page"href="{Permalink}" target="_blank"> {DayOfWeek}, {Month} {DayOfMonth} with {notecountwithlabel}</a></div>
- {/block:IndexPage}</center>
- {block:Video}
- {block:PermalinkPage}
- <center>
- {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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement