Skip to content

Instantly share code, notes, and snippets.

@spacecowgirl314
Created July 18, 2015 00:55
Show Gist options
  • Save spacecowgirl314/f125849dd8d6c3fa8e12 to your computer and use it in GitHub Desktop.
Save spacecowgirl314/f125849dd8d6c3fa8e12 to your computer and use it in GitHub Desktop.
Mirror of uniform tumblr theme by xantheose
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
Uniform by xantheose
-->
<html lang="en">
<head>
<meta name="if:Repeat background image" content="0"/>
<meta name="if:Italic title" content="0"/>
<meta name="if:400px" content="0"/>
<meta name="if:Endless Scrolling" content="1"/>
<meta name="font:Title" content="Arial"/>
<meta name="font:Post title" content="Arial"/>
<meta name="font:Body" content="Arial"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Post title" content="#363636"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#636363"/>
<meta name="color:Hover" content="#000000"/>
<meta name="color:Chat" content="#F5F5F5"/>
<meta name="text:Title font size" content="20"/>
<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:IfRepeatBackgroundImage}
background-repeat:repeat;
{/block:IfRepeatBackgroundImage}
font-size:{text:Body font size}px;
font-family:{font:Body};
line-height:16px;
color:{color:Text};
}
a:link, a:active, a:visited{color:{color:Link}; text-decoration: none;}
a:hover{color:{color:Hover};}
::-webkit-scrollbar-thumb:vertical {
background-color:#000000;
height:100px;
}
::-webkit-scrollbar-thumb:horizontal{
background-color:#000000;
height:10px;
}
::-webkit-scrollbar{
height:10px;
width:8px;
background-color:#f5f8fa;
}
div#content{
margin-top:20px;
margin-left:180px;
{block:IndexPage}
width:810px;
{block:If400px}
width:860px;
{/block:If400px}
{block:IndexPage}
{block:PermalinkPage}width:500px;{/block:PermalinkPage}
}
div#side{position:fixed; top:20px; width:140px; padding:20px;}
.title{
font-family: {font:Title};
font-size: {text:title font size}px;
color:{color:Title};
padding-bottom:20px;
{block:IfItalictitle}font-style:italic;{/block:IfItalictitle}
}
.portrait{padding-bottom:20px;}
.info{padding-top:20px;}
a.nav{
display: block;
line-height:20px;
font-size:10px;
font-family:{font:body};
text-decoration:underline;
}
.post_title{
font-family:{font:Post title};
font-size:{text:Post title font size}px;
color:{color:Post title};
line-height:24px;
}
.entry{
position: relative;
overflow:hidden;
{block:IndexPage}
width:250px;
{block:If400px}
width:400px;
{/block:If400px}
float:left;
margin:10px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
margin:auto;
{/block:PermalinkPage}
}
.entry img{
{block:IndexPage}
max-width:250px;
{block:If400px}
max-width:400px;
{/block:If400px}
{/block:IndexPage}
{block:PermalinkPage}
max-width:500px;
{/block:PermalinkPage}
}
.asker{padding-bottom:5px; line-height:16px; font-size:9px;}
blockquote{
padding:0px 0px 0px 5px;
margin:0px 0px 2px 1px;
border-left: 1px solid {color:Text};
}
.permalink{
font-size:10px;
font-family:{font:body};
opacity:0.6;
filter: alpha(opacity = 60);
}
.entry:hover .permalink{opacity: 1; filter: alpha(opacity = 100);}
.photo_p{
background:#000;
position: absolute;
top:0px;
left:0px;
height: 99%;
width: 100%;
opacity: 0;
filter:alpha(opacity=0);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3;
}
.entry:hover .photo_p{
opacity: 0.7;
filter:alpha(opacity=0.9);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3;
}
.photobar{height:99%; width:100%;}
.caption{
text-align:left;
padding:20px;
width:100%;
color:#fff;
overflow:hidden;
font-size:11px;
}
.caption a{font-size:11px; color:#FFF; text-decoration:underline;}
.caption blockquote{
padding:0px 0px 0px 5px;
margin:0px 0px 2px 1px;
border-left: 1px solid #FFF;
}
.q{
margin-left:20px;
margin-top:-15px;
font-family:{font:Post Title};
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:250px;
{block:If400px}
width:400px;
{/block:If400px}
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
list-style: none;
padding: 0px;
margin-top:5px;
margin-bottom:10px;
text-align: left;
}
.lalala{
background-color:#E4E4E4;
height:27px;
{block:IndexPage}
width:250px;
{block:If400px}
width:400px;
{/block:If400px}
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
overflow:hidden;
}
div#postnotes{width:500px; margin-top:10px;}
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 {
border-color: {color:text};
padding: 4px 10px;
margin: 10px 0px 0px 25px;
font-size:10px;
}
ol.notes li.note blockquote a {
text-decoration: none;
font-size:10px;
}
div#page{
padding:10px 20px 10px 0px;
{block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling}
}
div#page a{
color:{color:title};
font-family:Arial;
font-size:12px;
}
{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://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#content');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry',
isAnimated : true
});
});
$wall.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : '.entry',
loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
loadingText : " ",
donetext : " ",
extraScrollPx : 9000,
bufferPx : 10000,
debug : false,
errorCallback: function() {
$('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').show(500);
});
</script>
{/block:IndexPage}
</head>
<body>
<div id="side">
<div class="title">{Title}</div>
<div class="portrait"><img src="{PortraitURL-64}" style="-webkit-border-radius: 64px; -moz-border-radius: 64px; border-radius: 64px;"/></div>
<a href="/" class="nav">Home</a>
{block:AskEnabled}<a href="/ask"class="nav">Message</a>{/block:AskEnabled}
<a href="/archive" class="nav">Archive</a>
<a href="/random" class="nav">Random</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 class="info">{description}</div>
{block:Pagination}<div id="page">{block:PreviousPage}<a href="{PreviousPage}">&laquo; / </a>{/block:PreviousPage}{block:nextPage}<a href="{nextPage}">&raquo;</a>{/block:nextPage}</div>{/block:Pagination}
</div>
<div id="content">
{block:Posts}
{block:Text}
<div class="entry">
{block:Title}<span class="post_title">{Title}</span><p>{/block:Title}
{Body}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</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_p"><table class="photobar"><tr><td></td></tr>
<tr><td class="caption">{block:Caption}{Caption}{/block:Caption}</span>
<tr><td></td></tr></table></div>
{/block:IndexPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"
{block:IndexPage}{block:IfNot400px}width="250"{/block:IfNot400px}{block:If400px}width="400"
{/block:If400px}{/block:IndexPage}
{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
{block:IndexPage}{block:IfNot400px}{Photoset-250}{/block:IfNot400px}{block:If400px}{Photoset-400}{/block:If400px}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
<br>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Photoset}
{block:Quote}
<div class="entry">
<span class="quote">&#10077;</span><div class="q">{Quote}</div>
{block:Source}<div class="source"><p>&#8212; {Source}</p></div>{/block:Source}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Quote}
{block:Chat}
<div class="entry">
{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}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Chat}
{block:Link}
<div class="entry">
<span class="post_title"><a href="{URL}">{Name} &#8600;</span></a><p>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Link}
{block:Audio}
<div class="entry">
<center>
{block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="180"/><p>{/block:AlbumArt}</center>
<div class="lalala">{AudioPlayerGrey}</div>
{block:Caption}{Caption}
{PlayCount} listens {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Audio}
{block:Video}
<div class="entry">
{block:IndexPage}{block:IfNot400px}{Video-250}{/block:IfNot400px}{block:If400px}{Video-400}{/block:If400px}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
<p>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Video}
{block:Answer}
<div class="entry">
<div class="asker">{Asker} asked: {Question}</div>
<div style="border-top:1px solid {color:text};">{Answer}<p></div>
{block:IndexPage}<span class="permalink"><a href="{Permalink}">Added at {12Hour}:{Minutes}{AmPm}</a> &#8212; <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:IndexPage}
</div>
{/block:Answer}
{block:PostNotes}
<div id="postnotes">
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}<p>
{block:RebloggedFrom}
<div style="padding-top:5px; border-top:1px solid {color:text};">
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
</div>
{PostNotes}
{/block:PostNotes}
{/block:posts}
{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}
</div>
<!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment