Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ╱╭╮╱╭╮
- ╭╯╰┳╯╰╮
- ╰╮╭╋╮╭╋━━┳━╮
- ╱┃┃┣┫┃┃╭╮┃╭╮╮
- ╱┃╰┫┃╰┫╭╮┃┃┃┃
- ╱╰━┻┻━┻╯╰┻╯╰╯
- ↳ titanjelly.tumblr.com / titanthemes.tumblr.com
- ↳ DO NOT Claim/Repost as your own or Remove the theme credit!
- ↳ DO NOT Use as a theme base or Make heavy modifications!-->
- <html>
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{title}</title>
- <meta name="image:Background" content="" />
- <meta name="image:Header Image" content="" />
- <meta name="select:Header Repeat" content="repeat" title="Repeat">
- <meta name="select:Header Repeat" content="repeat-x" title="X Repeat">
- <meta name="select:Header Repeat" content="repeat-y" title="Y Repeat">
- <meta name="select:Header Repeat" content="no-repeat" title="No Repeat">
- <meta name="select:Header Position" content="top center" title="Top Center">
- <meta name="select:Header Position" content="top left" title="Top Left">
- <meta name="select:Header Position" content="top right" title="Top Right">
- <meta name="select:Header Position" content="bottom center" title="Bottom Center">
- <meta name="select:Header Position" content="bottom left" title="Bottom Left">
- <meta name="select:Header Position" content="bottom right" title="Bottom Right">
- <meta name="select:Header Position" content="center center" title="Center Center">
- <meta name="select:Header Position" content="center left" title="Center Left">
- <meta name="select:Header Position" content="center right" title="Center Right">
- <meta name="select:Header Size" content="" title="Auto">
- <meta name="select:Header Size" content="cover" title="Cover">
- <meta name="select:Header Size" content="contain" title="Fit">
- <meta name="color:Body Background" content="#ffffff"/>
- <meta name="color:Body Text" content="#797979"/>
- <meta name="color:Body Scrollbar" content="#000000"/>
- <meta name="color:Body Links" content="#c6d4d7"/>
- <meta name="color:Post Text" content="#797979"/>
- <meta name="color:Post Background" content="#f9f9f9"/>
- <meta name="color:Header Background" content="#000000"/>
- <meta name="color:Menu Background" content="#000000"/>
- <meta name="color:Menu Text" content="#ffffff"/>
- <meta name="color:Menu Button" content="#000000"/>
- <meta name="color:Menu Button Hover" content="#c6d4d7"/>
- <meta name="color:Title Text" content="#ffffff"/>
- <meta name="color:Title Border" content="#ffffff"/>
- <meta name="color:Post Info Text" content="#ffffff"/>
- <meta name="color:Post Info Links" content="#c6d4d7"/>
- <meta name="color:Post Info Background" content="#000000"/>
- <meta name="text:Header Link 01" content="Index"/>
- <meta name="text:Header Link URL 01" content="/"/>
- <meta name="text:Header Link 02" content="Message"/>
- <meta name="text:Header Link URL 02" content="/ask"/>
- <meta name="text:Header Link 03" content="About"/>
- <meta name="text:Header Link URL 03" content="/about"/>
- <meta name="text:Header Link 04" content="Navigation"/>
- <meta name="text:Header Link URL 04" content="/navigation"/>
- <meta name="text:Header Link 05" content="History"/>
- <meta name="text:Header Link URL 05" content="/archive"/>
- <meta name="if:2 Column Posts" content="1"/>
- <meta name="if:Show Header Title" content="1"/>
- <meta name="if:Show Fixed Bottom Menu" content="1"/>
- <meta name="if:Show Captions" content="0"/>
- <link rel="shortcut icon" href="{Favicon}" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
- <script>
- $(window).scroll(function() {
- var scrollTopVal = $(this).scrollTop();
- if ( scrollTopVal > 200 ) {
- $('#bottom_menu').css({'opacity':'1'});
- } else {
- $('#bottom_menu').css({'opacity':'0'});
- }
- });
- </script>
- <style type="text/css">
- iframe#tumblr_controls {opacity:0.4;}
- /* Main Body CSS
- -------------------------------------------------*/
- body {
- font:7px trebuchet ms;
- margin:0px;
- padding:0px;
- letter-spacing:1px;
- color:{color:Body Text};
- {block:ifbackgroundimage}
- background:{color:Body Background} url('{image:Background}') fixed repeat;
- {/block:ifbackgroundimage}}
- a {color:{color:Body Links};text-decoration:none;}
- a:hover{color:{color:Body Links};text-decoration:none;}
- #tumblr_controls, .post_content, .postinfo_container {
- -webkit-transition: 0.3s;transition: 0.3s;}
- pre,code,kbd,samp,tt {font-family:monospace;}
- ::-webkit-scrollbar-thumb:vertical {
- background:{color:Body Scrollbar} url('{image:Background}') fixed repeat;}
- ::-webkit-scrollbar {
- background:{color:Body Background};
- height:10px;width:4px;}
- ::selection{background:{color:Body Links};color:white;}
- ::-moz-selection{background:{color:Body Links};color:white;}
- p::selection{background:{color:Body Links};color:white;}
- p::-moz-selection{background:{color:Body Links};color:white;}
- a {
- transition:0.5s;
- -moz-transition:0.5s;
- -webkit-transition:0.5s;
- -o-transition:0.5s;}
- #bottom_menu {
- transition:0.5s;
- -moz-transition:0.5s;
- -webkit-transition:0.5s;
- -o-transition:0.5s;}
- /* Container CSS
- -------------------------------------------------*/
- .main_container{width:100%;margin:0px auto 0px auto;}
- /* Sidebar CSS
- -------------------------------------------------*/
- .header_container {
- width:100%;
- position:scroll;
- {block:ifnotShowFixedBottomMenu}margin:30px 0px 15px 0px;
- {/block:ifnotShowFixedBottomMenu}
- {block:ifShowFixedBottomMenu}margin:0px 0px 15px 0px;
- {/block:ifShowFixedBottomMenu}
- background-color:{color:Header Background};
- background-image: url('{image:Header Image}');
- background-position: {select:Header Position};
- background-repeat: {select:Header Repeat};
- background-size: {select:Header Size};
- height:300px;}
- .header_content {
- width:420px;
- text-align:center;
- position: relative;
- top:40%;
- transform:translateY(-50%);
- margin-left:auto;
- margin-right:auto;}
- .header_menu {
- {block:ifnotShowFixedBottomMenu}
- width:100%;
- position:fixed;
- top:0;left:0;right:0;
- z-index:99999999;
- {/block:ifnotShowFixedBottomMenu}
- text-align:center;
- background:{color:Menu Background};}
- .header_menu a {
- display:inline-block;
- padding:15px 10px;
- margin:0px 8px;
- color:{color:Menu Text};
- background:{color:Menu Button};
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:7px;}
- .header_menu a:hover {
- background:{color:Menu Button Hover};}
- .header_title {
- display:block;
- margin-left:auto;
- margin-right:auto;
- padding:10px;
- width:200px;
- color:{color:Title Text};
- border:4px solid {color:Title Border};
- overflow:hidden;
- font-size:14px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;}
- /* Scrolling Menu CSS
- -------------------------------------------------*/
- #bottom_menu {
- position:fixed;
- z-index:10000;
- left:0;right:0;bottom:0;
- text-align:center;
- opacity:0;
- background:{color:Menu Background};}
- #bottom_menu a {
- display:inline-block;
- padding:15px 10px;
- margin:0px 8px;
- color:{color:Menu Text};
- background:{color:Menu Button};
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:7px;}
- #bottom_menu a:hover {
- background:{color:Menu Button Hover};}
- /* Navigation CSS
- -------------------------------------------------*/
- .navigation {
- display:none;
- color:{color:Body Text};
- text-align:center;
- text-transform:uppercase;
- margin-top:15px;
- padding:2px 0px;}
- .navigation a {display:inline-block;}
- /* Posts CSS
- -------------------------------------------------*/
- #post_container {
- {block:if2ColumnPosts}
- {block:IndexPage}width:840px;{/block:IndexPage}
- {block:PermalinkPage}width:420px;{/block:PermalinkPage}
- {/block:if2ColumnPosts}
- {block:ifnot2ColumnPosts}width:420px;{/block:ifnot2ColumnPosts}
- margin-left:auto;
- margin-right:auto;
- position:relative;
- z-index:100;}
- .post {
- float:left;
- width:400px;
- color:{color:Body Text};
- margin:0px 0px -2px 0px;
- padding:10px;
- overflow:hidden;}
- /* Post Elements CSS
- -------------------------------------------------*/
- .post h2 {
- padding:4px 6px;
- margin:5px 0px;
- color:{color:Post Text};
- background:#FDFDFD;
- border:1px solid {color:Body Borders};
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:7px;
- text-align:left;}
- .post h2 a {color:{color:Post Text};}
- .post h2 a:hover {color:{color:Body Links};}
- .post li {list-style: square;}
- .post blockquote {
- border-left:2px solid {color:Body Borders};
- margin:4px 0px 2px 5px;
- padding:2px 0px 2px 5px;}
- .post p {padding:0px;margin:2px 0px;}
- .post img, .post li, .post blockquote {max-width: 100%;}
- .post img {margin-bottom:-2px;}
- .post pre {
- font-size:{text:Post Font Size}px;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap !important;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- overflow-x: auto;
- width:390px;}
- .post_caption {
- padding:4px;
- text-align:justify;
- font-size:{text:Post Font Size}px;
- background:{color:Post Background};
- color:{color:Post Text};}
- .post_text {
- padding:2px;
- text-align:justify;
- font-size:{text:Post Font Size}px;
- color:{color:Post Text};}
- .question {
- padding:4px 6px;
- margin:5px 3px;
- color:{color:Post Text};
- background:#FDFDFD;
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:7px; }
- .answer {
- padding:4px 6px;
- margin:5px 3px;
- color:{color:Post Text};
- background:#FDFDFD;
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:7px;}
- .quote {
- width: 80%;
- margin: auto;}
- .quotetext_short {font-size: 18px;}
- .quotetext_medium {font-size: 14px;}
- .quotetext_long {font-size: 11px;}
- .source {text-align: right;}
- .convo {margin-left:0px;}
- .line {
- color:#fff;
- background:#000;
- font-size:8px;
- font-weight:bold;
- text-align:left;
- text-transform:uppercase;
- letter-spacing:1px;
- padding:2px 10px;
- margin:0px 0px 3px 0px;}
- .line_odd .label {}
- .line_even .label {}
- .convo .label {}
- /* Audio CSS
- -------------------------------------------------*/
- .audiobox {
- margin-bottom:10px;}
- .covericon {
- background:{color:Post Background};
- padding:0px;
- margin:0px 0px 13px 0px;
- height:60px;
- width:60px;}
- .playbutton {
- width:25px;
- overflow:hidden;
- position:absolute;
- margin:15px;
- z-index:100000;}
- .playbox {
- width:60px;
- height:60px;
- margin:5px 0px 0px 5px;
- overflow:hidden;
- position:absolute;
- background:#000;
- z-index:10000;
- opacity:0.4;}
- .audioart {
- height:60px;
- width:60px;
- position:relative;
- padding:4px;
- background:{color:Post Background};
- border:1px solid {color:Body Borders};
- z-index:1000;}
- .audioart img {
- height:60px;
- width:60px;
- position:relative;
- z-index:1000;
- margin-bottom:-2px;}
- .audioinfo {
- color:{color:Body Text};
- width:300px;
- z-index:100000;}
- .audiotrack, .audioartist, .audioplay {
- background:{color:Post Background};
- border:1px solid {color:Body Borders};
- margin:3px 0px;
- padding:3px 5px;}
- .audiotrack {font-weight:bold;}
- /* Post Information CSS
- -------------------------------------------------*/
- .postinfo_container {
- display:block;
- width:400px;
- background:{color:Post Info Background};}
- .postinfo {
- color:{color:Post Info Text};
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- margin:0px;
- padding:7px 0px;}
- .postinfo a {
- color:{color:Post Info Text};
- padding:3px 3px;
- display:inline-block;}
- .postinfo a:hover {
- color:{color:Post Info Text};
- background:{color:Post Info Links};}
- .post_tags {margin:4px 0px;}
- .sources {filter:alpha(opacity=0);opacity:0;display:none;}
- .postnotes {
- width:400px;
- position:relative;
- padding:10px;
- margin-bottom:20px;
- color:{color:Body Text};
- background:{color:Post Background};}
- .postnotes a {color:{color:Body Text};font-weight:bold;}
- .postnotes a:hover {color:{color:Body Links};}
- .postnotes ol {
- list-style-type:none;
- padding:0px;
- margin:0px;}
- .postnotes li {
- background:#FDFDFD;
- padding:2px;
- margin:5px 0px;}
- .postnotes img {display:none;}
- .avatar_frame {display:none;}
- /* Credit CSS - DO NOT REMOVE
- -------------------------------------------------*/
- .credit {
- display:block;
- position:fixed;
- right:5px;bottom:10px;
- z-index:10000000;
- color:#fff;
- background:#000;
- padding:7px 9px;
- font-size:7px;
- font-weight:normal;
- text-align:center;
- text-transform:uppercase;}
- .credit a {color:#fff;
- text-decoration:none;}
- .creditname {
- transition: max-width 1s ease 0s;
- -webkit-transition: max-width 1s ease 0s;
- max-width:4px;overflow:hidden;}
- .credit:hover .creditname {max-width:400px;}
- </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 = $('#post_container');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.post',
- });
- });
- $container.infinitescroll({
- itemSelector : ".post",
- navSelector : "div.navigation",
- nextSelector : ".navigation 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>
- </head>
- <body>
- <div class="header_container">
- <div class="header_menu">
- <a href="{text:Header Link URL 01}">{text:Header Link 01}</a>
- <a href="{text:Header Link URL 02}">{text:Header Link 02}</a>
- <a href="{text:Header Link URL 03}">{text:Header Link 03}</a>
- <a href="{text:Header Link URL 04}">{text:Header Link 04}</a>
- <a href="{text:Header Link URL 05}">{text:Header Link 05}</a>
- </div>
- <div class="header_content">
- {block:ifShowHeaderTitle}
- <div class="header_title">{title}</div>
- {/block:ifShowHeaderTitle}
- <div class="navigation">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" id="previous"> backward < </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" id="next"> > forward </a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- {block:ifnotShowFixedBottomMenu}
- <div id="bottom_menu">
- <a href="{text:Header Link URL 01}">{text:Header Link 01}</a>
- <a href="{text:Header Link URL 02}">{text:Header Link 02}</a>
- <a href="{text:Header Link URL 03}">{text:Header Link 03}</a>
- <a href="{text:Header Link URL 04}">{text:Header Link 04}</a>
- <a href="{text:Header Link URL 05}">{text:Header Link 05}</a>
- <a href="http://www.titanjelly.tumblr.com/themes">Credit</a>
- </div>
- {/block:ifnotShowFixedBottomMenu}
- <div class="main_container">
- <div id="post_container">
- {block:Posts}
- <div class="post">
- {block:ContentSource}
- <div class="sources">
- {SourceURL}{block:SourceLogo}
- <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
- </div>
- {/block:ContentSource}
- {block:Text}
- <div class="post_text">
- {block:Title}
- <h2>{Title}</h2>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Link}
- <div class="post_text">
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- {/block:Link}
- {block:Answer}
- <div class="question">
- <b>{Asker} asked:</b> {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Quote}
- <div class="quote">
- <div class="quotetext_{Length}">"{Quote}"</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="post_text">
- <div class="convo">
- {block:Lines}
- <div class="line">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}</div>{/block:Lines}
- </div>
- </div>
- {/block:Chat}
- <div class="post_content">
- {block:Photo}
- <div class="phototransition">
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
- {block:IndexPage}</a>{/block:IndexPage}
- {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
- </div>
- {block:ifShowCaptions}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="phototransition">
- {Photoset-400}
- </div>
- {block:ifShowCaptions}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Photoset}
- {block:Audio}
- <div class="audiobox">
- <div class="covericon">
- <div class="playbox">
- <div class="playbutton">
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- </div></div>
- <div class="audioart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div></div>
- <div class="audioinfo">
- {block:TrackName}
- <div class="audiotrack">{TrackName}</div>
- {/block:TrackName}
- {block:Artist}
- <div class="audioartist">{Artist}</div>
- {/block:Artist}
- </div></div>
- {block:ifShowCaptions}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:ifShowCaptions}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="post_caption">
- {Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Video}
- </div>
- <div class="postinfo_container">
- <div class="postinfo">
- {block:Date}
- Posted on <a href="{Permalink}" title="Permalink">{Month} {DayOfMonthWithZero}</a> With
- <a href="{Permalink}" title="Permalink">{NoteCount} Notes</a>
- {block:PermalinkPage}
- {block:RebloggedFrom} -
- <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> /
- <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>
- {/block:RebloggedFrom}
- {/block:PermalinkPage} -
- <a href="{ReblogURL}" title="Reblog">reblog</a>
- {/block:Date}
- {block:PermalinkPage}
- {block:HasTags}
- <div class="post_tags">
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}" title="{Tag}">#{Tag}</a>
- {/block:Tags}
- </div>
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- </div>
- {block:PermalinkPage}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">VIA {ReblogParentName} </a> /
- <a href="{ReblogRootURL}">SOURCE {ReblogRootName} </a>
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <!-- Credit / Copyright Information - DO NOT REMOVE -->
- <div class="credit">
- <div class="creditname">
- <a href="http://titanjelly.tumblr.com/themes">TitanThemes</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement