<!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>