<!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> <!-- ---------------------------------------------- #4 STUPEFY 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="#727272"/> <meta name="color:links" content="#dfae7e"/> <meta name="color:hover" content="#928d87"/> <meta name="color:title background" content="#dfae7e"/> <meta name="color:title" content="#ffffff"/> <meta name="color:navs background" content="#dfae7e"/> <meta name="color:navs" content="#ffffff"/> <meta name="color:title hover" content="#928d87"/> <meta name="color:navs hover" content="#928d87"/> <meta name="color:accent" content="#dfae7e"/> <meta name="color:permalink background" content="#e9d3bb"/> <meta name="color:permalink text" content="#ffffff"/> <meta name="color:posts background" content="#ffffff"/> <meta name="color:back to top button" content="#dfae7e"/> <meta name="color:blockquote" content="#eeeeee"/> <meta name="color:header background" content="#f3f0e9"/> <meta name="color:header bottom" content="#dfae7e"/> <meta name="color:header text" content="#514e45"/> <meta name="image:background" content="http://static.tumblr.com/sjl0ztp/tD0ma0i46/bgpicc.png"/> <meta name="if:two columns" 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:back to top button" 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: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: georgia, times new roman, serif; font-size: 10px; line-height:120%; color:{color:text}; letter-spacing:0.5px; } iframe#tumblr_controls { top: 5px !important; right: 5px !important; position: fixed !important; z-index:99999 !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}; } #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 { width:830px; margin:0px auto; } #headerblock { visibility:hidden; margin:0px auto 20px auto; } #headerfixed { position:fixed; width:100%; z-index:9999; border-bottom:2px solid {color:header bottom}; margin:0px auto 20px auto; background:{color:header background}; opacity:0.85; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #headerfixed:hover { opacity:1; } #header { background:{color:header background}; color:{color:header text}; padding:20px 0px; margin:0px auto 0px auto; text-align:center; width:830px; } #header .navigations { margin-top:10px; } #header .navigations a { background:{color:navs background}; color:{color:navs}; font-family:courier new; text-transform:uppercase; letter-spacing:2px; padding:0px 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } #header .navigations a:hover { background:{color:navs hover}; } #header .btitleouter { margin:0px 0px 15px 0px; } #header span.btitle { background:{color:title background}; font-family:courier new; font-weight:500; font-size:20px; color:{color:title}; text-transform:uppercase; letter-spacing:3px; padding:0px 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } #header span.btitle:hover { background:{color:title hover}; } #content{ {block:indexpage}{block:iftwocolumns}width: 560px;{/block:iftwocolumns}{block:ifnottwocolumns}width:840px;{/block:ifnottwocolumns}{/block:indexpage} {block:permalinkpage}width:520px;{/block:permalinkpage} height:100%; z-index:999; margin:0px auto; } #entry { {block:indexpage}width: 250px;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage} position:relative; background:{color:posts background}; margin:0px 10px 10px 0px; padding:10px; float:left; position:relative; overflow:hidden; } .perma { position:absolute; background:{color:permalink background}; margin:-10px 0px 0px -10px; width:100%; padding:2px 0px; text-align:center; bottom:-10px; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; color:{color:permalink text}; font-family:courier new; text-transform:uppercase; font-size:9px; letter-spacing:1px; } #entry:hover .perma { bottom:0px; opacity:0.9; } #entry .posttitle { font-size:15px; letter-spacing:3px; font-family:courier new; text-transform:uppercase; margin-top:5px; padding-left:10px; border-left:10px solid {color:accent}; } #entry .linktitle { font-size:15px; font-family:courier new; letter-spacing:3px; text-transform:uppercase; margin-top:5px; border-bottom-style: double; border-bottom-color:{color:links}; line-height:150%; } #entry .linktitle:hover { border-bottom-color:{color:hover}; } #entry .title{ font-family:courier new; letter-spacing:3px; text-transform:uppercase; font-size: 15px; line-height: 15px; letter-spacing: 3px; 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:111px; left:111px; } #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: 250px !important; {/block:IndexPage} } .photo, div.photo, .photo img { {block:IndexPage} width:250px; 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 0px 0px 20px; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left:50%; bottom: 20px; font-size:0px; background:#fff; padding:2px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; width:48px; height:48px; } #infscr-loading img { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .q { font-family:georgia; font-size:40px; padding-top:10px; color:{color:accent}; } #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:10px; left:10px; font-size:20px; opacity:1; } .credit:hover { opacity:0.8; } .credit a { color:{color:back to top button} !important; } {CustomCSS} </style> </head> <body> {block:ifbacktotopbutton}<a onclick="jQuery('html, body').animate( { scrollTop: 0 }, 'slow' );" href="javascript:void(0);"><div id="top-link">↑</div></a> {/block:ifbacktotopbutton} <div class="credit"> <a href="http://excolo.tumblr.com" title="theme by excolo">E</a> </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} <div id="headerfixed"> <div id="header"> <div class="btitleouter"><a href="/"><span class="btitle">{Title}</span></a></div> {Description} <div class="navigations"> {block:askenabled}<a href="/ask">{text:ask label}</a> {/block:askenabled} {block:submissionsenabled}<a href="/submit">{text:submit label}</a> {/block:submissionsenabled} {block:ifshowarchivelink}<a href="/archive">archive</a> {/block:ifshowarchivelink} {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} </div> </div> </div> <div id="cage"> <div id="headerblock"> <div id="header"> <div class="btitleouter"><a href="/"><span class="btitle">{Title}</span></a></div> {Description} <div class="navigations"> {block:askenabled}<a href="/ask">{text:ask label}</a> {/block:askenabled} {block:submissionsenabled}<a href="/submit">{text:submit label}</a> {/block:submissionsenabled} {block:ifshowarchivelink}<a href="/archive">archive</a> {/block:ifshowarchivelink} {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} </div> </div> </div> <div id="content"> {block:Posts} <div id="entry"> {block:indexpage} <a href="{Permalink}"><div class="perma">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} - {NoteCountWithLabel}</div></a> {/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-250}" alt="{alt}" title="{alt}" width="250px"/></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:courier new;text-transform:uppercase;margin:5px 0px 0px 22px;"><img src="{AskerPortraitURL-16}"> {lang:Asked by Asker 2}</div> {Answer} {/block:Answer} {block:Audio} {block:AudioPlayer} {block:AlbumArt}<div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><img src="{AlbumArtURL}" width="250px" height="250px"></a> {/block:AlbumArt} <br /><br /> {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}<b>Played:</b> {Playcount} times{/block:PlayCount} {/block:AudioPlayer} {/block:Audio} {block:Video} {block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage} {block:indexpage}{block:ifshowcaptions}{block:caption}{caption}{/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> <nav id="page-nav"> {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav> <script src="http://static.tumblr.com/ihdmiub/fXOm2ke05/jquery-1.7.1.min.js"></script> <script src="http://static.tumblr.com/ihdmiub/e8tm2kdze/jquery.masonry.min.js"></script> <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script> <script> $(function(){ var $container = $('#content'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '#entry', columnWidth: 0 }); }); $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: 'No more pages to load.', img: 'http://24.media.tumblr.com/tumblr_m3j5g3KlEm1r0fipko8_r1_100.gif' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); }); </script> {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>