<!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> <!-- ---------------------------------------------- #3 PROTEGO 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="#f0f0f0"/> <meta name="color:text" content="#727272"/> <meta name="color:links" content="#374585"/> <meta name="color:hover" content="#374585"/> <meta name="color:title background" content="#000000"/> <meta name="color:title" content="#ffffff"/> <meta name="color:navigations link" content="#ffffff"/> <meta name="color:navigations" content="#8e030d"/> <meta name="color:accent" content="#8e030d"/> <meta name="color:drop down box" content="#191d2f"/> <meta name="color:drop down box links" content="#ffffff"/> <meta name="color:posts background" content="#ffffff"/> <meta name="color:back to top button" content="#818d5c"/> <meta name="color:blockquote" content="#e8e9d6"/> <meta name="color:permalink side" content="#191d2f"/> <meta name="color:permalink side text" content="#ffffff"/> <meta name="color:meta background" content="#eeeeee"/> <meta name="color:meta text" content="#ffffff"/> <meta name="image:sidebar" content="http://static.tumblr.com/sjl0ztp/Cuxm9b7be/tumblr_m98357vply1r1rnvdo1_250.png"/> <meta name="image:background" content="http://static.tumblr.com/sjl0ztp/RkKm9b74y/greynoise.png"/> <meta name="if:alternate title font" content="0"/> <meta name="if:infinite scroll" content="0"/> <meta name="if:full sized background" content="0"/> <meta name="if:show captions" content="1"/> <meta name="if:show archive link" content="1"/> <meta name="if:show rss link" content="0"/> <meta name="if:search" content="1"/> <meta name="if:back to top button" content="1"/> <meta name="if:fixed sidebar" content="1"/> <meta name="if:show tags on index page" content="1"/> <meta name="text:custom title" content="Protego"/> <meta name="text:ask label" content="message"/> <meta name="text:submit label" content="submit"/> <meta name="text:rss label" content="subscribe"/> <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="text:music player code" content="" /> <style type="text/css"> body { margin: 0 0 20px 0; background-color: {color:Background}; background-image:url({image:background}); background-attachment: fixed; background-repeat: repeat; {block:iffullsizedbackground}background-size:100%;{/block:iffullsizedbackground} font-family: consolas, Monaco, sans-serif; font-size: 11px; line-height:110%; color:{color:text}; letter-spacing:0.5px; } iframe#tumblr_controls { top: 5px !important; right: 5px !important; position: fixed !important; } #container { margin-left: auto; margin-right: auto; width: 520px; text-align: center; } 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:hover}; text-decoration:none; } ::selection { color:#fff; background-color:{color:accent}; } ::-moz-selection { color:#fff; background-color:{color:accent}; } #sidebar .sideimg { width:250px; height:135px; overflow:hidden; position:fixed; top:100px; left:150px; z-index:999; background-color:{color:accent}; -webkit-border-radius: 50px 0px; -moz-border-radius: 50px 0px; border-radius: 50px 0px; } #sidebar .letitle { position:fixed; opacity:0.7; width:200px; padding-left:5px; top:75px; left:145px; height:20px; font-size:20px; color:{color:title}; opacity:1; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; width:250px; text-align:right; opacity:1; } #sidebar span { background:{color:title background}; padding:0px 3px; font-size:20px; color:{color:title}; } #sidebar .letitle:hover { opacity:0.5; } #sidebar .sideimg img { width:250px; height:135px; -webkit-border-radius: 50px 0px; -moz-border-radius: 50px 0px; border-radius: 50px 0px; } #sidebar .navigations { position:fixed; width:250px; top:130px; left:20px; text-align:right; z-index:99; } #sidebar .navigations p { margin:0px 0px 5px 0px; } #sidebar .navigations a { background:{color:navigations}; border-left:5px solid {color:accent}; color:{color:navigations link}; font-family:consolas, Monaco; text-transform:uppercase; font-size:10px; letter-spacing:1px; padding:0px 150px 3px 5px; } #sidebar .navigations a:hover { padding:0px 160px 3px 5px; font-style:italic; } #sidebar .dropdown { position:fixed; width:250px; left:150px; top:243px; } #music { background:{color:posts background}; position:fixed; bottom:0px; left:0px; padding:10px; width:20px; height:15px; overflow:hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0px 30px 0px 0px; -moz-border-radius: 0px 30px 0px 0px; border-radius: 0px 30px 0px 0px; } #music:hover { width:250px; } #music .inner { width:250px; } #cage { margin-bottom:40px; } #content{ width:550px; height:100%; padding:20px; left:400px; position:absolute; } #pagnition { position:fixed; left:150px; bottom:20px; width:250px; text-align:right; } #pagnition .next, #pagnition .previous { font-size:15px; padding:5px 10px; background:{color:title background}; color:{color:title}; margin-bottom:10px; display:inline; opacity:1; } #pagnition .next:hover, #pagnition .previous:hover { opacity:0.5; } #entry { width: 500px; position:relative; background:{color:posts background}; margin-bottom:20px; padding:10px; position:relative; } .perma { position:absolute; background-color:{color:permalink side}; margin:-10px 0px 0px 510px; color:{color:permalink side text}; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width:0px; opacity:0.2; overflow:hidden; } #entry:hover .perma { width:64px; opacity:1; } .perma a { color:{color:permalink side text}; } .perma .date { padding: 45px 5px 15px 5px; opacity:0.7; } #entry:hover .perma .date { } .perma .day { font-size: 40px; line-height: 40px; position: absolute; left: 5px; top: 0px; } .perma .month { text-transform: uppercase; font-size: 32px; } .perma .year { display: block; position: absolute; margin-left: 39px; top: 15px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } #entry .posttitle { font-size:20px; font-family:book antiqua; letter-spacing:3px; font-style:italic; margin-top:5px; padding-left:10px; border-left:10px solid {color:accent}; background:{color:blockquote}; } #entry .linktitle { font-size:20px; font-family:book antiqua; letter-spacing:3px; font-style:italic; margin-top:5px; border-bottom-style: double; border-bottom-color:{color:links}; } #entry .linktitle:hover { border-bottom-color:{color:hover}; } #entry .title{ font-family:book antiqua; letter-spacing:3px; font-style:italic; font-size: 20px; line-height: 20px; letter-spacing: 0px; font-weight: normal; padding:0px 0px 0px 0px; } #entry .posttitle a, #entry .linktitle a, #entry .title a { color:{color:text}; } #entry .meta { background:{color:meta background}; color:{color:meta text}; padding:2px 0px; text-align:center; font-size:9px; margin-top:10px; } #entry .meta a { color:{color:meta text}; } #entry .meta span { color:{color:accent}; } #entry .audioplayer { position:absolute; width:28px; height:28px; background:url(http://static.tumblr.com/sjl0ztp/1DNm957sg/border.png); padding:10px; overflow:hidden; top:63px; left:63px; } #entry .audioplayer .inner { width:28px; overflow:hidden; } blockquote{ margin:0px 5px; padding:7px 10px; border-left: 2px solid {color:accent}; border-right: 2px solid {color:accent}; background:{color:blockquote}; } .postnotes ul, .postnotes ol, .postnotes li { list-style:none; margin:0px; padding:0px; } .postnotes li { padding:5px 0px; } .postnotes .avatar { margin-right:10px; } .chat ul, .chat ol, .chat li{list-style:none; margin-left:-40px; padding:0px;} .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight:600;} .notes img{ width:10px; position:relative; top:3px; } .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset { {block:IndexPage} width: 500px !important; {/block:IndexPage} } .photo, div.photo, .photo img { {block:IndexPage} width:500px; display:block; {/block:IndexPage} } .arrow-down { width: 0; height: 0; border-left: 10px inset transparent; border-right: 10px inset transparent; border-top: 10px solid {color:accent}; margin:0px auto; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left:50%; bottom: 20px; font-size:0px; background:#fff; padding:2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:16px; height:16px; } .q { font-family:georgia; font-size:80px; padding-top:25px; } #top-link{ position:fixed; bottom:15px; right:15px; margin:0px auto; font-size:20px; padding-top:5px; text-align:center; width:25px; height:20px; background:{color:back to top button}; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color:{color:background}; } .credit { position:fixed; font-family:times new roman; bottom:7px; left:7px; font-size:20px; background:#fff; padding:3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity:0.5; } .credit:hover { opacity:0.9; } .credit a { color:#333 !important; } {CustomCSS} </style> <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></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> </head> <body> {block:ifbacktotopbutton}<a href="#top" title="back to top"><div id="top-link">↑</div></a>{/block:ifbacktotopbutton} {block:ifinfinitescroll} {block:indexpage} <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script> <script> $(function(){ var $container = $('#content'); $container.infinitescroll({ navSelector : '#page-nav', // selector for the paged navigation nextSelector : '#page-nav a', // selector for the NEXT link (to page 2) itemSelector : '#entry', // selector for all items you'll retrieve loading: { finishedMsg: '<em>no more!</em>', img: 'http://static.tumblr.com/sjl0ztp/LkXm7hysx/snake_transparent.gif' } }, // trigger Masonry as a callback function( newElements ) { var $newElems = $( newElements ).css({ opacity: 1 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); }); </script> <nav id="page-nav"> {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav> {/block:indexpage} {/block:ifinfinitescroll} <div id="sidebar"> <div class="letitle"><a href="/">{block:ifcustomtitle}<span>{text:custom title}</span>{/block:ifcustomtitle}</a></div> <div class="sideimg"> <a href="/"><img src="{image:sidebar}"></a></div> <div class="navigations"> <p><a href="/">home</a></p> {block:askenabled}<p><a href="/ask">{text:ask label}</a></p>{/block:askenabled} {block:submissionsenabled}<p><a href="/submit">{text:submit label}</a></p>{/block:submissionsenabled} {block:ifshowarchivelink}<p><a href="/archive">archive</a></p>{/block:ifshowarchivelink} <p><a href="http://excolo.tumblr.com">theme</a></p> </div> <div class="dropdown"> {description}<select style="font-family:consolas, Monaco;color:{color:drop down box links};background:{color:drop down box};width:180px;font-size:10px;letter-spacing:1px;padding:2px;border:0px solid {color:drop down box};text-transform:uppercase;margin-top:10px;" onChange="location.href=this.options[this.selectedIndex].value;"> <option value=''>navigate</option> {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages} {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1title} {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2title} {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3title} {block:ifshowrsslink}<option value="{rss}">{text:rss label}</option>{/block:ifshowrsslink} </select> </div> </div> {block:ifmusicplayercode} <div id="music"> <div class="inner"> <div style="float:left;"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"> </div> <div style="float:left;">{text:music player code}</div> </div> </div> {/block:ifmusicplayercode} {block:ifnotinfinitescroll} {block:Pagination} <div id="pagnition"> {block:PreviousPage}<a href="{PreviousPage}" class="previous"><</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="next">></a>{/block:NextPage} </div> {/block:Pagination} {/block:ifnotinfinitescroll} <div id="cage"> <div id="content"> {block:Posts} <div id="entry"> {block:IndexPage} {block:Date} <div class="perma"> <div class="date"><a href="{Permalink}"><div class="day">{DayOfMonthWithZero}</div> <div class="month">{ShortMonth}</div> <div class="year">{Year}</div></a></div> </div> {/block:Date} {/block:IndexPage} {/block:IndexPage} {block:Text} {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title} {Body} {/block:Text} {block:Link} <span class="linktitle"><a href="{URL}">{Name} →</a></span> {block:Description}{Description}{/block:Description} {block:Link} {block:Photo}{block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{alt}" title="{alt}" width="500px"/></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/>{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Quote} <table border="0"><tr><td style="vertical-align:top;"><div class="q">“</div></td><td><span class="title"><a href="{permalink}">{Quote}</a></span> {block:Source}<p style="margin:5px 0px 0px 0px;text-align:right;">-- <b>{Source}</b></p>{/block:Source}</td></tr></table> {/block:Quote} {block:Chat} {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Answer} <div style="padding:5px;background:{color:accent};color:{color:posts background};">{Question}</div> <div class="arrow-down"></div> <div style="font-family:consolas, Monaco;text-align:center;font-weight:600;margin-top:5px;"><img src="{AskerPortraitURL-16}"><br />{lang:Asked by Asker 2}</div> {Answer} {/block:Answer} {block:Audio} {block:AudioPlayer} <table border="0"><tr> {block:AlbumArt}<td style="width:150px;vertical-align:top;"><div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><img src="{AlbumArtURL}" width="150px" height="150px"></a> </td>{/block:AlbumArt} <td style="width:220px;vertical-align:top;padding-left:10px;">{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} {block:Album}<b>Album:</b> {Album}<br />{/block:Album} {block:TrackName}<b>Track:</b> {TrackName}<br />{/block:TrackName} {block:PlayCount}<div style="width:100%;border-bottom:1px dotted {color:text};padding-bottom:10px;margin-bottom:10px;"><b>Played:</b> {Playcount} times</div>{/block:PlayCount} {block:caption}{caption}{/block:caption} </td> </tr></table> {/block:AudioPlayer} {/block:Audio} {block:Video} {Video-500} {block:indexpage}{block:ifshowcaptions}{block:caption}<div style="padding:10px 20px;">{caption}</div>{/block:caption}{/block:ifshowcaptions}{/block:indexpage} {block:Video} {block:indexpage} <div class="meta"> <span>{</span> <a href="{Permalink}">{NoteCountWithLabel}</a> <span>}</span> <span>{</span> <a href="{ReblogURL}">Reblog</a> <span>}</span> {block:ifshowtagsonindexpage}{block:HasTags}<span>{</span> {lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} <span>}</span>{/block:HasTags}{/block:ifshowtagsonindexpage} </div> {/block:indexpage} </div> {/block:Posts} {block:posts} {block:permalinkpage} {block:caption}<div id="entry">{caption}</div>{/block:caption} {block:date}<div id="entry"> {lang:Posted TimeAgo with NoteCount notes}<br />{block:RebloggedFrom}{lang:Reblogged from ReblogParentName 2}<br /> {lang:Originally from ReblogRootName 2}<br />{/block:RebloggedFrom} {block:ContentSource}© <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource} {block:HasTags}{lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </div>{/block:date} {block:PostNotes}<div id="entry"><span class="postnotes">{PostNotes}</span></div>{/block:PostNotes} {/block:permalinkpage} {/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> </html>