<!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> <!-- ---------------------------------------------- #2 DIFFINDO 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="#e1e4a9"/> <meta name="color:text" content="#757575"/> <meta name="color:links" content="#1e5d88"/> <meta name="color:hover" content="#9bcfe4"/> <meta name="color:permalink hover state" content="#ffffff"/> <meta name="color:sidebar" content="#7e804e"/> <meta name="color:sidebar2" content="#b3b582"/> <meta name="color:sidebar text" content="#ffffff"/> <meta name="color:navigations link" content="#fff"/> <meta name="color:navigations" content="#b3b582"/> <meta name="color:navigations hover" content="#b3b582"/> <meta name="color:posts background" content="#ffffff"/> <meta name="color:permalink background" content="#d2dce2"/> <meta name="color:back to top button" content="#959da7"/> <meta name="color:blockquote" content="#959da7"/> <meta name="image:sidebar" content=""/> <meta name="image:background" content=""/> <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:ask label" content="message"/> <meta name="text:submit label" content="submit"/> <meta name="text:rss label" content="subscribe"/> <meta name="text:Twitter username" content="" /> <meta name="text:Google Analytics ID" content="" /> <script src="http://static.tumblr.com/sjl0ztp/UGEm6pwaz/cufon-yui.js" type="text/javascript"></script> <script src="http://static.tumblr.com/sjl0ztp/iJ9m6pwe3/websymbolsfont_400.font.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('#sub1', { fontFamily: 'websymbolsfont', hover: false }); // Requires a selector engine for IE 6-7, see above </script> <style type="text/css"> @import url(http://fonts.googleapis.com/css?family=PT+Sans); 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: 'pt sans', arial, sans-serif; font-size: 12px; 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; } #cage{ width:835px; } #content{ width:550px; height:100%; float:right; padding:20px; } #sidebar { width:170px; position:fixed; height:100%; background:{color:sidebar}; padding:20px; border-right:30px solid {color:sidebar2}; color:{color:sidebar text}; } #sidebar a, #sidebar a:hover { color:{color:sidebar text}; } #sidebarimg { width:100%; align:center; } #sidebar .linka { margin-top:20px; } #sidebar .linka a { display:block; background:{color:navigations}; color:{color:navigations link}; font-family:consolas, courier new; text-align:center; font-size:10px; letter-spacing:2px; border-bottom:3px solid {color:sidebar}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #sidebar .linka a:hover { border-bottom:3px solid {color:navigations hover}; } #sidebar h2 { font-weight:500; margin:5px 0px 20px; {block:ifalternatetitlefont}font-family:'Bangers', arial, serif;font-size:35px;{/block:ifalternatetitlefont} {block:ifnotalternatetitlefont}font-family:'Miniver', arial, serif;font-size:25px;{/block:ifnotalternatetitlefont} color:#fff; } #sidebar h3 { font-family:consolas, courier new; text-transform:uppercase; letter-spacing:5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; border-left:10px solid {color:sidebar}; border-right:10px solid {color:sidebar}; } #sidebar h3:hover, #sidebarimg:hover + h3 { border-left:10px solid {color:navigations hover}; border-right:10px solid {color:navigations hover}; } #sidebar .pagnition { margin-top:20px; text-align:center; } #sidebar .pagnition a { background:{color:navigations}; border:2px solid {color:navigations}; color:{color:navigations link}; padding:0px 5px; margin-left:2px; } #sidebar .current_page, #sidebar .pagnition a:hover { background:{color:navigations}; border:2px solid {color:navigations hover}; color:{color:navigations link}; padding:0px 5px; } #entry { width: 400px; position:relative; background:{color:posts background}; margin-bottom:20px; {block:ifboxshadow} -moz-box-shadow:0px 3px 5px {color:posts border}; -webkit-box-shadow:0px 3px 5px {color:posts border}; box-shadow:0px 3px 5px {color:posts border}; {/block:ifboxshadow} padding:10px; } #entry .posttitle { font-size:20px; font-family:georgia; font-style:italic; margin-top:5px; padding-left:10px; border-left:2px solid {color:links}; border-right:2px solid {color:links}; } #entry .linktitle { font-size:20px; font-family:georgia; font-style:italic; margin-top:5px; border-bottom-style: double; border-bottom-color:{color:links}; } #entry .title{ font-family:georgia; 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 .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; } .perma { position:absolute; margin-top:-10px; margin-left:410px; } .perma:hover { } .perma .top { width:100px; height:25px; overflow:hidden; margin-bottom:5px; } .perma .mid { width:100px; height:25px; opacity:0.7; overflow:hidden; margin-bottom:5px; } .perma .bot { width:100px; height:25px; opacity:0.4; overflow:hidden; margin-bottom:5px; } .perma .square { margin-left:20px; width:25px; height:25px; background:{color:permalink background}; } .perma .info1 { position:absolute; font-size:12px; padding:6px 7px; color:#333; margin-left:55px; text-transform:uppercase; font-family:consolas; top:0px; display:none; min-width:150px; text-align:left; opacity:0.6; background: {color:permalink hover state}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .perma .info2 { position:absolute; font-size:12px; padding:6px 7px; color:#333; margin-left:55px; text-transform:uppercase; font-family:consolas; top:30px; display:none; min-width:135px; opacity:0.6; background: {color:permalink hover state}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .perma .info3 { position:absolute; font-size:12px; padding:6px 7px; color:#333; margin-left:55px; text-transform:uppercase; font-family:consolas; top:60px; display:none; width:135px; opacity:0.6; background: {color:permalink hover state}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .top:hover + .info1, .mid:hover + .info2, .bot:hover + .info3 { display:block; } .perma .info1:hover, .perma .info2:hover, .perma .info3:hover { display:block; opacity:0.95; } #postnotes{ text-align: justify; } #postnotes blockquote{ border: 0px; } blockquote{ margin:0px 5px; padding:7px 10px; border-left: 2px solid {color:links}; border-right: 2px solid {color:links}; background:{color:blockquote}; } #footer{ float: left; width: 500px; position:relative; background-color:transparent; font-family:consolas; text-align:center; font-size:10px; letter-spacing:5px; margin:7px auto 20px; } .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: 400px !important; {/block:IndexPage} } .photo, div.photo, .photo img { {block:IndexPage} width:400px; 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:permalink background}; 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; } #twitter { width:150px; background:{color:navigations}; padding:7px 10px 10px 10px; font-family:consolas, courier new; font-size:11px; } #twitter_container { height:auto !important; } #twitter_update_list { padding: 0; overflow: hidden; margin:0px auto; } #twitter_update_list li { width: 100%; list-style: none; } #twitter_update_list li a { text-decoration: none; } #twitter_update_list li a:hover { } #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}; } {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="cage"> <div id="sidebar"> <center><a href="/"><img src="{image:sidebar}" id="sidebarimg"><h3>{Title}</h3></a></center> <div class="inner"> <div class="description">{Description}</div> <div class="linka"> {block:ifshowarchivelink}<a href="/archive">archive</a>{/block:ifshowarchivelink} {block:askenabled}<a href="/ask">{text:ask label}</a>{/block:askenabled} {block:submissionsenabled}<a href="/submit">{text:submit label}</a>{/block:submissionsenabled} {block:ifshowrsslink}<a href="{rss}">{text:rss label}</a>{/block:ifshowrsslink} <a href="http://excolo.tumblr.com">theme</a> </div> {block:ifnotinfinitescroll} <div class="pagnition"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage} {block:JumpPagination length="3"} {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage} {/block:Pagination} </div> {/block:ifnotinfinitescroll} </div> {block:iftwitterusername} <div id="twitter"> <div id="twitter_container"> <ul id="twitter_update_list"></ul> </div> </div> {/block:iftwitterusername} </div> <div id="content"> {block:Posts} <div id="entry"> {block:IndexPage} <section class="perma"> <a href="{permalink}" title="go to the permalink page"><div class="top""><div class="square"></div></div><div class="info1">{lang:Posted TimeAgo}{block:ifshowtagsonindexpage}{block:HasTags}<small><br />{lang:Tagged with} {block:Tags}#{Tag} {/block:Tags}</small>{/block:HasTags}{/block:ifshowtagsonindexpage}</div></a> <a href="{permalink}" title="go to the permalink page"><div class="mid"><div class="square"></div></div><div class="info2">{lang:It has NoteCount notes}</div></a> <a href="{reblogurl}" title="reblog this post"><div class="bot"><div class="square"></div></div><div class="info3">Reblog This Post</div></a> </section> {/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"><a href="{Permalink}"><img src="{PhotoURL-400}" alt="{alt}" title="{alt}" width="400px"/></a></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"width="400px"/>{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:permalink background};color:{color:posts background};">{Question}</div> <div class="arrow-down"></div> <div style="font-family:consolas;text-align:center;font-weight:600;margin-top:5px;"><img src="{AskerPortraitURL-16}" style="border:5px solid rgb('{RGBcolor:permalink background}');"><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}"><div style="width:150px;height:150px;background:{color:Blockquote};"><img src="{AlbumArtURL}" width="150px" height="150px"></div></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-400} {block:indexpage}{block:ifshowcaptions}{block:caption}<div style="padding:10px 20px;">{caption}</div>{/block:caption}{/block:ifshowcaptions}{/block:indexpage} {block:Video} </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:ifTwitterUsername} <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=1" type="text/javascript"></script>{/block:ifTwitterUsername} {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>