Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme by intrev and you shall not pass, go
- -->
- <!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>
- <title>{Title}</title>
- <link rel="shortcut icon" href="http://media.tumblr.com/6aa45d636350a08d77ac55439f29a569/tumblr_inline_mishtzy5VG1qz4rgp.gif">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <meta name="image:background" content=""/>
- <meta name="color:bg" content="#ffffff"/>
- <meta name="color:text" content="#222222"/>
- <meta name="color:link" content="#cbb8d3"/>
- <meta name="color:hover" content="#846c8f"/>
- <meta name="color:navi link" content="#97889e"/>
- <meta name="color:navi link hover" content="#514258"/>
- <meta name="color:post bg" content="#ffffff"/>
- <meta name="color:border" content="#dddddd"/>
- <meta name="color:accent" content="#ede0f3"/>
- <meta name="color:lines" content="#111111"/>
- <meta name="color:tooltip" content="#222222"/>
- <meta name="color:tooltip bg" content="#eaeaea"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 title" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 title" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 title" content=""/>
- <link href='http://fonts.googleapis.com/css?family=Revalia|Iceland' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar {background-color:{color:lines}; height:0px; width:3px}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:bg}; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:bg}; height:3px!important}
- @font-face {
- font-family:square;
- src:url('http://static.tumblr.com/xi259rm/IEomncqaz/sf_square_head.ttf');
- src: local (square), url('http://static.tumblr.com/xi259rm/IEomncqaz/sf_square_head.ttf')
- format:('opentype');
- }
- body {
- background:{color:bg} url('{image:background}') fixed no-repeat bottom right;
- font-family:courier;
- font-size:10px;
- color:{color:text};
- text-align:justify;
- font-weight:100;
- }
- h1 {
- font-family:courier;
- font-size:12px;
- text-transform:lowercase;
- text-align:center;
- margin-bottom:-5px;
- }
- h2 {
- font-family:courier;
- font-size:11px;
- text-align:center;
- font-weight:400;
- font-style:italic;
- }
- h3 {
- font-family:courier;
- font-size:8px;
- text-align:right;
- padding-right:3px;
- font-weight:400;
- }
- a:link, a:visited, a:active {
- color: {color:link};
- text-decoration: none;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover{
- color:{color:hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- blockquote{
- padding-left:5px;
- border-left:2px solid {color:text};
- }
- #desc{
- position:fixed;
- border:2px solid {color:border};
- bottom:119px;
- margin-left:195px;
- font-family:courier;
- width:150px;
- color:{color:text};
- padding:5px;
- font-size:10px;
- text-align:center;
- }
- #box {
- position:fixed;
- background:{color:lines};
- bottom:175px;
- margin-left:150px;
- font-family:courier;
- width:20px;
- color:{color:bg};
- padding:25px;
- font-size:20px;
- line-height:130%;
- text-align:center;
- border-radius:5px;
- font-weight:400;
- }
- #line {
- position:fixed;
- width:60px;
- height:150%;
- left:50px;
- top:-20px;
- background-color:{color:lines};
- }
- #linkz {
- font-family:square;
- font-size:10px;
- line-height:120%;
- text-align:center;
- width:63px;
- bottom:30px;
- position:fixed;
- letter-spacing:3px;
- }
- #linkz a {
- color:{color:navi link};
- text-shadow:0px 0px {color:hover}, -0px 0px {color:hover};
- }
- #linkz a:hover {
- color:{color:navi link hover};
- text-shadow:3px 0px transparent, -3px 0px transparent;
- }
- #content {
- padding-left:10px;
- padding-bottom:10px;
- padding-top:10px;
- overflow:hidden;
- width:405px;
- margin-left:400px;
- {block:permalinkpage}
- width:440px;
- {/block:permalinkpage}
- }
- .entry {
- margin:10px 10px;
- padding:3px;
- padding-bottom:0px;
- float:left;
- overflow:hidden;
- background:{color:post bg};
- {block:indexpage}
- border:1px solid {color:border};
- width:170px;
- -webkit-filter:grayscale(55%);
- {/block:indexpage}
- {block:permalinkpage}
- -webkit-filter:grayscale(0%);
- width:400px;
- {/block:permalinkpage}
- }
- .entry img {
- {block:indexpage}
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- {/block:indexpage}
- {block:permalinkpage}
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- {/block:permalinkpage}
- }
- .entry:hover {
- {block:indexpage}
- -webkit-filter:grayscale(0%);
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- {/block:indexpage}
- }
- #content .entry .oh {
- position:absolute;
- font-size:8px;
- padding:3px 0 2px 0;
- bottom:0px;
- left:-5px;
- opacity:0;
- width:193px;
- background:{color:tooltip bg};
- text-align:center;
- z-index:999999;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #content .entry:hover .oh {
- position:absolute;
- font-size:8px;
- padding:3px 0 2px 0;
- bottom:0px;
- left:-5px;
- opacity:1;
- width:193px;
- background:{color:tooltip bg};
- text-align:center;
- z-index:999999;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .oh a {
- color:{color:tooltip};
- }
- .oh a:hover {
- color:{color:tooltip bg};
- }
- #photo img {
- max-width:100%;
- }
- #pagi {
- position:fixed;
- left:-10px;
- bottom:-10px;
- display: none;
- }
- #s-m-t-tooltip {
- position:relative;
- overflow:hidden;
- z-index:999;
- max-width:300px;
- margin:10px 0 0 10px;
- background:{color:tooltip bg};
- padding:0px 2px 2px 2px;
- font-family:courier;
- text-transform:lowercase;
- font-size:10px;
- color:{color:tooltip};
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- border-radius:3px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
- -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
- -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- .bubble {
- position:relative;
- margin:0px 0px 5px 30px;
- text-align:left;
- padding:5px 3px 5px 5px;
- background:{color:accent};
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .bubble p {
- margin:1px 0px;
- }
- .bubble span {
- position:absolute;
- display:block;
- top:7px;
- left:-7px;
- width:1px;
- height:1px;
- font-size:0;
- line-height:1px;
- border-top:3px solid transparent;
- border-right:7px solid {color:accent};
- border-bottom:3px solid transparent;
- }
- .askborder {
- float:left;
- margin:1px;
- padding:2px;
- background:{color:text};
- }
- .permalinkp {
- padding:10px;
- font: 10px consolas;
- letter-spacing:1px;
- line-height:150%;
- }
- #pp {
- text-align:center;
- padding:20px 0px 20px 0px;
- }
- #notes {
- font-family:courier;
- width:440px;
- height:100px;
- overflow:scroll;
- text-transform:lowercase;
- font-size:8px;
- line-height:120%;
- margin-top:3px;
- margin-left:-40px;
- color:{color:text};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #notes li {
- list-style-type:none;
- text-align:left;
- padding:5px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #notes ol.notes li.note img.avatar {
- width: 0px;
- height: 0px;
- margin-bottom:1px;
- border:1px solid {color:text};
- }
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%)
- }
- iframe#tumblr_controls:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -webkit-filter: invert(100%)
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.entry',
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry",
- navSelector : "div#pagi",
- nextSelector : "#pagi 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>
- {/block:IndexPage}
- </head>
- <body>
- <div id="line">
- <div id="linkz">
- <a href="/" title="home">01</a>
- <p>
- <a href="/ask" title="ask">02</a>
- <p>
- {block:iflink1}
- <a href="{text:link 1}" title="{text:link 1 title}">03</a>
- {/block:iflink1}
- <p>
- {block:iflink2}
- <a href="{text:link 2}" title="{text:link 2 title}">04</a>
- {/block:iflink2}
- <p>
- {block:iflink3}
- <a href="{text:link 3}" title="{text:link 3 title}">05</a>
- {/block:iflink3}
- </div>
- </div>
- <div id="desc"><font color="{color:bg}">....</font>{description}</div>
- <div id="box">男<br>根</div>
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage"}>prev</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" id="next">next</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Quote}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- <h2>"{Quote}"</h2>
- {block:Source}
- <h3>— {Source}</h3>
- {/block:Source}
- {/block:Quote}
- {block:Photo}
- <div id="photo">
- {LinkOpenTag}
- <a href="{Permalink}">
- <img src="{PhotoURL-500}" {block:indexpage}title="{NoteCountWithLabel}"{/block:indexpage} alt="{PhotoAlt}" width="500"/>
- </a>
- {LinkCloseTag}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {Photoset-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Link}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- <a href="{URL}"><h1><b>{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- {block:Label}<font color="{color:link}"><b>{Label}</b></font> {Line}<br>{/block:Label}
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- <div class="player">{AudioPlayerWhite}</div>
- <br>
- {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
- <b>Played:</b> {PlayCount} times<p>
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {Video-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Answer}
- {block:IndexPage}
- <div class="oh">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- <img src="{AskerPortraitURL-16}" align="left" class="askborder">
- <div class="bubble"><span></span>{Asker}: {Question}</div>{Answer}
- {/block:Answer}
- {block:PermalinkPage}
- <div id="pp">
- {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource}(source <a href="{SourceURL}">{SourceLink})</a>
- {/block:ContentSource}
- {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:PermalinkPage}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <a style="position:fixed;bottom:10px;right:10px;opacity:0.8;" href="http://intrev.tumblr.com" title="credit"><img src="http://static.tumblr.com/xi259rm/OMImnh739/tumblr_m7oja1fuf81r95frro1_500.jpg"></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement