- <!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">
- <html lang="en"><head>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl5vkKkoZ1qfamg6.gif"/>
- <style type="text/css">
- .links_list { margin:0px; padding:0px; width:180px;}
- .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
- .links_body { padding:10px; text-align:left; color: #fff; display:none;}
- </style>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScrolling}
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#C5008E"/>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="font:Body" content="Trebuchet MS, Arial, Helvetica, sans-serif">
- <meta name="if:Fixed Sidebar" content="1"/>
- <meta name="if:Show Links" content="1"/>
- <meta name="if:Show Pagination In Sidebar" content="0"/>
- <meta name="if:Cornify Link" content="0"/>
- <meta name="if:Infinite Scrolling" content="0"/>
- <meta name="text:Permalink Text" content="+"/>
- <meta name="if:Fixed Background" content="1"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Title" content=""/>
- <meta name="text:Ask Title" content="Questions?"/>
- <meta name="text:Submit Title" content="Submit?"/>
- <meta name="text:Next Page" content="earlier"/>
- <meta name="text:Previous Page" content="later"/>
- <meta name="text:Post Space" content="15px"/>
- <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $('li.drawer div:nth-child(2)').hide();
- $('li.drawer h4').click(function () {
- if ($(this).hasClass('open')) {
- $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
- else {
- $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
- $(this).next().slideDown();
- $(this).addClass('open');}
- });
- });
- </script>
- <style type="text/css">
- body {
- font-size: 11px;
- line-height: 1em;
- background-color: {color:Background};
- background-image: url('{image:Background}');
- color: {color:Text};
- font-family: {font:Body};
- margin: 10px;
- padding: 0px;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
- display: none;
- }
- a {
- color: {color:Text};
- text-decoration: none;
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5s ease-out;
- transition: color 0.5s ease-out;
- }
- div.cap a:hover, p a:hover, ol.notes span.action a:hover {
- margin: -1px;
- border: 1px dotted {color:Link};
- color: {color:Text};
- }
- a:hover, div.permalink p a:hover {
- color: {color:Link};
- border: 0px;
- margin: 0px;
- filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
- }
- img a, img, img a:link, img a:visited, img a:active, img a:hover {
- border: 0px;
- }
- p {
- margin-top: 0.2em;
- margin-bottom: 0.2em;
- }
- blockquote {
- padding-left: 7px;
- border-left: 2px solid {color:Text};
- margin: 3px 0 3px 7px;
- }
- div.post li {
- list-style-type: square;
- margin-left: -15px;
- padding-left: -8px;
- }
- h3 {
- font-style: normal;
- font-weight: bolder;
- font-stretch: extra-expanded;
- text-transform: uppercase;
- line-height: 110%;
- margin: 0px;
- padding-bottom: 2px;
- }
- h2 {
- font-weight: normal;
- letter-spacing: 0.5pt;
- margin: 0px;
- font-size: 200%;
- line-height: 0.9em;
- }
- h4 {
- font-weight: normal;
- letter-spacing: -0.2pt;
- margin: 5px 0px 20px 20px;
- font-size: 150%;
- line-height: 0.8em;
- }
- h1 {
- font-size: 200%;
- line-height: 0.95em;
- font-family: Tahoma, Geneva, sans-serif;
- font-weight: 100;
- letter-spacing: -1px;
- margin-bottom: 8px;
- }
- div.cap {
- font-size: 11px;
- font-style: normal;
- font-weight: normal;
- padding-top: 0px;
- padding-bottom: 3px;
- }
- img#title {
- margin: 10px
- padding-bottom: 7px;
- padding-left: 47px
- padding-right: -4px
- }
- ul#pages {
- margin: 7px;
- padding-left: 0px;
- }
- ul#pages li {
- list-style-type: square;
- margin: 3px 0 3px 0px;
- text-transform: uppercase;
- }
- div#twitter div.content {
- line-height: 90%;
- margin: 0 0 4px -5px;
- }
- div.permalink
- table.chat {
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 80%;
- float: left;
- width: 100%;
- }
- table.chat td.label {
- width: auto;
- text-align: left;
- padding-left: 15px;
- font-weight: bolder;
- }
- table.chat td.line {
- text-align: left;
- marign: 0px;
- padding: 0px;
- }
- div#shell {
- width: 720px;
- margin: 0 auto;
- }
- div#side {
- float: right;
- width: 250px;
- margin-left: 600px;
- padding-left: -300px;
- height: 800%;
- overflow: visible;
- text-align: center;
- {block:IfFixedSidebar}
- position:fixed;
- padding-top: 50px;
- {/block:IfFixedSidebar}
- {block:IfNotFixedSidebar}
- position:absolute;
- padding-top: 10px;
- {/block:IfNotFixedSidebar}
- }
- {block:IfFixedSidebar}
- body>div#side {
- position:fixed;
- }
- {/block:IfFixedSidebar}
- div#content {
- width: 520px;
- position: absolute;
- height: 105%;
- float: left
- }
- div.permalink {
- width: 150px;
- margin-left: -155px;
- position: absolute;
- text-align: right;
- }
- div.permalink p {
- padding-bottom: 0.6em;
- line-height: 1.1em;
- }
- div.post {
- margin: {text:Post Space} 8px 8px;
- display: block;
- }
- div.audio {
- text-align: center;
- width: 100%;
- padding: 5px 0px;
- font-style: italic;
- letter-spacing: 1pt;
- }
- div.audio blockquote {
- padding-left: 0px;
- border-left: 0px;
- margin: 3px 0px;
- }
- div.nav {
- text-align: center;
- margin: 2em;
- }
- ol.notes {
- margin-left: -10px;
- }
- ol.notes li.note {
- list-style-type: decimal;
- padding: 0px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 5px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note blockquote {
- border-left: 16px solid {color:Text};
- padding: 6px 10px;
- margin: 0px;
- font-style: italic;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- font-style: italic;
- padding: 6px 10px;
- border-left: 16px solid {color:Text};
- display: block;
- }
- ul#pages li input {
- font-size: 11px;
- text-transform: uppercase;
- line-height: 1em;
- color: {color:Text};
- font-family: {font:Body};
- border: 0px;
- margin: -1px;
- padding: 0px;
- background: transparent;
- }
- {CustomCSS}
- ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
- ul#drawers a {text-decoration: none; color: #000;}
- ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
- transition: background-color 0.2s ease-out;}
- h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
- li.drawer h4.open {background-color: ; border-top: 0px;}
- li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
- li.drawer div li {list-style-type: disc;}
- li.drawer div ul {-webkit-padding-start: 12px;}
- </style>
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array("#FFB6C1", "#D87093", "#D87093", "#FFB6C1", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
- var bubbles=66; // maximum number of bubbles on screen
- /****************************
- * JavaScript Bubble Cursor *
- * (c) 2010 mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var bubb=new Array();
- var bubbx=new Array();
- var bubby=new Array();
- var bubbs=new Array();
- window.onload=function() { if (document.getElementById) {
- var rats, div;
- for (var i=0; i<bubbles; i++) {
- rats=createDiv("3px", "3px");
- rats.style.visibility="hidden";
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="1px";
- div.left="0px";
- div.bottom="1px";
- div.right="0px";
- div.borderLeft="1px solid "+colours[3];
- div.borderRight="1px solid "+colours[1];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="0px";
- div.left="1px";
- div.right="1px";
- div.bottom="0px"
- div.borderTop="1px solid "+colours[0];
- div.borderBottom="1px solid "+colours[2];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.left="1px";
- div.right="1px";
- div.bottom="1px";
- div.top="1px";
- div.backgroundColor=colours[4];
- div.opacity=0.5;
- if (document.all) div.filter="alpha(opacity=50)";
- document.body.appendChild(rats);
- bubb=rats.style;
- }
- set_scroll();
- set_width();
- bubble();
- }}
- function bubble() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<bubbles; c++) if (!bubby[c]) {
- bubb[c].left=(bubbx[c]=x)+"px";
- bubb[c].top=(bubby[c]=y)+"px";
- bubb[c].width="3px";
- bubb[c].height="3px"
- bubb[c].visibility="visible";
- bubbs[c]=3;
- break;
- }
- }
- for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
- setTimeout("bubble()", 40);
- }
- function update_bubb(i) {
- if (bubby) {
- bubby-=bubbs/2+i%2;
- bubbx+=(i%5-2)/5;
- if (bubby>sdown && bubbx>0) {
- if (Math.random()<bubbs/shigh*2 && bubbs++<8) {
- bubb.width=bubbs+"px";
- bubb.height=bubbs+"px";
- }
- bubb.top=bubby+"px";
- bubb.left=bubbx+"px";
- }
- else {
- bubb.visibility="hidden";
- bubby=0;
- return;
- }
- }
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sleft;
- x=(e)?e.pageX:event.x+sdown; }
- window.onresize=set_width;
- function set_width() {
- if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (typeof(self.innerHeight)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- else {
- swide=800;
- shigh=600;
- }
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- return (div);
- }
- // ]]>
- </script>
- </head>
- <body>
- <div id="shell">
- <div id="side">
- <a href="/">{block:IfTitleImage}<img id="title" width="211px" height="169" src="{image:Title}"/><br />{/block:IfTitleImage}
- </a>
- {Description}
- {block:IfShowPaginationInSidebar}
- {block:IfNotInfiniteScrolling}
- {block:Pagination}<div style="font-size: 350%; margin-left: -3px;">
- {block:PreviousPage}
- <a href="{PreviousPage}" title="post">‹</a>
- {/block:PreviousPage}
- {block:NextPage}<span style="float: right;">
- <a href="{NextPage}" title="ante">›</a>
- </span>{/block:NextPage}
- </div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
- {block:PermalinkPagination}<div style="font-size: 350%; margin-left: -3px;">
- {block:PreviousPost}
- <a href="{PreviousPost}" title="post">‹</a>
- {/block:PreviousPost}
- {block:NextPost}<span style="float: right;">
- <a href="{NextPost}" title="ante">›</a>
- </span>{/block:NextPost}
- </div>{/block:PermalinkPagination}
- {/block:IfShowPaginationInSidebar}
- </div>
- <div id="content">
- {block:SearchPage}
- <h4>search results for "{SearchQuery}"</p>{block:NoSearchResults}no results found{/block:NoSearchResults}</h4>
- {/block:SearchPage}
- {block:TagPage}
- <h4>posts tagged "{Tag}"</h4>
- {/block:TagPage}
- {block:Posts}
- <div class="post">
- <div class="permalink">{block:IndexPage}<a href="{permalink}" title="{NoteCountWithLabel}">{text:Permalink Text}</a>{/block:IndexPage}
- {block:PermalinkPage}
- {block:Date}<p>{12Hour}:{Minutes}{AmPm}<br />{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</p>{/block:Date}
- {block:PostNotes}{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</p>{/block:PostNotes}
- {block:Audio}<p style="padding-top: 0px; margin-top: -0.9em;">{PlayCount} plays</p>{/block:Audio}
- {block:HasTags}<p><em>tags: </em><br />
- {block:Tags}
- <a style="text-transform: lowercase;" href="{TagURL}">{Tag}</a>
- <br />
- {/block:Tags}</p>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- {block:Quote}
- <h3>"{Quote}"</h3>
- {block:Source}<div class="cap">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {/block:Video}
- {block:Link}
- <h2><a href="{URL}" {Target}>{Name} ↘</span></a></h2>
- {block:Description}<caption>{Description}</caption>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <table class="chat">
- {block:Lines}
- <tr>
- <td class="line">{Line}</td>
- {block:Label}<td class="label">{Label}</td>{/block:Label}
- </tr>
- {/block:Lines}
- </table>
- {/block:Chat}
- {block:Audio}
- <div class="audio">{AudioPlayerBlack}
- {block:Caption}<div style="padding-top: 0.4em;"><caption>{Caption}</caption></div>{/block:Caption}</div>
- {/block:Audio}
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- {block:Answer}
- <table><tr><td width="40px" style="vertical-align: top; width: 40px; padding: 0 6px 0 12px;"><img height="22px" width="22px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-48}"/></td><td><strong>{Asker} :<br />{Question}</strong></td></tr>
- <tr><td colspan=2>{Answer}</td></tr></table>
- {/block:Answer}
- </div>
- {block:PostNotes}
- <div id="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- {block:IfNotInfiniteScrolling}
- <div class="nav">
- {block:Pagination}
- {block:PreviousPage}
- ‹ <a href="{PreviousPage}">{text:Previous Page}</a>
- {/block:PreviousPage}
- {CurrentPage}/{TotalPages}
- {block:NextPage}
- <a href="{NextPage}">{text:Next Page}</a> ›
- {/block:NextPage}
- {/block:Pagination}
- <br /><br><br>
- {/block:IfNotInfiniteScrolling}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div></div>
- </body>
- </html>