Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ************************ C R E D I T *********************************
- Inbetweener Theme by http://-apple.tumblr.com
- More themes can be found at http://aerou.tumblr.com (previously known as applethemes)
- ************************** R U L E S *********************************
- *IF YOU BREAK ANY RULES, I'LL REPORT YOU.
- *DO NOT REMOVE ANY CREDIT OR ELSE YOU WILL BE REPORTED.
- *DO NOT CLAIM AS YOUR OWN.
- *EDITING THIS THEME IS ALLOWED. JUST LEAVE THE CREDITS ALONE AND DO NOT DISTRIBUTE AS OWN.
- -->
- <!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" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <meta name="image:background" content="http://static.tumblr.com/qbwrk8v/8DJmp816p/bg_body.gif" />
- <meta name="image:sidebar" content="http://static.tumblr.com/qbwrk8v/ZU3mr5215/14.png" />
- <meta name="image:your" content="http://static.tumblr.com/qbwrk8v/9wlmr521v/tumblr_m9hyibnh4e1qkurtko1_500.jpg" />
- <meta name="color:background" content="#eeeeee"/>
- <meta name="color:primary" content="#3a3a3a"/>
- <meta name="color:secondary" content="#f1f1f1"/>
- <meta name="color:tertiary" content="#ccc"/>
- <meta name="color:sidebar" content="#f1f1f1"/>
- <meta name="color:link" content="#79aac2"/>
- <meta name="color:link hover" content="#292929"/>
- <meta name="if:bigger posts" content="0"/>
- <meta name="if:endless scrolling" content="1"/>
- <meta name="text:link one" content="http://"/>
- <meta name="text:link one name" content=""/>
- <meta name="text:link two" content="http://"/>
- <meta name="text:link two name" content=""/>
- <meta name="text:link three" content="http://"/>
- <meta name="text:link three name" content=""/>
- <meta name="text:link four" content="http://"/>
- <meta name="text:link four name" content=""/>
- <meta name="text:link five" content="http://"/>
- <meta name="text:link five name" content=""/>
- <meta name="text:link six" content="http://"/>
- <meta name="text:link six name" content=""/>
- <meta name="text:link seven" content="http://"/>
- <meta name="text:link seven name" content=""/>
- <meta name="text:link eight" content="http://"/>
- <meta name="text:link eight name" content=""/>
- <meta name="text:link nine" content="http://"/>
- <meta name="text:link nine name" content=""/>
- <meta name="text:link ten" content="http://"/>
- <meta name="text:link ten name" content=""/>
- <style type="text/css">
- @font-face {font-family: "slkscr";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
- body {
- background:{color:background};
- background-image:url('{image:background}');
- background-attachment: fixed;
- background-position: top center;
- font-family: consolas;
- font-size: 10px;
- font-weight: normal;
- text-align:justify;
- color:{color:primary};}
- a {
- text-decoration:none;
- color:{color:link};
- -moz-transition: 0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition: 0.3s ease-in;
- transition: 0.3s ease-in;}
- a:hover {
- color:{color:link hover};}
- #sidebar {
- background:{color:sidebar};
- text-align:center;
- padding:10px;
- opacity:0.9;
- -moz-transition: 0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition: 0.3s ease-in;
- transition: 0.3s ease-in;
- margin-top:100px;
- }
- #sidebarbg {
- width:210px;
- height:100%;
- top:0px;
- bottom:0px;
- left:{block:indexpage}{block:ifbiggerposts}337px{/block:ifbiggerposts} {block:ifnotbiggerposts}290px{/block:ifnotbiggerposts}{/block:indexpage} {block:permalinkpage}700px{/block:permalinkpage};
- padding:7px;
- position:fixed;
- background: url({image:sidebar});
- background-size:240px auto;
- box-shadow:0px 0px 5px #ddd; border: 5px solid {color:background};
- z-index:1;
- }
- #sidebarbg:hover #sidebar { height:auto; opacity:1;}
- #sidebarbg:hover #nav {opacity:1; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; z-index:999;opacity:.9; height:auto; margin-bottom:-10px; margin-top:25px;}
- #nav {
- text-transform: uppercase;
- text-decoration: none;
- text-align: center;
- opacity:0;
- -moz-transition: 0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition: 0.3s ease-in;
- transition: 0.3s ease-in;
- background: url();
- margin-left:10px;
- width:170px;
- height:0px;
- position:absolute;
- }
- #nav a {
- padding:4px; font-size:10px; background:{color:secondary}; color:{color:primary};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- margin-top:5px;
- margin-bottom:5px;
- display: block;
- text-align: center;
- line-height:5px;
- }
- #nav a:hover {
- background:{color:link}; color:{color:secondary};-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; text-shadow:2px 0px 0px #FFB3B6, -2px 0px 0px #c8eff1;line-height:10px;}
- #picture {opacity:1;z-index:-1;}
- .title {
- font-size:20px;
- padding:3px;
- border-bottom:4px solid {color:background};
- display:inline-block;
- font-family: georgia;
- font-weight:normal;
- text-transform:lowercase;
- -moz-transition: 0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition: 0.3s ease-in;
- transition: 0.3s ease-in;
- box-shadow:0px 0px 0px;
- }
- .title:hover {
- border-bottom:4px solid {color:tertiary};
- box-shadow:0px 0px 0px;
- text-shadow:5px 0px 0px #ffffff, -5px 0px 0px #ddd;
- }
- h3 {
- font-weight:normal;
- font-family:consolas;
- margin-top:0px;
- margin-bottom:-8px;
- background-color:{color:secondary};
- padding:3px;}
- .wrap {
- width:{block:indexpage}{block:ifbiggerposts}1250px{/block:ifbiggerposts} {block:ifnotbiggerposts}1040px{/block:ifnotbiggerposts}{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage};
- right:0px;
- padding-top:20px;}
- .posts {
- width:{block:indexpage}{block:ifbiggerposts}1250px{/block:ifbiggerposts} {block:ifnotbiggerposts}1040px{/block:ifnotbiggerposts}{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage};
- position:relative;
- float:right;
- margin-bottom:50px;
- padding-bottom:10px;
- left:30px;
- }
- .post {
- padding:5px;
- {block:indexpage}
- margin-right:280px;
- margin-top:10px;
- margin-bottom:10px;
- margin-left:10px;
- width:{block:ifbiggerposts}250px{/block:ifbiggerposts}{block:ifnotbiggerposts}200px{/block:ifnotbiggerposts};
- {/block:indexpage}
- {block:permalinkpage}width:500px;{/block:permalinkpage}
- float:left;
- position:relative;
- box-shadow:0px 0px 5px #ddd; border: 1px solid #eee;
- -moz-border-image:url() 25 30 10 20 repeat stretch;
- -webkit-border-image:url() 25 30 10 20 repeat stretch;
- border-image:url() 25 30 10 20 repeat stretch;
- z-index:0;
- }
- .post:hover .permalink {opacity:1;}
- .permalink {text-align:left; text-transform:uppercase; opacity:.3; font-size:9px; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
- .arrow { opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; width:{block:ifbiggerposts}100px{/block:ifbiggerposts} {block:ifnotbiggerposts}100px{/block:ifnotbiggerposts}; text-align:center; background-color:{color:secondary}; font-size:10px; line-height:10px; position: absolute; margin-left:-15px; margin-top:-15px; z-index:1; }
- {block:IndexPage}
- .post:hover .arrow {display: block; opacity:1; border:5px solid {color:secondary};}
- {/block:IndexPage}
- #permapop {text-transform: uppercase;
- text-decoration: none;
- text-align: center;
- margin-top:-20px;
- margin-left:-10px;
- opacity:0;
- -moz-transition: 0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition: 0.3s ease-in;
- transition: 0.3s ease-in;
- border:1px solid #eeeeee;
- margin-bottom: -10px;
- line-height: 30px;
- background: {color:secondary} url({image:border2});
- width:270px;}
- .post:hover #permapop {opacity:1; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; z-index:1;}
- #permapop a {
- padding:4px; font-size:10px; background:{color:secondary}; color:{color:primary};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- margin-right:-6px;
- z-index:9999;
- }
- #permapop a:hover {
- background:{color:primary}; color:{color:secondary};-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; z-index:9999;}
- .text img, .text a img{
- border: none;
- {block:ifnotbiggerposts}max-width:100px;{/block:ifnotbiggerposts}
- {block:ifbiggerposts}max-width:200px;{/block:ifbiggerposts}
- }
- #credit {position:fixed; bottom:11px; margin-left:5px; left:0px; z-index:1;}
- #credit a {padding:4px; font-size:10px; background:{color:secondary}; color:{color:primary};}
- #credit a:hover {background:{color:primary}; color:{color:secondary};}
- .descrip {margin-top:5px; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; padding:3px;background:{color:link}; color:{color:secondary};}
- .descrip:hover {background:{color:link}; color:#eee;}
- .caption {font-size:8px; text-transform:uppercase; margin-top:-8px; background:{color:secondary};} #albart {width:{block:indexpage}{block:ifbiggerposts}250px{/block:ifbiggerposts}{block:ifnotbiggerposts}200px{/block:ifnotbiggerposts}{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage};}
- .caption img {max-width:150px;}
- .player {background:#000; width:{block:indexpage}{block:ifbiggerposts}250px{/block:ifbiggerposts}{block:ifnotbiggerposts}200px{/block:ifnotbiggerposts}{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage};}
- .notes {margin-top:8px; font-size:9px; font-weight:bold; text-transform:uppercase;}
- ol.notes {padding-left:40px; list-style-type:none; font-weight:normal; font-size:{text:font size}; text-transform:none;}
- ol.notes li.note {padding-top:2px;}
- ol.notes li.note img.avatar {width:14px; height:14px; border: 5px solid {color:secondary};}
- .label {font-weight:bold; text-transform:uppercase; font-size:10px; font-family:{font:title};}
- ul, ol {font-size:10px;}
- blockquote{
- padding: 3px;
- margin: 3px;
- border-left: 1px dotted #666;
- }
- img {border:0px; -webkit-filter: grayscale(50%); opacity:0.8; z-index:-999; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
- img:hover {-webkit-filter: grayscale(0%); opacity:1;}
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation{{block:ifendlessscrolling}display:none; opacity:0;{/block:ifendlessscrolling}{block:ifnotendlessscrolling}padding:10px; font-size:15px; border-bottom:1px dotted {color:tertiary}; background:{color:secondary}; float:left; position:relative; {block:indexpage}margin:18px; width:{block:ifbiggerposts}270px{/block:ifbiggerposts} {block:ifnotbiggerposts}200px{/block:ifnotbiggerposts};{/block:indexpage}{/block:ifnotendlessscrolling}}
- ::-webkit-scrollbar{width:5px;height:5px;}
- ::-webkit-scrollbar-button:start:decrement
- ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
- ::-webkit-scrollbar-track-piece{background-color:{color:background};}
- ::-webkit-scrollbar-thumb:vertical{height:50px; background:{color:background}; border:1px solid {color:secondary}; -webkit-border-radius:5; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
- ::-webkit-scrollbar-thumb:horizontal{width:5px; background:{color:background}; border:1px solid {color:secondary}; -webkit-border-radius:5; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
- iframe#tumblr_controls {position:fixed!important; opacity:.8;}
- {CustomCSS}
- </style>
- <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- {block:ifendlessscrolling}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifendlessscrolling}
- <script type="text/javascript">
- $(window).load(function () {
- $('.posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div.navigation",
- // selector for the paged navigation (it will be hidden)
- nextSelector : ".navigation a#next",
- // selector for the NEXT link (to page 2)
- itemSelector : ".post",
- // selector for all items you'll retrieve
- bufferPx : 10000,
- extraScrollPx: 10000,
- loadingImg : "http://i39.tinypic.com/239zqf.gif",
- loadingText : "<em></em>",
- },
- // call masonry as a callback.
- function() { $('.posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- </head>
- <body>
- <div id="sidebarbg">
- <div id="sidebar">
- <div class="title"><a href="/"><i>{title}</i></a></div>
- <center>
- <div id="nav">
- <a title="archive" href="/archive">history</a>
- <a href="/ask" title="inbox">message</a>
- {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName}
- {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName}
- {block:IfLinkThreeName}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThreeName}
- {block:IfLinkFourName}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFourName}
- {block:IfLinkFiveName}<a href="{text:link five}">{text:link five name}</a>{/block:IfLinkFiveName}
- {block:IfLinkSixName}<a href="{text:link six}">{text:link six name}</a>{/block:IfLinkSixName}
- {block:IfLinkSevenName}<a href="{text:link seven}">{text:link seven name}</a>{/block:IfLinkSevenName}
- {block:IfLinkEightName}<a href="{text:link eight}">{text:link eight name}</a>{/block:IfLinkEightName}
- {block:IfLinkNineName}<a href="{text:link nine}">{text:link Nine name}</a>{/block:IfLinkNineName}
- {block:IfLinkTenName}<a href="{text:link ten}">{text:link ten name}</a>{/block:IfLinkTenName}
- {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- </div>
- </center>
- <center>
- {block:IfYourImage}<br>
- <div id="picture">
- <img src="{image:Your}" width="190px" /><br>
- </div>
- {/block:IfYourImage}
- </center>
- {block:description}<div class="descrip">{description}</div>{/block:description}
- </div>
- </div>
- <div class="wrap">
- <div class="posts">
- {block:Posts}
- {block:Text}<div class="post text">
- <div class="arrow"> <a href="{Permalink}">provoke</a> → {NoteCountWithLabel} </div>
- {block:Title}<h3>{Title}</h3>{/block:Title} <div class="text">{Body}</div>
- </div>{/block:Text}
- {block:Photo}<div class="post photo"><div id="photo">
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" width="{block:indexpage}{block:ifnotbiggerposts}200px{/block:ifnotbiggerposts}{block:ifbiggerposts}250px{/block:ifbiggerposts}{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage}" alt="{PhotoAlt}"/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:permalinkpage}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:permalinkpage}</div>
- </div>{/block:Photo}
- {block:Photoset}<div class="post photoset">
- <div class="arrow"> <a href="{Permalink}">provoke</a> → {NoteCountWithLabel}</div>
- {block:IndexPage}<div style="width:{block:ifnotbiggerposts}200px{/block:ifnotbiggerposts}{block:ifbiggerposts}250px{/block:ifbiggerposts}; height:auto; overflow:hidden;">{block:ifnotbiggerposts}{Photoset-250}{/block:ifnotbiggerposts}{block:ifbiggerposts}{Photoset-250}{/block:ifbiggerposts}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:permalinkpage}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Photoset}
- {block:Quote}<div class="post quote"><a href="{Permalink}">{Quote}</a>{block:Source}<div style="opacity:.5;">{Source}</div>{/block:Source}</div>
- {/block:Quote}
- {block:Link}<div class="post link">
- <div class="arrow"> <a href="{Permalink}">provoke</a> → {NoteCountWithLabel}</div>
- <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
- {/block:Link}
- {block:Chat}<div class="post chat">
- {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
- <a href="{Permalink}"><div class="flower">
- {block:Lines}
- <div class="flower {Alt}">
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}
- </div>
- {/block:Lines}
- </div></a>
- </div>{/block:Chat}
- {block:Video}<div class="post video">
- <div class="arrow"> <a href="{Permalink}">provoke</a> → {NoteCountWithLabel}</div>
- {block:indexpage}<div style="width:{block:ifnotbiggerposts}200px{/block:ifnotbiggerposts}{block:ifbiggerposts}250px{/block:ifbiggerposts}; height:auto; overflow:hidden;">{block:ifnotbiggerposts}{Video-250}{/block:ifnotbiggerposts}{block:ifbiggerposts}{Video-250}{/block:ifbiggerposts}</div>{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}</div>{/block:Video}
- {block:Audio}<div class="post audio">
- <div class="arrow"> <a href="{Permalink}">provoke</a> → {NoteCountWithLabel}</div>
- <div class="player">{AudioPlayerBlack}</div>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}</div>{/block:Audio}
- {block:PermalinkPage}<div class="notes">Posted {block:Date}{ShortDayOfWeek} {ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes}{AmPm}{/block:Date} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<div style="font-size:9px; font-weight:normal; margin-top:1px;">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}{/block:Posts}
- {block:Pagination}<div class="navigation">{block:NextPage}<p id="page_nav"><a style="float:left; margin-top:-15px;" href="{NextPage}" id="next">Older</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:right; margin-top:-15px;" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}</div>{/block:Pagination}
- </div></div></div>
- <div style="position:fixed; bottom:3px; left:3px; font-size:8px; letter-spacing:0px; opacity:.5;;"><a href="http://-apple.tumblr.com/"><b>「 ۵ 」</b></a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement