Skip to content

Instantly share code, notes, and snippets.

@jacobh

jacobh/gist:1316265

Created October 26, 2011 12:57
Show Gist options
  • Save jacobh/1316265 to your computer and use it in GitHub Desktop.
Save jacobh/1316265 to your computer and use it in GitHub Desktop.
Download ZIP
Tumblr Theme
Raw
gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<!-- ----------------------------------
Theme Urban by Max Davis, 2011.
http://themes.themaxdavis.com
---------------------------------- -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#fff"/>
<meta name="color:center" content="#fff"/>
<meta name="color:text" content="#B3B3B3"/>
<meta name="color:title" content="#777777"/>
<meta name="color:link" content="#777777"/>
<meta name="color:hover" content="#B3B3B3"/>
<meta name="color:Photo post hover" content="#ff0000"/>
<meta name="color:Notes photo post hover" content="#fff"/>
<meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
<meta name="image:Background" content="" />
<meta name="image:Sidebar" content="" />
<meta name="if:infinite scrolling" content="0"/>
<meta name="if:Show reblog on photo post" content="0"/>
<meta name="if:Show photo Caption" content="0"/>
<meta name="if:Show archive" content="0"/>
<meta name="if:Show random" content="0"/>
<meta name="if:Show submit" content="0"/>
<meta name="text:ask title" content=""/>
<meta name="text:Reblog Title" content="Reblog this post" />
<meta name="text:Next Page" content="Next Page" />
<meta name="text:Previous Page" content="Previous Page" />
<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Three Title" 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><script src="http://themes.themaxdavis.com/scripts/jquery-1.3.2.min.js" type="text/javascript"></script>{block:Ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifinfinitescrolling}<link href="http://static.tumblr.com/8jq17g7/liCln580a/style_link.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
</head><meta name="viewport" content="width=820" />
<style type="text/css">
iframe#tumblr_controls {
top: 1px !important;
margin: 0 0 0 0;
right: 4px !important;
position: fixed !important;}
body{
background-color: {color:background};
background-image:url({image:Background});
background-attachment: fixed;
background-position:top left;
background-repeat: repeat;
color: {color:text};
font-family: {font:Body};
font-size: 10px;
line-height: 11px;
overflow-x:hidden;
margin:0px;
text-align: left;}
a{color:{color:link}; text-decoration:none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;}
a:hover{color: {color:hover};
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}
strong{color:#000;}
img{border:none;}
div#content{
margin: auto;
width:520px;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;}
div#center{
background-color: {color:center};
/*margin-left: -125px;*/
padding: 10px;
width:500px;
text-align: left;}
#entry{
margin-left:0px;
width:350px;
/*margin-bottom: 20px;*/}
#entry img, #info{
width:350px !important;
}
div#sidebar{
padding: 10px;
font-size: 10px;
background-color: {color:center};
width:200px;
margin-top:30px;
position: fixed;
margin-left: -125px;}
blockquote{
margin: 10px;
color: {color:text};
padding: 10px;}
div.post div.conversation ul {list-style-type:none;}
ol.notes {
padding: 0px;
font-weight:normal;
margin: 0px 0px;
list-style-type: none !important;
border-bottom: 0px;
margin-left: 50px;
text-align: left;}
ul {list-style-type:bullet;}
ul:hover {color: #999;}
ol {list-style-type: upper-roman;}
ul:hover {color: #999;}
.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: bold;}
#answer{
margin-top: 8px;
margin-left: -34px;}
.title{
font-family: {font:Body};
font-weight:bold;
font-size: 20px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;
text-transform:uppercase;}
.title2{
font-family: {font:Body};
font-weight:bold;
font-size: 15px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;}
.quotesymbols{
font-size: 30px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
line-height: -10px;}
#photo {width:500px;}
#photo div#picture {position:relative;}
#photo img {max-width:500px; display:block;}
div#photo div#picture div#info {
position:absolute;
opacity: 0;
top:0;
left:0;
width:500px;
height:100%;
visibility:hidden;
z-index:998;
text-align:center;
background-color: {color:Photo post Hover};
opacity 0.7s linear;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;}
div#photo div#picture div#info:hover {
opacity 0.7s linear;
opacity: 0.8;
-moz-box-shadow: inset 0 0 100px rgba(0,0,0,0.65);
-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.65);
box-shadow: inset 0 0 100px rgba(0,0,0,0.65);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;}
div#photo div#picture div#info div#holder {
position:absolute;
top:40%;
left:50%;
margin-left:-95px;
width:180px;
height: 80xp;
text-align:center;
z-index:999;
color:#000;}
div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover {
text-decoration:none;
color:{color:Notes photo post hover};
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
div#photo div#picture div#info div#holder span#note_count {
font-weight:bold;
letter-spacing: -3px;
line-height: 80px;
font-size:60px;
text-transform:uppercase;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
div#photo div#picture div#info div#holder span#Photo_reblog {
font-weight:bold;
letter-spacing: -1px;
line-height: 18px;
font-size:30px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
div#photo div#picture:hover div#info {visibility:visible;}
.permalink{
display: block;
font-size: 9px;
text-align: right;
float:left;
position: absolute;
margin-bottom: -40px;
margin-top: 0px;
height: 25px;
width: auto;
margin-left: -110px;}
div#entry .permalink1 a{color:{color:permalink};}
div#entry .permalink1 a:hover{
opacity:0.5;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all 0.3s linear;}
div#entry .permalink1{
width:auto;
background-color:{color:center};
height: 35px;
position:absolute;
margin-top: -15px;
text-align: left;
padding:10px;
text-align: right;
color:{color:permalink}; overflow:hidden;
line-height:12px;
font-size:10px; letter-spacing:0px;
white-space:nowrap;
-webkit-transition: opacity 0.7s linear;
opacity: 0.0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all 0.5s linear;}
div#entry:hover .permalink1{
letter-spacing: 0px;
overflow:visible;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all 0.2s linear;}
div.padd {
width: 100%;
line-height: 11px;
padding-top: 0px;
padding-left: 5px;
margin: 0px;}
#answer{
margin-top: 10px;
margin-left: -34px;}
{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" />
<meta name="robots" content="noindex"/></head>
<body>
<div id="content">
<div id="sidebar">
{block:IfSidebarImage}
<center><a href="/"><img src="{image:Sidebar}" width=200px/></a></center><br><br>
{/block:IfSidebarImage}
<center><a href="/" class="title">{title}</a></center><br>
{Description}<br><br>
<center>
{block:AskEnabled}<a href="/ask" class="title2">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled} <br>
{block:HasPages}{block:Pages}
<a href="{URL}" class="title2">{Label}</a><br>
{/block:Pages}{/block:HasPages}
{block:ifshowarchive}
<a href="/archive" class="title2">Archive</a><br>
{/block:ifshowarchive}
{block:ifshowrandom}
<a href="/random" class="title2">Random</a><br>
{/block:ifshowrandom}
{block:ifshowsubmit}
<a href="/submit" class="title2">Submit</a><br>
{/block:ifshowsubmit}
{block:ifLinkOneTitle}
<a href="{text:Link One}" class="title2">{text:Link One Title}</a><br>
{/block:ifLinkOneTitle}
{block:ifLinkTwoTitle}
<a href="{text:Link Two}" class="title2">{text:Link Two Title}</a><br>
{/block:ifLinkTwoTitle}
{block:ifLinkThreeTitle}
<a href="{text:Link Three}" class="title2">{text:Link Three Title}</a><br>
{/block:ifLinkThreeTitle}
<br>
{block:IfNotinfinitescrolling}
<center>
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">{text:Previous Page} &nbsp;</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{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}">&nbsp; {text:Next Page}</a>
{/block:NextPage}
{/block:Pagination}</center>
{block:IfNotinfinitescrolling}
{block:Ifinfinitescrolling}
<center><br><br>Theme <a href="http://themes.themaxdavis.com/">Urban</a>,
by <a href="http://themes.themaxdavis.com/">Max davis</a>.</center><br>
{/block:Ifinfinitescrolling}
</div><!-- End Sidebar -->
<div id="center">
<a href="http://maxdavis-themes.tumblr.com/"><div id="link"></div></a>
<div class = "autopagerize_page_element" >
{block:Posts}
<div id="entry">
{block:Quote}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<center>
<span class="quotesymbols">&#10077;</span>
<span class="title">{Quote}</span>
<span class="quotesymbols">&#10078;</span><br>
{block:Source}{Source}{/block:Source}</center>
{/block:Quote}
{block:Text}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
{block:Title}<span class="title">{Title}</span>{/block:Title}
{Body}
{/block:Text}
{block:Link}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Link}
{block:Answer}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<table width="100%" border="0px" cellpadding="0" cellspacing="0">
<tbody style="border-spacing: 0px;">
<td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
<img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
<div class="padd" width="100%" style="margin-left:;">
{Asker} asked:<br>
{Question}<br><div id="answer"><em>{Answer}</em></div><br><br>
</div></td></tr></tbody></table>
{/block:Answer}
{block:Photo}
<div class="post">
<div id="extraonephoto">
<div id="photo">
{block:IndexPage}
<div id="picture">
{block:Date}
<div id="info">
<div id="holder">
<span id="note_count">
<a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
</span>
{block:ifShowreblogonphotopost}
<span id="Photo_reblog">
<br><a href="{ReblogURL}" target="_blank">reblog</a>
</span>
{/block:ifShowreblogonphotopost}
</div></div>
{/block:Date}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/></div>
{block:ifshowphotoCaption}
{block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>
{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
</div></div></div>
{/block:Photo}
{block:Chat}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
{block:Title}<span class="title">{Title}</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:Audio}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<center><div style="width:400px; height:20px;">
<div style="float:left">{AudioPlayerWhite}</div>
<div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} //
<a href="{ExternalAudioURL}">Download?</a>
{/block:ExternalAudio}</small>
</div></div></center><br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Video}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{block:IfReblogTitle}
<a href="{ReblogURL}" target="_blank">{text:Reblog title}</a>
{/block:IfReblogTitle}
{/block:Date}</span></div>
{/block:IndexPage}
<center>
{Video-500}<br>
{block:Caption}{Caption}{/block:Caption}
</center>
{/block:Video}
</div><!-- End entry -->
{block:PostNotes}
<center>
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
{block:HasTags}
tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
{/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}</center></span>
<br>{PostNotes}<br>
{/block:PostNotes}
{/block:Posts}
</div>
{block:IfNotinfinitescrolling}
<br><center>Theme <a href="http://themes.themaxdavis.com/">Urban</a>, by <a href="http://themes.themaxdavis.com/">Max davis</a>.</center><br>{/block:IfNotinfinitescrolling}
</div><!-- End Center -->
</div><!-- End Content -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment