Fluid
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
Fluid by xantheose
-->
<html lang="en">
<head>
<meta name="if:Endless scrolling" content="0"/>
<meta name="if:Expand background image" content="0"/>
<meta name="if:Italic title" content="1"/>
<meta name="if:Three columns" content="1"/>
<meta name="if:Four columns" content="0"/>
<meta name="if:Five columns" content="0"/>
<meta name="font:Title" content="Garamond"/>
<meta name="font:Body" content="Garamond"/>
<meta name="color:Background" content="#000000"/>
<meta name="color:Title" content="#DDDDDD"/>
<meta name="color:Borders" content="#444444"/>
<meta name="color:Post title" content="#DDDDDD"/>
<meta name="color:Text" content="#DDDDDD"/>
<meta name="color:Link" content="#DDDDDD"/>
<meta name="color:Chat" content="#181818"/>
<meta name="text:Title font size" content="24"/>
<meta name="text:Post title font size" content="16"/>
<meta name="text:Body font size" content="11"/>
<meta name="image:Background" content=""/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
<style type="text/css">
iframe#tumblr_controls{
top: 1px !important;
margin: 0 0 0 0;
right: 6px !important;
position: fixed !important;
}
body{
margin: 0px;
background-color: {color:Background};
background-image: url({image:Background});
background-attachment: fixed;
background-repeat: no-repeat;
{block:IfNotExpandBackgroundImage}
background-repeat: repeat;
{/block:IfNotExpandBackgroundImage}
font-size: {text:Body font size}px;
font-family: {font:Body};
line-height: 16px;
color: {color:Text};
}
{block:IfExpandBackgroundImage}
div#expand img{position:fixed; top:0; left:0; height:100%; width:100%; z-index:-1;}
{/block:IfExpandBackgroundImage}
a:link, a:active, a:visited{ color: {color:Link}; text-decoration: none;}
::-webkit-scrollbar-thumb:vertical {
background-color: {color:text};
height: 100px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: {color:text};
height: 10px;
}
::-webkit-scrollbar {
height: 10px;
width: 8px;
background-color: {color:background};
}
div#wrap{
margin: auto;
{block:IndexPage}background: {color:Background};{/block:IndexPage}
padding: 30px 15px 0px 15px;
{block:IfThreeColumns}width: 750px;{/block:IfThreeColumns}
{block:IfFourColumns}width: 1000px;{/block:IfFourColumns}
{block:IfFiveColumns}width: 1250px;{/block:IfFiveColumns}
}
div#content{
{block:IndexPage}
{block:IfThreeColumns}width: 750px;{/block:IfThreeColumns}
{block:IfFourColumns}width: 1000px;{/block:IfFourColumns}
{block:IfFiveColumns}width: 1250px;{/block:IfFiveColumns}
{/block:IndexPage}
{block:PermalinkPage}
margin: auto;
width: 500px;
background:{color:Background};
padding: 15px;
{/block:PermalinkPage}
margin-top: 10px;
}
div#header{
background: {color:Background};
{block:IfThreeColumns}width: 750px;{/block:IfThreeColumns}
{block:IfFourColumns}width: 1000px;{/block:IfFourColumns}
{block:IfFiveColumns}width: 1250px;{/block:IfFiveColumns}
{block:PermalinkPage}padding: 10px;{/block:PermalinkPage}
text-align: center;
}
div#footer{
opacity: 0;
filter: alpha(opacity = 0);
background: {color:Background};
position: fixed;
bottom: 0px;
margin-left: -15px;
{block:IfThreeColumns}width: 780px;{/block:IfThreeColumns}
{block:IfFourColumns}width: 1030px;{/block:IfFourColumns}
{block:IfFiveColumns}width: 1280px;{/block:IfFiveColumns}
text-align: center;
z-index: 1;
}
a.nav{
display: inline-block;
letter-spacing: 1px;
font-size: 10px;
font-family: {font:body};
text-transform: uppercase;
color: {color:title};
padding: 10px;
}
.info{padding: 10px 10px 20px 10px;}
.title{
font-family: {font:Title};
font-size: {text:title font size}px;
color: {color:Title};
{block:IfItalicTitle}font-style: italic;{/block:IfItalicTitle}
padding: 10px;
}
.post_title{
font-size: {text:Post title font size}px;
color: {color:Post title};
line-height: 24px;
}
.entry{
{block:IndexPage}
width: 250px;
float: left;
margin-bottom:-5px;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
margin: auto;
{/block:PermalinkPage}
}
.entry img{
{block:IndexPage}max-width: 250px;{/block:IndexPage}
{block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}
}
.pad{margin: 10px 10px 5px 10px;}
.photo img{
opacity: 0.7;
filter: alpha(opacity = 70);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.photo img:hover{
opacity: 1;
filter: alpha(opacity = 100);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.asker{padding: 5px; background: {color:Chat};}
blockquote{
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 1px;
border-left: 2px solid {color:Borders};
}
.permalink{
display: block;
margin-top:-5px;
text-align: center;
font-size: 10px;
font-family: {font:body};
border-top: 1px solid {color:Borders};
padding-top: 3px;
}
.q{
margin-left: 20px;
margin-top: -15px;
font-size: {text:Post title font size}px;
color: {color:Post title};
line-height: 24px;
}
.quote{
position: relative;
top: 20px;
font-size: 60px;
opacity: 0.2;
filter: alpha(opacity = 20);
}
.source{font-size: 12px; margin-left: 35px;}
div#chat li {
padding: 4px;
background-color: {color:Chat};
margin-top: 2px;
}
div#chat ul{
{block:IndexPage}
width: 230px;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
list-style: none;
padding: 0px;
margin-top: 5px;
margin-bottom: 10px;
text-align: left;
}
.audio{
background-color: #E4E4E4;
height: 27px;
{block:IndexPage}
width: 230px;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
overflow: hidden;
}
div#pagination{
display: block;
background: {color:Background};
text-align: center;
padding: 10px 0px 10px 0px;
margin-top: 15px;
border-top: 1px solid {color:Borders};
{block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling}
}
div#pagination a{
padding: 2px 6px 2px 6px;
margin: 4px;
}
.current{font-weight: bold; margin: 4px;}
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px {color:text};
font-size: 10px;
}
ol.notes li.note {
border-top: solid 1px {color:text};
padding: 5px;
font-size: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: normal;
font-size: 10px;
}
ol.notes li.note .answer_content {
font-weight: normal;
font-size: 10px;
}
ol.notes li.note blockquote {
padding:0px 0px 0px 5px;
margin:0px 0px 2px 25px;
border-left: 2px solid {color:Borders};
font-size:10px;
}
ol.notes li.note blockquote a {
text-decoration: none;
font-size: 10px;
}
div#postnotes{margin-top: 20px;}
#infscr-loading{display: none;}
{CustomCSS}
</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
{block:IndexPage}
<script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
{block:IfEndlessScrolling}<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>{/block:IfEndlessScrolling}
<script>
$(function(){
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.entry',
columnWidth: 250
});
});
$container.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : '.entry', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/6RMhx.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:IndexPage}
</head>
<body>
<script>
var visible = 0;
$(window).scroll(function() {
if($(window).scrollTop()>="60") {
if(visible == 0){
$("#footer").stop().fadeTo("medium", 1);
visible = 1;
}
}
else {
if(visible == 1){
$("#footer").stop().fadeTo("medium", 0.0);
visible = 0;
}
}
});
</script>
{block:IfExpandBackgroundImage}<div id="expand"><img src="{image:Background}"></div>{/block:IfExpandBackgroundImage}
<div id="wrap">
<div id="header">
<div class="title">{Title}</div>
{block:Description}<div class="info">{description}</div>{/block:Description}
<div style="border-top: 1px solid {color:Borders}; border-bottom: 1px solid {color:Borders};">
<a href="/" class="nav">Home</a> •
{block:AskEnabled}<a href="/ask" class="nav">Message</a> •{/block:AskEnabled}
<a href="/archive" class="nav">Archive</a>
{block:HasPages}{block:Pages} • <a href="{URL}" class="nav">{Label}</A>{/block:Pages}{/block:HasPages}
{block:SubmissionsEnabled} • <a href="/submit"class="nav">{SubmitLabel}</a>{/block:SubmissionsEnabled}
• <a href="http://xantheose.tumblr.com/" class="nav" target="_blank">Theme</a>
</div></div>
<div id="footer">
<div style="border-top: 1px solid {color:Borders}; border-bottom: 1px solid {color:Borders};">
<a href="/" class="nav">Home</a> •
{block:AskEnabled}<a href="/ask" class="nav">Message</a> •{/block:AskEnabled}
<a href="/archive" class="nav">Archive</a>
{block:HasPages}{block:Pages} • <a href="{URL}" class="nav">{Label}</A>{/block:Pages}{/block:HasPages}
{block:SubmissionsEnabled} • <a href="/submit"class="nav">{SubmitLabel}</a>{/block:SubmissionsEnabled}
• <a href="http://xantheose.tumblr.com/" class="nav" target="_blank">Theme</a>
</div></div>
<div id="content">
{block:Posts}
{block:Text}
<div class="entry"><div class="pad">
{block:Title}<span class="post_title">{Title}</span><p>{/block:Title}
{Body}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Text}
{block:Photo}
<div class="entry">
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
{block:IndexPage}<div class="photo">{/block:IndexPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="250"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>{block:IndexPage}</div>{/block:IndexPage}
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry"><div class="pad">
{block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
<br>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Photoset}
{block:Quote}
<div class="entry"><div class="pad">
<span class="quote">❝</span><div class="q">{Quote}</div>
{block:Source}<div class="source"><p>— {Source}</p></div>{/block:Source}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Quote}
{block:Chat}
<div class="entry"><div class="pad">
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
<div id="chat">
<ul>{block:Lines}<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>{/block:Lines}</ul>
</div>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Chat}
{block:Link}
<div class="entry"><div class="pad">
<span class="post_title"><a href="{URL}">{Name} ↘</span></a><p>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Link}
{block:Audio}
<div class="entry"><div class="pad">
{block:AlbumArt}<img src="{AlbumArtURL}" style="width:180px; margin-bottom:10px;"/>{/block:AlbumArt}
<div class="audio">{AudioPlayerGrey}</div>
{block:IndexPage}{block:Caption}<div style="margin-bottom:8px;">{Caption}
{PlayCount} listens {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}</div>{/block:Caption}{/block:IndexPage}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Audio}
{block:Video}
<div class="entry">
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Video}
{block:Answer}
<div class="entry"><div class="pad">
<div class="asker">{Asker} asked: {Question}</div>
{Answer}<p>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} • {NoteCountWithLabel}</a></span>{/block:IndexPage}
</div></div>
{/block:Answer}
{block:PostNotes}
{block:Caption}{Caption}{/block:Caption}
Posted {TimeAgo} with {NoteCountWithLabel}<br>
{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>
{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{PostNotes}
{/block:PostNotes}
{/block:posts}
{block:IfEndlessScrolling}{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}{/block:IfEndlessScrolling}
</div>
{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}"><small>PREVIOUS</small></a> -{/block:PreviousPage}
{block:JumpPagination length="4"}
{block:CurrentPage}<span class="current">{PageNumber}</span> -{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> -{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}"><small>NEXT</small></a>{/block:NextPage}
</div>
{/block:Pagination}
</div>
<br><br><br>
<!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH -->
</body>
</html> Pasted: Jan 29, 2012, 6:18:57 pm
Views: 40,060