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>
- <!------------------------------------------------------------------
- COSMIC REDUX: JAEBIUM.TUMBLR.COM
- -don't steal
- -don't remove credit
- -------------------------------------------------------------------->
- <title>{Title} {block:PostTitle}- {PostTitle}{/block:PostTitle}</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="#f8f8f8"/>
- <meta name="color:Text" content="#9f9898"/>
- <meta name="color:Links" content="#848484"/>
- <meta name="color:Hover" content="#b4cace"/>
- <meta name="color:Title" content="#8f8f8f"/>
- <meta name="color:Border" content="#f0f0f0"/>
- <meta name="color:Posts" content="#ffffff"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:Accent" content="#000000"/>
- <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="if:Show Caption" content="1"/>
- <meta name="if:Inverted Tumblr Controls" content="1"/>
- <meta name="text:Ask Link Title" content="ask"/>
- <meta name="text:Ask Title Link" content="/ask"/>
- <meta name="text:Link 1 Title" content=""/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 2 Title" content=""/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 3 Title" content=""/>
- <meta name="text:Link 3 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">
- <!---google fonts--->
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic,800italic,400,600,700,800' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*---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;
- color:white;
- background:{color:Accent};
- margin-top:20px;
- margin-left:10px;
- max-width:300px;
- z-index:9999999999;
- letter-spacing:1px;
- font-size:7px;
- font-style:italic;
- padding:0px 5px;
- text-transform:uppercase;
- border-left:0px solid {color:Border};
- }
- /*---scrollbar---*/
- ::-webkit-scrollbar {
- width: 7px; 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:'open sans', sans-serif, arial, trebuchet ms, calibri;
- font-weight:600;
- }
- 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;
- }
- h1, h2 {
- font-family:arial, trebuchet ms, arial;
- font-weight:bold;
- letter-spacing:1px;
- font-size:11px;
- text-transform:lowercase;
- color:{color:Links};
- padding-left:0px;
- margin-left:20px;
- margin-right:20px;
- padding-top:5px;
- padding-bottom:15px;
- border-bottom:1px solid {color:Border};
- }
- h1::first-letter {
- text-transform:uppercase;
- }
- 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:0px;
- max-width: 100%;
- padding:0px 0px 0px 20px;
- }
- blockquote blockquote {margin: 0px 0px 0px 12px;}
- img {max-width:100%;height:auto;}
- #center {
- width:400px;
- margin:0px auto;
- }
- #sidebar {
- width:165px;
- position:fixed;
- text-align:center;
- top:290px;
- {block:PermalinkPage}
- margin-left:-140px;
- {/block:PermalinkPage}
- }
- .post-500 #sidebar {{block:IndexPage}margin-left:-170px;{/block:IndexPage}}
- .post-400 #sidebar {{block:IndexPage}margin-left:-140px;{/block:IndexPage}}
- .post-250 #sidebar {{block:IndexPage}margin-left:-150px;{/block:IndexPage}}
- #title {
- margin-bottom:0px;
- text-align:left;
- color:{color:Title};
- border:2px solid {color:posts};
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:'open sans' sans-serif, arial;
- font-weight:700;
- font-size:7px;
- padding:10px 15px;
- }
- #description {
- padding:9px 16px;
- margin-top:4px;
- font-family:arial, helvetica, calibri;
- font-size:8px;
- font-weight:none;
- text-align:left;
- letter-spacing:1px;
- background:{color:Posts};
- }
- .links {
- margin-top:4px;
- border:3px solid {color:Posts};
- padding:7px 0px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:6px;
- text-align:center;
- word-spacing:5px;
- background:{color:Posts};
- }
- /*---posts---*/
- #posts {
- padding-top:120px;
- {block:PermalinkPage}
- width:400px;
- margin-left:150px;
- {/block:PermalinkPage}
- }
- .entry {
- padding:5px 5px 2px 5px;
- background:{color:Posts};
- {block:IndexPage}
- margin-bottom:130px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:90px;
- width:400px;
- {/block:PermalinkPage}
- position:relative;
- }
- .post-500 #posts {{block:IndexPage}width:500px;margin-left:120px;{/block:IndexPage}}
- .post-500 .entry {{block:IndexPage}width:500px;{/block:IndexPage}}
- .post-400 #posts {{block:IndexPage}width:400px;margin-left:150px;{/block:IndexPage}}
- .post-400 .entry {{block:IndexPage}width:400px;{/block:IndexPage}}
- .post-250 #posts {{block:IndexPage}width:250px;margin-left:160px;{/block:IndexPage}}
- .post-250 .entry {{block:IndexPage}width:250px;{/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;}
- .text-wrap {
- padding:10px 20px 10px 20px;
- word-wrap:break-word;
- position:relative;
- }
- /*---info---*/
- #details {
- border-top:4px solid {color:Background};
- background:{color:Posts};
- margin-left:-5px;
- margin-right:-5px;
- padding:7px 15px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:7px;
- -webkit-transition:0.4s all;
- -moz-transition:0.4s all;
- -o-transition:0.4s all;
- transition:0.4s all;
- }
- #float-reblog {float:right;}
- .tags {
- {block:IndexPage}
- opacity:0;
- position:absolute;
- font-style:italic;
- -webkit-transition:0.4s all;
- -moz-transition:0.4s all;
- -o-transition:0.4s all;
- transition:0.4s all;
- margin-top:-1px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:390px;
- {/block:PermalinkPage}
- }
- .entry:hover .tags {
- {block:IndexPage}
- opacity:1;
- margin-top:20px;
- -webkit-transition:0.4s all;
- -moz-transition:0.4s all;
- -o-transition:0.4s all;
- transition:0.4s all;
- {/block:IndexPage}
- }
- .post-500 .tags {{block:IndexPage}width:490px;{/block:IndexPage}}
- .post-400 .tags {{block:IndexPage}width:390px;{/block:IndexPage}}
- .post-250 .tags {{block:IndexPage}width:240px;{/block:IndexPage}}
- /*---quote posts---*/
- #source {
- margin-left:-21px;
- margin-top:-11px;
- margin-right:-21px;
- font-size:9px;
- font-family:trebuchet ms, arial, helvetica;
- text-transform:lowercase;
- letter-spacing:1px;
- background:{color:Background};
- padding:10px 15px;
- }
- #quote {
- font-family:arial, trebuchet ms, helvetica;
- font-size:9px;
- letter-spacing:1px;
- text-align:left;
- font-weight:bold;
- padding-top:15px;
- padding-bottom:10px;
- }
- /*---chat posts---*/
- #chat {
- padding-bottom:5px;
- }
- .label {
- text-transform:uppercase;
- letter-spacing:1px;
- display:inline;
- font-size:7px;
- font-weight:bold;
- }
- /*---link posts---*/
- #link {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- }
- /*---audio posts---*/
- #audio-wrap {
- border-bottom:1px solid {color:Border};
- padding-bottom:5px;
- }
- #audioplay {
- width:30px;
- height:30px;
- position:absolute;
- overflow:hidden;
- opacity:.4;
- z-index:2;
- margin-top:25px;
- background:black;
- margin-left:25px;
- -webkit-transition:0.5s all;
- -moz-transition:0.5s all;
- -o-transition:0.5s all;
- transition:0.5s all;
- }
- #audioplay:hover {
- opacity:.7;
- -webkit-transition:0.3s all;
- -moz-transition:0.3s all;
- -o-transition:0.3s all;
- transition:0.3s all;
- }
- .art {
- z-index:1;
- width:50px;
- height:50px;
- padding:15px 15px 13px 15px;
- opacity:.8;
- -webkit-filter: Grayscale(80%);
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- transition-duration:0.6s;
- }
- #audio-wrap:hover .art {
- opacity:1;
- -webkit-filter: Grayscale(0%);
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- transition-duration:0.4s;
- }
- #track-details {
- float:right;
- text-align:right;
- text-transform:uppercase;
- font-size:7px;
- padding-top:20px;
- padding-right:20px;
- letter-spacing:1px;
- }
- /*---answer posts---*/
- .asker {border-bottom:1px solid {color:Border};padding-bottom:1px;}
- #question {
- padding:14px 0px;
- border-bottom:1px solid {color:Border};
- margin-left:20px;
- margin-right:20px;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:calibri, trebuchet ms, arial;
- }
- /*---permalink notes---*/
- .notes {
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- }
- .notes ul, ol {
- list-style-type:none;
- margin-left:-12px;
- padding-right:10px;
- }
- .notes li {
- padding-bottom:5px;
- }
- .notes img {
- width:15px;
- height:15px;
- margin-right:13px;
- border-radius:20px;
- margin-left:-15px;
- margin-bottom:-5px;
- -webkit-filter: Grayscale(100%);
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- transition-duration:0.6s;
- }
- /*---pagination----*/
- #pagination {
- margin-bottom:120px;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- word-spacing:10px;
- font-size:6px;
- }
- #pagination a {
- background:{color:Posts};
- padding:4px 5px;
- border-bottom:1px solid transparent;
- }
- #pagination a:hover {
- border-bottom:1px solid {color:Accent};
- }
- /*---credit---*/
- #credit {
- position:fixed;
- bottom:15px;
- right:15px;
- font-weight:bold;
- font-size:6px;
- text-transform:lowercase;
- letter-spacing:1px;
- text-align:right;
- font-family:trebuchet ms;
- }
- {CustomCSS}</style></head><body>
- <div id="center" class="{select:Post Width}">
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="description">{Description}</div>
- <div class="links">
- <a href="/" title="home">un</a>
- <a href="/ask" title="ask">deux</a>
- <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">trois</a>
- <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">quatre</a>
- <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">cinq</a>
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="text-wrap">{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-wrap">{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-wrap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Photoset}
- {block:Quote}
- <div class="text-wrap">
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- <div id="quote"><i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i></div></div>
- {/block:Quote}
- {block:Link}
- <div class="text-wrap">
- <div id="link"><i class="fa fa-share-alt"></i> | <a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}</div>
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}<div class="text-wrap"><div id="chat">{block:Lines} {block:Label}<div class="label">{Label}</div> {/block:Label}{Line}<br>{/block:Lines} </div></div>
- {/block:Chat}
- {block:Audio}
- <div id="audio-wrap"><div id="track-details">{block:Album}{Album}{/block:Album}{block:TrackName}</br>{TrackName}{/block:TrackName}</div>{block:AudioPlayer}<div id="audioplay">{AudioPlayerBlack}</div>{/block:AudioPlayer}{block:AlbumArt}<img src="{AlbumArtURL}" class="art">{/block:AlbumArt}</div>{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text-wrap">{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-wrap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}
- {/block:Video}
- {block:Answer}
- <div id="question"><span class="asker"><b>{Asker} asked:</b></span> <br>{Question}</div>
- <div class="text-wrap">{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}{block:Caption}<div class="text-wrap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {block:Date}
- <div id="details">
- {block:IndexPage}<div id="float-reblog"><a href="{ReblogURL}">Reblog</a></div>
- <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year} </a>
- {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}{/block:IndexPage}
- {block:PermalinkPage}
- Posted on {Month} {DayOfMonth}, {Year}<br>
- {block:RebloggedFrom}Via - <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
- source - <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
- {/block:PermalinkPage}
- {block:HasTags}<div class="tags">Filed as: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}</div>
- {/block:HasTags}
- </div>
- {block:PermalinkPage}{block:NoteCount}<div id="details">{NoteCountWithLabel}</div>{/block:NoteCount}
- {/block:PermalinkPage}
- {/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}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">previous</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
- {/block:Pagination}
- </div>
- </div></div>
- <!---theme credit (dont remove)--->
- <div id="credit"><a href="http://jaebium.tumblr.com" title="theme credit">th.</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment