Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!------------------------------------------------------------------
- THEME #12 BY JAEBIUM.TUMBLR.COM
- - dont steal
- - dont remove credit
- - ask me if you have any issues!
- -------------------------------------------------------------------->
- <title>{block:TagPage}#{Tag} — {/block:TagPage} {Title}</title>
- <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="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#a2a2a2"/>
- <meta name="color:Title" content="#000000"/>
- <meta name="color:Links" content="#767676"/>
- <meta name="color:Hover" content="#000000"/>
- <meta name="color:Border" content="#f0f0f0"/>
- <meta name="color:Scrollbar" content="#a0a0a0"/>
- <meta name="color:Accent" content="#151515"/>
- <meta name="select:Post Width" content="post-500" title="500px"/>
- <meta name="select:Post Width" content="post-400" title="400px"/>
- <meta name="select:Post Width" content="post-250" title="250px"/>
- <meta name="select:Tags" content="hover-tags" title="Hover Tags"/>
- <meta name="select:Tags" content="show-tags" title="Show Tags"/>
- <meta name="select:Tags" content="hide-tags" title="Hide Tags"/>
- <meta name="if:Faded Posts" content="1"/>
- <meta name="if:Post Border Radius" content="1"/>
- <meta name="if:Show Caption" content="1"/>
- <meta name="if:Inverted Tumblr Controls" content="1"/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 URL" content="/"/>
- <!----jquery--->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!---tooltip--->
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!---icons---->
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <!----font--->
- <link href='http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*---fade in on load---*/
- body {
- -webkit-animation: fadein 2s;
- -moz-animation: fadein 2s;
- -ms-animation: fadein 2s;
- -o-animation: fadein 2s;
- animation: fadein 2s;
- }
- @keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-ms-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-o-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- /*---tumblr controls---*/
- .tmblr-iframe {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:1;}
- .tmblr-iframe {position:fixed !important;-webkit-filter: invert(100%)}
- /*---tooltip---*/
- #s-m-t-tooltip {
- position:absolute;
- margin-top:-35px;
- margin-left:10px;
- max-width:300px;
- z-index:99;
- font-size:7px;
- font-family:arial, trebuchet ms;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- /*---scrollbar---*/
- ::-webkit-scrollbar {
- width: 5px; height: 3px; background: {color:background};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- }
- /*---selection---*/
- ::selection {color:#000; background: #f9f9f9;}
- ::-moz-selection {color: #000; background: #f9f9f9;}
- ::-webkit-selection {color: #000; background: #f9f9f9;}
- /*---basics--*/
- body {
- margin:0;
- line-height:16px;
- background:{color:Background};
- color:{color:Text};
- font-size:9px;
- font-family:'muli', sans-serif, arial, trebuchet ms;
- font-weight:400;
- }
- a {
- text-decoration:none;
- color:{color:Links};
- -webkit-transition:0.4s all;
- -moz-transition:0.4s all;
- -o-transition:0.4s all;
- transition:0.4s all;
- }
- a:hover {
- color:{color:Hover};
- -webkit-transition:0.4s all;
- -moz-transition:0.4s all;
- -o-transition:0.4s all;
- transition:0.4s all;
- }
- ul {
- list-style-type:square;
- }
- h1, h2 {
- font-family:'muli', sans-serif, arial, trebuchet ms, arial;
- font-weight:bold;
- letter-spacing:1px;
- font-size:10px;
- text-transform:lowercase;
- color:{color:Links};
- padding-bottom:5px;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- blockquote {
- border-left:2px solid {color:Border};
- margin-left:10px;
- max-width: 100%;
- padding:0px 0px 0px 15px;
- }
- blockquote blockquote {margin: 0 0 0 12px;}
- img {max-width:100%;width:100%;height:auto;
- {block:IndexPage}
- {block:IfFadedPosts}
- opacity:.8;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- transition-duration:0.7s;
- {/block:IfFadedPosts}
- {block:IfPostBorderRadius}
- border-radius: 3px;
- -webkit-border-radius: 3px;
- {/block:IfPostBorderRadius}
- {/block:IndexPage}
- }
- .posts:hover img {
- {block:IndexPage}
- {block:IfFadedPosts}
- opacity:1;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;
- {/block:IfFadedPosts}
- {/block:IndexPage}
- }
- .photoset {
- {block:IfPostBorderRadius}
- {block:IndexPage}
- -webkit-border-radius:3px;
- border-radius:3px;
- {/block:IndexPage}
- {/block:IfPostBorderRadius}
- }
- .html_photoset {
- {block:IndexPage}
- {block:IfFadedPosts}
- opacity:.8;
- -webkit-transition-duration:0.7s;
- -moz-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- transition-duration:0.7s;
- {/block:IfFadedPosts}
- {/block:IndexPage}
- }
- .posts:hover .html_photoset {
- {block:IndexPage}
- {block:IfFadedPosts}
- opacity:1;
- -webkit-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;
- {/block:IfFadedPosts}
- {/block:IndexPage}
- }
- #center {
- width:400px;
- position:relative;
- margin:0px auto;
- }
- /*---sidebar---*/
- #borders {
- position:fixed;
- border-left:1px solid {color:Border};
- height:100%;
- {block:PermalinkPage}
- margin-left:270px;
- {/block:PermalinkPage}
- }
- #sidebar {
- width:140px;
- bottom:150px;
- padding-left:60px;
- text-align:left;
- position:fixed;
- }
- .links {
- background:{color:Background};
- text-transform:uppercase;
- font-size:8px;
- font-family:trebuchet ms, arial;
- line-height:18px;
- letter-spacing:1px;
- padding-bottom:10px;
- word-spacing:5px;
- border-bottom:1px solid {color:Border};
- }
- .links a:first-of-type {
- {block:IndexPage}
- border-bottom:1px solid {color:Accent};
- {/block:IndexPage}
- }
- .links a {
- padding:0px 0px 14px 0px;
- margin-right:8px;
- }
- .title {
- text-transform:lowercase;
- letter-spacing:1px;
- font-size:15px;
- font-weight:300;
- padding-bottom:6px;
- padding-top:22px;
- }
- .title a {
- color:{color:Title};
- }
- #description {
- font-size:9px;
- padding-top:10px;
- }
- /*---pagination----*/
- #pagination {
- text-align:left;
- word-spacing:14px;
- font-size:13px;
- margin-top:20px;
- font-family:arial, trebuchet ms;
- letter-spacing:1px;
- }
- #pagination a {
- padding:4px 5px;
- border-bottom:1px solid transparent;
- }
- /*---posts---*/
- #container {
- padding-top:110px;
- {block:PermalinkPage}
- margin-left:-210px;
- width:400px;
- {/block:PermalinkPage}
- }
- .posts {
- position:relative;
- {block:PermalinkPage}
- width:400px;
- {/block:PermalinkPage}
- }
- .post-500 #borders {{block:IndexPage}margin-left:410px;{/block:IndexPage}}
- .post-500 .posts {{block:IndexPage}width:500px;{/block:IndexPage}}
- .post-500 #container {{block:IndexPage}width:500px;margin-left:-180px;{/block:IndexPage}}
- .post-400 #borders {{block:IndexPage}margin-left:270px;{/block:IndexPage}}
- .post-400 .posts {{block:IndexPage}width:400px;{/block:IndexPage}}
- .post-400 #container {{block:IndexPage}width:400px;margin-left:-210px;{/block:IndexPage}}
- .post-250 #borders {{block:IndexPage}margin-left:190px;{/block:IndexPage}}
- .post-250 .posts {{block:IndexPage}width:250px;{/block:IndexPage}}
- .post-250 #container {{block:IndexPage}margin-left:-150px;width:250px;{/block:IndexPage}}
- .post-500 .posts {{block:IndexPage}margin-bottom:90px;{/block:IndexPage}}
- .post-400 .posts {{block:IndexPage}margin-bottom:80px;{/block:IndexPage}}
- .post-250 .posts {{block:IndexPage}margin-bottom:70px;{/block:IndexPage}}
- .post-500 .element-post-250,
- .post-500 .element-post-400,
- .post-400 .element-post-250,
- .post-400 .element-post-500,
- .post-250 .element-post-400,
- .post-250 .element-post-500 {display:none;}
- /*---captions---*/
- .text {
- padding:10px 15px;
- word-wrap:break-word;
- background:#fbfbfb;
- margin-top:5px;
- {block:IfPostBorderRadius}
- {block:IndexPage}
- border-radius:3px;
- {/block:IndexPage}
- {/block:IfPostBorderRadius}
- }
- /*---info---*/
- .date {
- {block:PermalinkPage}
- font-size:9px;
- {/block:PermalinkPage}
- padding-top:10px;
- {block:IndexPage}
- font-size:8px;
- letter-spacing:1px;
- {/block:IndexPage}
- font-weight:400;
- }
- .shmon {
- margin-right:7px;
- font-weight:bold;
- }
- .rebfl {
- float:right;
- opacity:0;
- -webkit-transition:0.7s all;
- -moz-transition:0.7s all;
- -o-transition:0.7s all;
- transition:0.7s all;
- }
- .posts:hover .rebfl {
- opacity:1;
- -webkit-transition:0.4s all;
- -moz-transition:0.4s all;
- -o-transition:0.4s all;
- transition:0.4s all;
- }
- .date:first-letter {
- text-transform:uppercase;
- }
- #tags {{block:IndexPage}margin-top:10px;color:#d0d0d0;font-size:8px;{/block:IndexPage}}
- #tags a {{block:IndexPage}margin-right:5px;{/block:IndexPage}}
- .hover-tags .htags {
- opacity:0;
- margin-top:-10px;
- padding-top:10px;
- border-top:1px solid transparent;
- -webkit-transition:0.7s all;
- -moz-transition:0.7s all;
- -o-transition:0.7s all;
- transition:0.7s all;
- }
- .posts:hover .htags {
- opacity:1;
- margin-top:0px;
- border-top:1px solid {color:Border};
- -webkit-transition:0.3s all;
- -moz-transition:0.3s all;
- -o-transition:0.3s all;
- transition:0.3s all;
- }
- .show-tags .stags {border-top:1px solid {color:Border};padding-top:10px;}
- .hover-tags .stags,
- .hover-tags .ntags,
- .show-tags .htags,
- .show-tags .ntags,
- .hide-tags .stags,
- .hide-tags .htags {display:none;}
- /*---quote posts---*/
- #quote {
- font-size:11px;
- font-family:'muli', sans-serif, arial, trebuchet ms;
- padding:10px 5px;
- font-weight:bold;
- }
- #source {
- text-align:right;
- text-transform:lowercase;
- letter-spacing:1px;
- font-size:8px;
- font-weight:400;
- font-style:italic;
- padding:9px 0px;
- border-top:1px solid {color:Border};
- }
- /*---link posts---*/
- #linkp {
- text-transform:uppercase;
- letter-spacing:1px;
- font-style:italic;
- }
- /*---chat posts---*/
- .textc {
- padding:10px 15px;
- word-wrap:break-word;
- background:#fbfbfb;
- {block:IfPostBorderRadius}
- {block:IndexPage}
- border-radius:3px;
- {/block:IndexPage}
- {/block:IfPostBorderRadius}
- }
- #label {
- display:inline;
- font-weight:bold;
- }
- /*---ask posts---*/
- #asker {
- display:inline;
- text-transform:lowercase;
- font-weight:bold;
- font-style:italic;
- }
- #question {
- padding-bottom:10px;
- border-bottom:1px solid {color:border};
- font-style:italic;
- }
- /*---audio posts---*/
- #trackinfo {
- float:right;
- background:#fbfbfb;
- border-radius:3px;
- padding:5px 10px;
- height:20px;
- font-size:9px;
- overflow:hidden;
- }
- .post-500 #trackinfo {width:445px;}
- .post-400 #trackinfo {width:345px;}
- .post-250 #trackinfo {width:195px;}
- #block {
- width:30px;
- height:30px;
- background:#fbfbfb;
- border-radius:3px;
- }
- .art {
- display:none;
- width:50px;
- padding:5px;
- }
- #player {
- z-index:2;
- position:absolute;
- background:#f9f9f9;
- overflow:hidden;
- border-radius:4px;
- width:30px;
- height:30px;
- }
- /*---permalink notes---*/
- .notec {
- border-bottom:1px solid {color:Border};
- padding-bottom:3px;
- }
- .notes {
- list-style-type:none;
- margin-bottom:80px;
- }
- .notes, .notec {
- font-family:'muli', sans-serif, arial, trebuchet ms;
- font-size:9px;
- border-left:2px solid {color:Border};
- padding-left:10px;
- }
- .notes li {
- padding-bottom:3px;
- }
- .notes ul, ol {
- margin-left:0px;
- }
- .notes img {
- display:none;
- }
- /*---credit---*/
- #credit {
- position:fixed;
- font-size:6px;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:right;
- font-family:arial, trebuchet ms;
- }
- #credit {
- bottom:15px;
- right:15px;
- font-weight:bold;
- }
- #credit a {
- padding:4px 5px;
- border:1px solid {color:Border};
- border-radius:2px;
- }
- #credit a:hover {
- border:1px solid {color:Accent};
- }
- {CustomCSS}</style></head><body>
- <div id="center" class="{select:Post Width}">
- <div id="borders">
- <div id="sidebar">
- <div class="links">
- <a href="/" title="home">001.</a>
- <a href="/ask" title="ask">002.</a>
- <a href="{text:Link 1 URL}" title="{text:Link 1}">003.</a>
- <a href="{text:Link 2 URL}" title="{text:Link 2}">004.</a>
- </div>
- <div class="title"><a href="/">{Title}</a></div>
- <div id="description">{Description}</div>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
- {block:Photo}{LinkOpenTag}{block:IndexPage}<img class="element-post-500" src="{PhotoURL-500}" alt="{PhotoAlt}"/><img class="element-post-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/><img class="element-post-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:PermalinkPage}{LinkCloseTag}{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Photo}
- {block:Photoset}{block:IndexPage}<div class="element-post-500">{Photoset-500}</div><div class="element-post-400">{Photoset-400}</div><div class="element-post-250">{Photoset-250}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Photoset}
- {block:Quote}<div class="text"><div id="quote">“{Quote}”</div>{block:Source}<div id="source">{Source}</div>{/block:Source}</div>{/block:Quote}
- {block:Link}<div id="linkp"><a href="{Link}">{Name}</a></div>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="textc">{block:Lines}{block:Label}<div id="label">{Label}</div> {/block:Label}{Line}<br>{/block:Lines}</div>{/block:Chat}
- {block:Audio}<div id="trackinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} // {Artist}{/block:Artist}</div><div id="block"><div id="player">{AudioPlayerWhite}</div>{block:AlbumArt}<img src="{AlbumArt}" class="art">{/block:AlbumArt}</div>{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Audio}
- {block:Video}{block:IndexPage}<div class="element-post-500">{video-500}</div><div class="element-post-400">{Video-400}</div><div class="element-post-250">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Video}
- {block:Answer}<div class="text"><div id="question"><div id="asker">{Asker}:</div> {Question}</div>{block:Answerer}{Answerer}: {/block:Answerer}{Answer}</div>{/block:Answer}
- {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {block:Date}
- <div class="date">
- {block:IndexPage}<a href="{ReblogURL}" class="rebfl" target="_blank"> Reblog </a><a href="{Permalink}" class="shmon">{ShortMonth} {DayOfMonth}</a> {block:NoteCount}{NoteCount}N{/block:NoteCount}
- {/block:IndexPage}
- {block:PermalinkPage}Posted on {Month} {DayOfMonth} {Year}<br>{block:RebloggedFrom}Via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>, Source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{/block:PermalinkPage}
- {block:HasTags}<div id="tags" class="{select:Tags}">{block:IndexPage}<div class="htags">{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}</div><div class="stags">{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
- {/block:IndexPage}
- {block:PermalinkPage}Tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:PermalinkPage}</div>{/block:HasTags}
- {block:PermalinkPage}<div class="date">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>{/block:PermalinkPage}
- </div>
- {/block:Date}
- {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
- {block:ContentSource}
- <!------ {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- </div>
- {/block:Posts}
- </div>
- </div>
- <!---theme credit (dont remove)--->
- <div id="credit"><a href="http://jaebium.tumblr.com" title="theme credit" target="_blank">J</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment