Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <!-- ----------------------------------------------
- #10 Fidelius THEME BY EXCOLO
- acrisolar.tumblr.com [main blog]
- excolo.tumblr.com [tumblr themes]
- ---------------------------------------------- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#585858"/>
- <meta name="color:Links" content="#80b369"/>
- <meta name="color:Links Hover" content="#585858"/>
- <meta name="color:Posts Background" content="#ffffff"/>
- <meta name="color:Posts Title Underline" content="#dadada"/>
- <meta name="color:Posts Title Text" content="#ffffff"/>
- <meta name="color:Posts Title Background" content="#6b6b6b"/>
- <meta name="color:Posts Border" content="#dadada"/>
- <meta name="color:Posts Padding" content="#f4f4f4"/>
- <meta name="color:Back To Top Button" content="#dadada"/>
- <meta name="color:Blockquote" content="#c0c0c0"/>
- <meta name="color:Custom Scrollbar" content="#585858"/>
- <meta name="color:Meta BG" content="#a8a8a8"/>
- <meta name="color:Meta Text" content="#ffffff"/>
- <meta name="color:Meta BG Hover" content="#e25a5a"/>
- <meta name="color:Meta Text Hover" content="#ffffff"/>
- <meta name="color:Plus BG" content="#f4f4f4"/>
- <meta name="color:Plus Symbol" content="#585858"/>
- <meta name="if:Hide Captions" content="1"/>
- <meta name="if:Full Sized Background" content="0"/>
- <meta name="if:Back To Top Button" content="1"/>
- <meta name="if:Custom Scrollbar" content="1"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="text:Google Analytics ID" content="" />
- <meta name="text:link 1 url" content="" />
- <meta name="text:link 1 title" content="" />
- <meta name="text:link 2 url" content="" />
- <meta name="text:link 2 title" content="" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 3 title" content="" />
- <meta name="image:Background" content=""/>
- <meta name="image:Icon" content="http://static.tumblr.com/sjl0ztp/EHEmfz52k/iconn.jpg"/>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Monoton);
- body {
- font: normal 11px/14px calibri, arial, sans-serif;
- color:{color:Text};
- margin:0px;
- padding:0px;
- background:{color:Background} url({image:Background});
- {block:IfFullSizedBackground}background-size:100%;{/block:IfFullSizedBackground}
- background-attachment:fixed;
- }
- iframe#tumblr_controls {
- position:fixed !important;
- top:5px !important;
- right:10px !important;
- }
- a {
- color:{color:Links};
- text-decoration:none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- a:hover {
- color:{color:Links Hover};
- }
- {block:IfCustomScrollBar}
- ::-webkit-scrollbar {
- width:10px;
- height:10px;
- }
- ::-webkit-scrollbar-track {
- background-color:{color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:Custom Scrollbar};
- }
- {/block:IfCustomScrollBar}
- blockquote {
- margin:20px;
- padding-left:10px;
- border-left:5px solid {color:Blockquote};
- }
- #quince /* container */ {
- margin:50px auto;
- width:465px;
- }
- .pagnition {
- position:fixed;
- margin-left:480px;
- }
- .pagnition a {
- color:{color:Meta BG};
- font: normal 50px/30px Consolas, courier new, arial, sans-serif;
- display:block;
- margin-bottom:2px;
- }
- .pagnition a:hover {
- opacity:0.5;
- }
- #snug /* sidebar */ {
- width:460px;
- margin-bottom:5px;
- }
- .desc {
- position:absolute;
- background:{color:Meta BG};
- color:{color:Meta Text};
- margin-left:85px;
- width:360px;
- height:60px;
- padding:10px;
- }
- .desc span {
- }
- .elinks {
- position:absolute;
- font-size:70px;
- line-height:70px;
- width:80px;
- height:80px;
- text-align:center;
- background:{color:Plus BG};
- color:{color:Plus Symbol};
- opacity:0;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .elinks a {
- color:{color:Plus Symbol};
- }
- #snug:hover .elinks {
- opacity:0.85;
- }
- #flute /* posts container */ {
- width:465px;
- }
- #border {
- margin:0 0 5px 0;
- float:left;
- width:400px;
- position:relative;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- #puck /* individual post */ {
- width: 300px;
- background:{color:Posts Background};
- padding:10px;
- overflow:hidden;
- margin-left:85px;
- border:30px solid {color:Posts Padding};
- }
- #puck .caption {
- {block:IndexPage}{block:IfHideCaptions}display:none;{/block:IfHideCaptions}{/block:IndexPage}
- }
- #puck .quote {
- margin:5px 0px 10px 15px;
- font-size:20px;
- line-height:20px;
- }
- #puck .mark {
- font-size:70px;
- font-family:georgia;
- opacity:0.2;
- margin-top:20px;
- position:absolute;
- }
- #puck .source {
- text-align:right;
- }
- #puck .perminfo {
- font: normal 10px/12px Consolas, courier new, arial, sans-serif;
- }
- #puck .title {
- font-size:15px;
- margin:0;
- border-bottom:1px solid {color:Posts Title Underline};
- padding:0 0 5px 0;
- }
- #puck .title a, #puck .linktitle, #puck .meta a {
- color:{color:Posts Title Text};
- font-size:13px;
- text-transform:uppercase;
- padding:2px 5px;
- line-height:20px;
- font-style:italic;
- background:{color:Posts Title Background};
- }
- #puck .title a:Hover, #puck .linktitle:Hover, #puck .meta a:hover {
- color:{color:Posts Title Text};
- }
- #puck .trackinfo {
- margin-top:10px;
- }
- #puck .trackinfo span {
- font-size:11px;
- padding:2px 5px;
- line-height:20px;
- font-style:italic;
- background:{color:Posts Title Background};
- color:{color:Posts Title Text};
- }
- #puck .linktitle {
- }
- #puck .linktitle:after {
- content:' →';
- }
- table#answer {
- border-bottom:1px solid {color:Posts Border};
- width:300px;
- padding-bottom:10px;
- }
- .tags {
- {block:IfNotShowTags}display:none;{/block:IfNotShowTags}
- }
- .reblogged {
- margin-top:10px;
- }
- .reblogged img {
- border:3px solid {color:Meta BG Hover};
- width:20px;height:20px;
- }
- #quince .photo img {
- display:block;
- width:300px;
- }
- #perma {
- position:absolute;
- width:80px;
- height:100%;
- background:{color:Meta BG};
- text-transform:uppercase;
- color:{color:Meta Text};
- }
- #perma span {
- display:block;
- }
- #border:hover #perma .inner {
- border-top:23px solid {color:Meta BG Hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- #perma a {
- color:{color:Meta Text};
- }
- #perma .inner {
- padding:10px 10px 10px 10px;
- border-top:0px solid {color:Meta BG Hover};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- font-style:italic;
- }
- #buttons {
- position:absolute;
- font-style:none;
- width:80px;
- text-align:center;
- padding-top:4px;
- margin-top:-15px;
- opacity:0;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #border:hover #buttons {
- opacity:1;
- margin-top:0px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- transition: all 1s ease;
- }
- .my-like {
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- .my-liked {
- color: #d91f1f;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- #chat td {
- padding:5px 0 5px 10px;
- vertical-align:top;
- }
- #chat tr.lines {
- border-bottom:1px solid {color:Posts Border};
- display:block;
- }
- #chat tr:last-child { border:none; }
- #chat .label {
- font-weight:bold;
- color:{color:Blockquote};
- width:80px;
- text-align:right;
- border-right:1px solid {color:Posts Border};
- padding:5px 10px 5px 0px;
- margin:0 10px 0 0;
- }
- .nocaption {
- display:none;
- }
- #postnotes ol {
- list-style-type:none;
- margin:0px;
- padding:0px;
- }
- #postnotes {
- line-height: 20px;
- margin-top:20px;
- }
- #top-link{ display:none; position:fixed; right:15px; top:37px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
- #top-link:hover { opacity:0.5; }
- #infscr-loading {
- text-align: center;
- z-index: 100;
- position: fixed;
- bottom:20px;
- left:740px;
- background:#fff;
- padding:3px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- font-size:0px;
- }
- .hide { display:none; }
- .morelinks a {
- display:block;
- text-align:center;
- background:#eee;
- color:#585858;
- opacity:1;
- margin-bottom:2px;
- }
- .morelinks a:hover {
- color:#585858;
- opacity:0.5;
- }
- {CustomCSS}
- #excolo {
- background:#fff;
- width:150px;
- padding:5px 0 5px 10px;
- position:fixed;
- bottom:0px;
- right:-128px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- #excolo:hover {
- right:0px;
- }
- #excolo a {
- color:#585858;
- }
- #excolo span {
- font:20px times new roman, serif;
- padding-right:10px;
- }
- #top-link{ display:none; position:fixed; right:15px; top:37px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
- #top-link:hover { opacity:0.5; }
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block {
- display: none;
- background: {color:Posts Background};
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- }
- .navs a {
- text-transform:uppercase;
- color:{color:Text};
- font-size:15px;
- line-height:18px;
- }
- .navs a:after {
- content:'※';
- padding:0 5px;
- color:{color:links};
- opacity:0.5;
- }
- .navs a:last-child:after {
- content:'';
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- background:#fff;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
- </script>
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/07tm8j6sa/jquery.scrollto-1.4.0-min.js"></script>
- <script type="text/javascript">
- jQuery.fn.topLink = function(settings) {
- settings = jQuery.extend({
- min: 1,
- fadeSpeed: 200,
- ieOffset: 50
- }, settings);
- return this.each(function() {
- //listen for scroll
- var el = $(this);
- el.css('display','none'); //in case the user forgot
- $(window).scroll(function() {
- if(!jQuery.support.hrefNormalized) {
- el.css({
- 'position': 'absolute',
- 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
- });
- }
- if($(window).scrollTop() >= settings.min)
- {
- el.fadeIn(settings.fadeSpeed);
- }
- else
- {
- el.fadeOut(settings.fadeSpeed);
- }
- });
- });
- };
- $(document).ready(function() {
- $('#top-link').topLink({
- min: 400,
- fadeSpeed: 500
- });
- //smoothscroll
- $('#top-link').click(function(e) {
- e.preventDefault();
- $.scrollTo(0,300);
- });
- });
- </script>
- {block:ifinfinitescroll}
- {block:indexpage}
- <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/Ee9mb6v77/infinitescrollavis.js"></script>
- <nav id="page-nav">
- {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
- {/block:indexpage}
- {/block:ifinfinitescroll}
- <!--
- <script>
- $(document).ready(function(){
- $('body').click(function(e){
- e.preventDefault();
- });
- });
- </script>
- -->
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script src="http://static.tumblr.com/sjl0ztp/hRQmfvnm1/typeface-0.15.js"></script>
- <script src="http://static.tumblr.com/sjl0ztp/5BPmfvnnd/web_symbols_liga_regular.typeface.js"></script>
- </head>
- <body>
- <div id="excolo"><a href="http://excolo.tumblr.com" title=""><span>E</span> THEME BY EXCOLO</a></div>
- {block:IfBackToTopButton}
- <div id="top"></div>
- <a style="border:none;" href="#top"><div id="top-link"></div></a>
- {/block:IfBackToTopButton}
- <!-- start content -->
- <div id="quince">
- {block:IfnotInfiniteScroll}
- <div class="pagnition">
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div>
- {/block:IfnotInfiniteScroll}
- <!-- start sidebar -->
- <div id="snug">
- <div class="desc"><span>{Description}</span></div>
- <a href="#?w=250" rel="extras" class="poplight" title="navigations"><div class="elinks">+</div></a>
- <img src="{block:Ificonimage}{image:Icon}{/block:Ificonimage}{block:Ifnoticonimage}<img src="{PortraitURL-96}">{/block:Ifnoticonimage}" width="80" height="80" style="display:block;">
- </div>
- <div id="flute">
- {block:Posts}
- <!-- start each post -->
- <div id="border">
- <div id="perma">
- {block:Date}
- <div id="buttons">
- <div class="typeface-js" style="font-family: Web Symbols;">
- <a href="{Permalink}">K</a> <a href="{ReblogURL}">J</a> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">N</div>
- </div></div>
- <div class="inner">
- <a href="{Permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix}<br />{Month}<br />{Year}</a><br />
- <span>+ {NoteCount}</span>
- {/block:Date}
- {block:RebloggedFrom}<div class="reblogged"><a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" /></a>
- <a href="{ReblogRootURL}" title="Source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" /></a></div>
- {/block:RebloggedFrom}
- </div>
- </div>
- <div id="puck">
- {block:Text}
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="photo">{LinkOpenTag}<img {block:IndexPage}src="{PhotoURL-400}"{/block:IndexPage} {block:PermalinkPage}src="{PhotoURL-400}"{/block:PermalinkPage} alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:Photos}
- <img src="{PhotoURL-400}" width="300" />
- {/block:Photos}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="mark">“</div>
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="linktitle"><span>{Name}</span></a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- <table id="chat">
- {block:Lines}
- <tr class="lines">
- {block:Label}<td class="label">
- {Label}</td>
- {/block:Label}
- <td>{Line}</td>
- </tr>
- {/block:Lines}
- </table>
- {/block:Chat}
- {block:Video}
- {Video-400}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Answer}
- <table cellspacing="0" cellpadding="0" id="answer"><tr><td style="vertical-align:top;"><img src="{AskerPortraitURL-96}" width="40" height="40" style="padding-right:10px;"></td>
- <td style="vertical-align:top;"><b>{Asker} said:</b> {Question}</td>
- </td></table>
- {Answer}
- {/block:Answer}
- {block:Audio}
- {block:AudioPlayer}
- <table cellspacing="0" cellpadding="0"><tr><td style="vertical-align:top;">
- {block:AlbumArt}
- <a href="{Permalink}"><img src="{AlbumArtURL}" alt="Album art" width="110"/></a>
- {/block:AlbumArt}
- </td>
- <td style="vertical-align:top;padding-left:10px;">
- <div style="width:140px;height:24px;background:#e4e4e4;overflow:hidden;padding:9px 20px;"><div style="width:24px;height:24px;overflow:hidden;margin:0px auto;">{AudioPlayerGrey}</div></div>
- <div class="trackinfo">
- {block:TrackName}<span>SONG</span> {TrackName}{/block:TrackName}<br />
- {block:Artist}<span>ARTIST</span> {Artist}{/block:Artist}<br />
- {block:Album}<span>ALBUM</span> {Album}{/block:Album}
- </div>
- </td></tr></table>
- {/block:AudioPlayer}
- {block:AudioEmbed}{AudioEmbed-450}{/block:AudioEmbed}
- <div class="caption">{Caption}</div>
- {/block:Audio}
- {block:PermalinkPage}
- <div class="perminfo">
- {block:HasTags}Tagged with {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br />{/block:HasTags}
- {block:ContentSource}Sourced from <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource}
- {block:Date}Short URL: {ShortURL}{/block:Date}
- </div>
- <div id="postnotes">
- {PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IfGoogleAnalyticsID}
- <script>
- var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
- g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
- s.parentNode.insertBefore(g,s)}(document,'script'));
- </script>
- {/block:IfGoogleAnalyticsID}
- </body>
- <div id="extras" class="popup_block">
- <div class="navs">
- <a href="/">index</a>
- {block:askenabled}<a href="/ask">message</a>{/block:askenabled}
- <a href="/archive">history</a>
- {block:submissionsenabled}<a href="/submit">submit</a>{/block:submissionsenabled}
- {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
- {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
- {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
- <a href="http://excolo.tumblr.com">theme</a>
- </div>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement