Professional Documents
Culture Documents
Springfield Theme (With Notes)
Springfield Theme (With Notes)
Springfield Theme (With Notes)
0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
#right {
position: absolute;
left: 895px;
font: 12px {font:Body};
line-height: 15px;
width: 212px;
background-color: #fff;
padding: 10px;
color: {color:Description};
margin: 15px 0px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#left {
position: absolute;
left: 105px;
font: 12px {font:Body};
line-height: 15px;
width: 200px;
background-color: #fff;
padding: 10px;
color: {color:Description};
margin: 15px 0px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
h1 {
color: {color:Title};
margin: 0px 0px 10px 0px;
font-weight: normal;
font-size: 40px;
letter-spacing: -1px;
}
h1 a {
color: {color:Title};
text-decoration: none;
}
#description {
color: {color:Description};
font-size: 9px;
line-height: 18px;
padding-right: 70px;
margin-bottom: 5px;
}
.date {
margin: 10px 0px 10px 0px;
padding: 5px 5px 5px 10px;
font: 12px {font:Date};
text-align: left;
letter-spacing: -1px;
text-transform: uppercase;
background: {color:Date Background};
}
.date a {
color: {color:Date};
text-decoration: none;
}
.date a:hover {
color: {color:Date Hover};
text-decoration: none;
}
.sideheader {
margin: 20px 0px 15px 0px;
color: {color:Sidebar Header};
font-size: 12px;
text-align: left;
letter-spacing: 0px;
text-transform: uppercase;
border-bottom: solid 1px #444;
}
a{
text-decoration: none;
color: {color:Links};
}
a:hover {
color: {color:Links Hover};
text-decoration: none;
}
.post-footer p.reblogged {
font-size:10px;
color: {color:Text Color};
padding:5px 0;
}
.post-footer p.reblogged a {
text-decoration: none;
background-repeat: no-repeat;
background-position: center left;
padding: 2px 0 2px 18px;
}
div.post {
margin: 0px 10px 40px 10px;
position: relative;
}
div.post img.permalink {
border-width: 0px;
width: 23px;
height: 9px;
position: absolute;
top: 5px;
right: 5px;
display: none;
}
div.post:hover img.permalink {
display: block;
}
div.post h2 {
font: 18px {font:Body};
text-transform: uppercase;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
}
div.post h2 a {
color: {color:Text Color};
text-decoration: none;
}
div.post h2 a:hover {
color: {color:Links Hover};
text-decoration: none;
}
/* Regular Post */
.post .regular {
font-size: 12px;
color: {color:Text Color};
line-height: 17px;
text-align: justify;
}
.post .regular img {
max-width: 100%;
}
.post .regular blockquote {
font-style: italic;
}
/* Photo Post */
div.post div.photo img {
border-width: 0px;
}
div.post div.photo div.caption {
font-size: 12px;
text-align: justify;
margin: 10px 0px 0px 0px;
color: {color:Text Color};
}
div.post div.photo div.caption a {
color: {color:Links};
}
div.post div.photo div.caption a:hover {
color: {color:Links Hover};
text-decoration: none;
}
/* Quote Post */
div.post div.quote {
padding: 0px 15px 0px 15px;
}
div.post div.quote span.quote {
font-size: 20px;
color: {color:Text Color};
line-height: 22px;
}
div.post div.quote div.source {
font-size: 13px;
text-align: right;
color: {color:Text Color};
}
div.post div.quote div.source a {
color: {color:Links};
}
div.post div.quote div.source a:hover {
color: {color:Links Hover};
}
/* Link Post */
div.post div.link {
color: #222;
margin-top: 15px;
font-size: 18px;
letter-spacing: -1px;
}
div.post div.link a.link {
margin-top: 10px;
color: {color:Post Link};
padding: 5px;
background: {color:Post Link Background};
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.post div.link a:hover.link {
color: {color:Post Link Hover};
}
div.post div.link div.description {
margin-top: 20px;
font-size: 12px;
letter-spacing: 0px;
line-height: 17px;
text-align: justify;
color: {color:Text Color};
}
.post .link span.description blockquote {
font-style: italic;
}
/* Conversation Post */
div.post div.conversation ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 1px;
}
div.post div.conversation ul li {
font-size: 12px;
padding: 4px 0px 4px 8px;
color: #fff;
margin-bottom: 1px;
}
div.post div.conversation ul li span.label {
font-weight: bold;
}
div.post div.conversation ul li.odd {
background-color: {color:Conversation Background 1};
}
div.post div.conversation ul li.even {
background-color: {color:Conversation Background 2};
}
/* Audio Post */
div.post div.audio div.caption {
margin: -60px 0px 0px 0px;
color: #222222;
font-size: 12px;
text-align: justify;
}
div.post div.audio div.caption a {
color: #6DA856;
}
div.post div.audio div.caption a:hover {
color: #F7C852;
}
#radio {
margin: auto;
padding: 86px 0px 0px 87px;
width: 310px;
height: 189px;
background: transparent
url(http://static.tumblr.com/dbcxhwx/HhBke90up/3173070506_79130bdc2d_o.png) no-repeat;
}
/* Video Post */
div.post div.video div.caption {
margin: 10px 0px 0px 0px;
color: #222;
font-size: 12px;
text-align: justify;
}
#comment a:hover {
text-decoration: none;
color: {color:Comment Hover};
}
.following {
margin-top: 5px;
margin-bottom: 5px;
}
.following a img {
border: 1px solid {color:Flickr};
padding: 1px;
margin: 1px;
}
.following a img:hover {
border: 1px solid {color:Flickr Hover};
padding: 1px;
margin: 1px;
}
#twitter {
color: {color:Text Color};
font-family: 'Lucida Grande', Gill Sans MT, sans-serif;
font-size: 10px;
text-align: left;
width: 225px;
margin: 0px 0px 0px -35px;
padding: 0px 0px 0px 0px;
}
#twitter ul {
list-style-type:none;
}
#twitter li {
margin-bottom: 5px;
border-bottom: 1px dotted;
padding-bottom: 5px;
}
#twitter a {
color: {color:Links};
}
#flickr {
width:220px;
height:154px;
padding: 0px 0px 0px 0px;
margin: 10px 10px -40px 15px;
}
#flickr img {
float: left;
{CustomCSS}
</style>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
</head>
<body>
<div id="header">
<h1><a href="/">{Title}</a></h1>
</div>
<!-- Left Sidebar -->
<div id="left">
<center>
<strong>
<a href="{RSS}">RSS</a> | <a href="/archive">Archive</a> | <a href="/random">Random</a>
</strong>
</center>
</div>
<div id="flickr">
<!-- Remove "FLICKR_USER_ID" and paste in your ID -->
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?
count=6&display=latest&size=s&layout=x&source=user&user={text:Flickr User ID}"></script>
</div>
{/block:IfFlickrUserID}
<!-- Search -->
<p class="sideheader"><strong>Find</strong></p>
<center>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
{block:SearchPage}<center><font size="3">{SearchResultCount}</font> <font size="1">Result(s)
found</font></center>{/block:SearchPage} <br>
</center>
<div id="credits">
Powered by <a href="http://tumblr.com">Tumblr</a>
</div>
</div>
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Conversation}
<!-- Audio Posts -->
{block:Audio}
<div class="audio">
<div id="radio">
{AudioPlayerBlack}
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
<!-- Video Posts -->
{block:Video}
<div class="video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
</div>
{block:HasTags}
<div id="tags">
Tags:
{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{block:IfDisqusShortname}
{block:Permalink}
<div id="disqus">
<div id="disqus_thread"></div><script type="text/javascript"
src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a
href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion
thread.</a></noscript>
</div>
{/block:Permalink}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript"
src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' +
'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}