Skip to content

Instantly share code, notes, and snippets.

@ddemaree

ddemaree/Palette.html

Created October 22, 2009 13:37
Show Gist options
  • Save ddemaree/215947 to your computer and use it in GitHub Desktop.
Save ddemaree/215947 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demaree.me</title>
<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
<link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" />
<script type="text/javascript" src="http://use.typekit.com/pgj5xei.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link rel="stylesheet" href="theme.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="kinds.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<header>
<div class="group">
<h1><a href="/">This is <strong>David Demaree</strong>&rsquo;s<br> internet log thing</a></h1>
</div>
</header>
<section id="content">
<article class="post regular">
<section class="meta">
<a href="#">
&#x2736; <span>20 Oct</span>
</a>
<p class="tags">
<a href="#">#videos</a>
</p>
</section>
<section class="content">
<h2>Rate iPhone Apps Friday</h2>
<p>It&#8217;s that time again: Take 10 or 15 minutes out of your day today and rate/review some of the apps you use on your iPhone in the App Store. Most people have tons of apps on their phones, many of which they love, but we&#8217;re all guilty of forgetting or not bothering to review them in the store.</p>
<p>Today my ratings included <a href="http://www.atebits.com/tweetie-iphone/">Tweetie 2</a> (5★) and <a href="http://tapbots.com/weightbot">Weightbot</a> (4★).</p>
</section>
</article>
<article class="post quote">
<section class="meta">
<a href="#">
&#x2736; <span>21 Oct</span>
</a>
<p class="tags">
<a href="#">#quotes</a>
</p>
</section>
<section class="content">
<blockquote>
<span class="quotes">&ldquo;</span>
It does not matter how slow you go so long as you do not stop.
<span class="quotes">&rdquo;</span>
<div class="source">
&mdash; Wisdom of <a href="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
<p class="note">Also, watch the video review. It&#8217;s great (and, thankfully, does not involve Frucci actually using these products). </p>
</div>
</blockquote>
</section>
</article>
<article class="post video">
<section class="meta">
<a href="#">
&#x2736; <span>20 Oct</span>
</a>
<p class="tags">
<a href="#">#videos</a>
</p>
</section>
<section class="content ch comedy">
<div class="video">
<object type="application/x-shockwave-flash" data="http://www.collegehumor.com/moogaloop/moogaloop.swf?clip_id=1920107&amp;fullscreen=1" width="500" height="282"><param name="allowfullscreen" value="true" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="movie" quality="best" value="http://www.collegehumor.com/moogaloop/moogaloop.swf?clip_id=1920107&amp;fullscreen=1" /><embed src="http://www.collegehumor.com/moogaloop/moogaloop.swf?clip_id=1920107&amp;fullscreen=1" type="application/x-shockwave-flash" wmode="transparent" width="500" height="282" allowscriptaccess="always"></embed></object>
</div>
<div class="caption">
<p><b>CH Live: Dan Gurewitch</b></p>
<p>I had never seen Dan&#8217;s standup before, but this is hilarious.</p>
</div>
</section>
</article>
<article class="post photo">
<section class="meta">
<a href="#">
&#x2736; <span>19 Oct</span>
</a>
<p class="tags">
<a href="#">#photos</a>
</p>
</section>
<section class="content">
<div class="photo">
<a href="#"><img src="http://1.media.tumblr.com/235_r4_500.jpg" alt="Passing through Times Square by&nbsp;Mareen Fischinger" /></a>
</div>
<div class="caption"><p>Passing through Times Square by <a href="http://www.mareenfischinger.com/">Mareen Fischinger</a></p></div>
</section>
</article>
</section>
<!-- end #posts -->
<!-- pagination -->
<section id="pagination">
<a href="/page/2" class="next_page" title="Older posts"><span>&larr; Older</span></a>
</section>
<!-- end pagination -->
<!-- footer -->
<footer>
&copy;2009 David Demaree
&nbsp;<a href="http://log.maniacalrage.net/archive" title="Archive">Archive</a>
&nbsp;<a href="http://feeds.feedburner.com/garrettmurray/log" title="RSS">RSS</a>
</footer>
<!-- end footer -->
</body>
</html>
Raw
index_orig.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demaree.me</title>
<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
<link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" />
<link rel="stylesheet" href="theme.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<header>
<div>
<h1><a href="/">This is David Demaree&rsquo;s internet log thing</a></h1>
</div>
</header>
<section id="content">
<article class="post quote">
<section class="meta">
<a href="#">
@ <span>21 Oct</span>
</a>
<p class="tags">
<a href="#">#quotes</a>
</p>
</section>
<section class="content">
<blockquote>
<span class="quotes">&ldquo;</span>
It does not matter how slow you go so long as you do not stop.
<span class="quotes">&rdquo;</span>
<div class="source">
Wisdom of <a href="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
</div>
</blockquote>
</section>
</article>
</section>
<div id="wrapper">
<div id="title">
<a href="/">This is David Demaree&rsquo;s internet log thing</a>
</div>
<!--2-->
<div id="content">
<div class="post quote">
<div class="content">
<blockquote>It does not matter how slow you go so long as you do not stop.</blockquote>
</div>
</div>
<div class="post">
<div class="quote short">
It does not matter how slow you go so long as you do not stop.
</div>
<div class="copy">
<div class="quotebg">
“
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width: 20px">
—
</td>
<td valign="top" class="quote_source">
Wisdom of <a href="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
</td>
</tr>
</table>
</div><a href="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you"></a>
<div class="footer">
<div class="date">
Posted 2 years ago
</div>
<div class="notes">
1,619 notes
</div>
<div class="clear"></div>
</div>
<div class="footer">
<div class="tags">
Tagged: <a href="http://demo.tumblr.com/tagged/wisdom">wisdom</a><span class="tag-commas">,</span> .
</div>
</div>
</div>
<div class="bottom"></div>
</div>
<div class="post">
<div class="media"><img src="http://1.media.tumblr.com/235_r4_500.jpg" alt="Passing through Times Square by&nbsp;Mareen Fischinger" /></div>
<div class="copy"><p>Passing through Times Square by <a href="http://www.mareenfischinger.com/">Mareen Fischinger</a></p></div>
<a href="http://demo.tumblr.com/post/235/passing-through-times-square-by-mareen-fischinger">
<div class="footer">
<div class="date">
Posted
2 years ago
</div>
<div class="notes">352 notes </div>
<div class="clear"></div>
</div>
</a>
<div class="footer"><div class="tags">Tagged: <a href="http://demo.tumblr.com/tagged/New_York_City">New York City</a><span class="tag-commas">, </span><a href="http://demo.tumblr.com/tagged/Times_Square">Times Square</a><span class="tag-commas">, </span><a href="http://demo.tumblr.com/tagged/Mareen_Fischinger">Mareen Fischinger</a><span class="tag-commas">, </span>.</div></div>
</div>
<div class="bottom"></div>
<div class="post">
<div class="link"><a href="http://" >My favorite web site &raquo;</a></div>
<div class="copy"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p></div>
<a href="http://demo.tumblr.com/post/234/my-favorite-web-site">
<div class="footer">
<div class="date">
Posted
2 years ago
</div>
<div class="notes">240 notes </div>
<div class="clear"></div>
</div>
</a>
</div>
<div class="bottom"></div>
<div class="post">
<div class="chat">
<div class="lines">
<div class="line odd"><strong>Jack:</strong> Hey, you know what sucks?
</div>
<div class="line even"><strong>Lindsey:</strong> vaccuums
</div>
<div class="line odd"><strong>Jack:</strong> Hey, you know what sucks in a metaphorical sense?
</div>
<div class="line even"><strong>Lindsey:</strong> black holes
</div>
<div class="line odd"><strong>Jack:</strong> Hey, you know what just isn&#039;t cool?
</div>
<div class="line even"><strong>Lindsey:</strong> lava?</div>
</div>
</div>
<div class="clear"></div>
<div style="height: 20px"></div>
<a href="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">
<div class="footer">
<div class="date">
Posted
2 years ago
</div>
<div class="notes">332 notes </div>
<div class="clear"></div>
</div>
</a>
<div class="footer"><div class="tags">Tagged: <a href="http://demo.tumblr.com/tagged/funny">funny</a><span class="tag-commas">, </span>.</div></div>
</div>
<div class="bottom"></div>
<div class="post">
<div class="audio">
<div class="player"><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script><span id="audio_player_128972151">[<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 9</a> is required to listen to audio.]</span><script type="text/javascript">replaceIfFlash(9,"audio_player_128972151",'<div class="audio_player"><embed type="application/x-shockwave-flash" src="http://safe.tumblr.com/swf/audio_player.swf?audio_file=http://www.tumblr.com/audio_file/128972151/bhKTvCKNAp2pgsa0AGPbej1i&color=FFFFFF" height="27" width="207" quality="best"></embed></div>')</script></div>
<div class="meta">49,935 plays</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="copy"><p><a href="http://allisonweiss.tumblr.com/">Allison Weiss</a> — “I’m Ready” (via <a href="http://www.marco.org/">marco</a>)</p></div>
<a href="http://demo.tumblr.com/post/128972151/allison-weiss-im-ready-via-marco">
<div class="footer">
<div class="date">
Reblogged
2 years ago
from marco
</div>
<div class="notes">99 notes </div>
<div class="clear"></div>
</div>
</a>
</div>
<div class="bottom"></div>
<div class="post">
<div class="title">An example post</div>
<div class="copy"><p>Lorem ipsum dolor sit amet, consectetuer <a href="http:///">adipiscing elit</a>. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p>
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Consectetuer adipiscing elit. </li>
<li>Nam at tortor quis ipsum tempor aliquet.</li>
</ul>
<p>Cum sociis <a href="http:///">natoque penatibus</a> et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.</p>
<blockquote>Donec placerat mauris commodo dolor. Nulla tincidunt. Nulla vitae augue.</blockquote>
<p>Suspendisse ac pede. Cras <a href="http:///">tincidunt pretium</a> felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.</p></div>
<a href="http://demo.tumblr.com/post/232/an-example-post">
<div class="footer">
<div class="date">
Posted
2 years ago
</div>
<div class="notes">321 notes </div>
<div class="clear"></div>
</div>
</a>
</div>
<div class="bottom"></div>
</div>
<div id="sidebar">
<div id="top">
<div id="avatar"><a href="/"><img src="http://assets.tumblr.com/images/default_avatar_128.gif" /></a></div>
<div id="description"></div>
<div id="search">
<form action="/search" method="get" id="search-form">
<input type="hidden" name="t" value="demo" />
<input type="hidden" name="scope" value="all_of_tumblr" />
<input type="text" name="q" class="query" value="" />
<input type="submit" value="Search" class="submit" />
<div class="clear"></div>
</form>
</div>
<div id="search-scope">
<input type="radio" id="search-scope-me" name="scope" checked onclick="document.getElementById('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getElementById('search-form').action='/search'">My Blog</label>
<input type="radio" id="search-scope-all" name="scope" onclick="document.getElementById('search-form').action='http://tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getElementById('search-form').action='http://tumblr.com/search'">All of Tumblr</label>
</div>
<a href="http://www.tumblr.com/follow/demo"><div class="heading" id="followontumblr">Follow on Tumblr</div></a>
<div id="buttons">
<div class="row">
<div class="button" id="button-rss"><a href="http://demo.tumblr.com/rss">RSS Feed</a></div>
<div class="button" id="button-random"><a href="/random">Random</a></div>
</div>
<div class="clear"></div>
<div class="row">
<div class="button" id="button-archive"><a href="/archive">Archive</a></div>
<div class="button" id="button-mobile"><a href="/mobile">Mobile</a></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="bottom"></div>
<div id="copyright">&copy; 2007–2009 <a href="http://www.tumblr.com">Powered by Tumblr</a></div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Raw
kinds.css
/* @override
http://static.maniacalrage.net/stylesheets/klean/types.css
http://static.maniacalrage.net/stylesheets/klean/types_a.css
http://localhost/~david/demaree_me/kinds.css
*/
/*
Maniacal Rage: Klean: Post Types
Copyright 2009 Garrett Murray
<garrett@maniacalrage.net>
*/
/* @group generic stuffs */
article .content {
font-size: 13px;
line-height: 19px;
font-family: Arial;
}
article .content p { margin: 1em 0 0 0; }
article ul, article ol {
margin: 0;
list-style-position: outside;
padding: 1em 0 0 36px;
}
article ul li, article ol li {
margin: 0 0 .5em 0;
}
article .content h2 {
font-size: 18px;
font-weight: bold;
margin: -2px 0 0.5em 0;
padding: 0;
}
article .content h2 a { text-decoration: none; }
blockquote {
padding: 0 20px 0 10px;
margin: 1em 0 0 10px;
/*color: #929292;*/
border: 3px solid #ebebeb;
border-width: 0 0 0 3px;
}
code {
font: 11px/18px "DejaVu Sans Mono", Monaco, Courier;
color: #285a71;
white-space: nowrap;
}
/* @end */
/* @group text */
article.regular .content h2 {
display: block;
font-weight: normal;
font-family: Goudy1911, Georgia;
font-size: 27px;
padding: 0 14px;
color: #C87100;
}
article.regular .content p:first-child { margin-top: 6px; }
article.regular .content p { padding: 0 14px; }
article.regular .content.musicpurchases div div { white-space: nowrap; }
article.regular .content blockquote {
margin-left: 28px;
}
article.regular .content.pwrap {
padding: 14px 0 0 14px;
margin: 0 -28px 0 0;
}
article.regular .content.pwrap h2 { margin: -14px 14px 14px -14px; }
/* @end */
/* @group photo */
article.photo div.photo {
margin: 0 0 -5px 0;
width: 502px;
text-align: center;
background-color: #f6f6f6;
}
article.photo div.photo img { border: 1px solid #dedede; }
article.photo div.caption p { padding: 0 14px; }
article.photo div.caption p:first-child,
article.photo .pwrap div.caption {
margin: 0 0 0 0;
display: block;
padding: 14px;
background-color: #f6f6f6;
color: #9b9b9b;
font-size: 14px;
}
article.photo div.caption p:first-child b,
article.photo .pwrap div.caption {
color: #696969;
}
article.photo div.caption p:first-child a,
article.photo .pwrap div.caption a {
color: #696969;
-webkit-transition: color .1s linear;
}
article.photo div.caption p:first-child a:active,
article.photo div.caption p:first-child a:hover,
article.photo .pwrap div.caption a:hover,
article.photo .pwrap div.caption a:active {
color: #223749;
}
article.photo .content blockquote {
margin-left: 28px;
}
/* @end */
/* @group link */
article.link a.link {
background-color: #effaff;
color: #4a7a90;
display: block;
padding: 14px;
font-weight: bold;
font-size: 14px;
-webkit-transition: color .1s linear;
}
article.link a.link:active, article.link a.link:hover { color: #223749; }
article.link .description {
padding: 0 14px;
display: block;
}
article.link .pwrap .description {
margin-top: 14px;
}
/* @end */
/* @group quote */
article.quote section.content blockquote {
color: #C87100;
padding: 0 14px 0;
border: 0;
margin: 0;
font-family: Georgia;
font-style: normal;
font-size: 22px;
line-height: 30px;
display: block;
}
span.quotes {
display: inline;
font-size: 60px;
vertical-align: bottom;
line-height: 0px;
padding: 0;
margin: 0;
color: #5d3500;
}
article.quote .source {
font: 14px/20px Helvetica, sans-serif;
vertical-align: middle;
color: #aa6038;
clear: both;
text-align: right;
padding: 0 14px;
margin: 0px -14px 0 -14px;
font-weight: bold;
}
article.quote .source a {
/*color: #6c4b3c;*/
-webkit-transition: color .1s linear;
}
article.quote .source a:active, article.quote .source a:hover { color: #223749; }
article.quote .source .note {
font-size: 13px;
margin-bottom: -6px;
font-weight: normal;
text-align: left;
display: block;
clear: both;
margin: 20px -14px -14px -14px;
padding: 10px 14px 0;
border-top: 1px solid #742e0f;
background: #441B09;
}
/* @end */
/* @group chat */
article.chat .content h2 {
background-color: #ffefef;
display: block;
font-size: 14px;
padding: 14px;
color: #c97576;
}
.conversation ul {
list-style: none;
margin: 0;
padding: 0;
}
article.chat .label {
font-weight: bold;
color: #c07576;
}
article.chat .label.user_2 { color: #409fbc; }
article.chat .label.user_3 { color: #36b87d; }
article.chat ul {
padding: 0 14px;
}
article.chat ul li {
padding: 6px 0;
margin: 0;
border-top: 1px dotted #e7e7e7;
}
article.chat ul li:first-child { border: 0; }
/* @end */
/* @group video */
article.video div.video { margin: 0 0 -5px 0; }
article.video div.caption p { padding: 0 14px; }
article.video div.caption p:first-child,
article.video .pwrap div.caption {
margin: 0 0 0 0;
display: block;
padding: 14px;
background-color: #d4d4d4;
color: #9b9b9b;
font-size: 14px;
}
article.video div.caption p:first-child b,
article.video .pwrap div.caption b {
color: #696969;
}
article.video div.caption p:first-child a,
article.video .pwrap div.caption a {
color: #696969;
-webkit-transition: color .1s linear;
}
article.video div.caption p:first-child a:active,
article.video div.caption p:first-child a:hover,
article.video .pwrap div.caption a:active,
article.video .pwrap div.caption a:hover {
color: #223749;
}
article.video .content blockquote {
margin-left: 28px;
}
/* @end */
/* @group tip */
article.regular section.tip p { padding: 0 14px; }
article.regular section.tip p:first-child {
background-color: #e9ffec;
display: block;
padding: 14px;
color: #4d7d53;
margin-top: 0;
font-size: 14px;
}
article.regular section.tip p:first-child b { font-weight: bold; }
/* @end */
/* @group audio */
article.audio div.audio_player {
float: left;
background-color: #f6f6f6;
padding: 6px 0 4px 0;
margin: 0;
width: 502px;
text-align: center;
}
article.audio .content p .audio_details {
display: block;
padding: 14px;
width: 474px;
margin: 0 0 0 -14px;
background-color: #f6f6f6;
color: #9b9b9b;
}
article.audio .content p .audio_details a {
color: #696969;
-webkit-transition: color .1s linear;
}
article.audio .content p .audio_details a:active,
article.audio .content p .audio_details a:hover {
color: #223749;
}
article.audio .content p {
display: block;
padding: 0 14px;
}
/* @end */
Raw
Palette.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>COLOURlovers - Fall</title>
<style type="text/css"><!--
html {
padding: 0px;
margin: 0px;
}
body {
background-color: #161616;
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #cccccc;
padding: 0px;
margin: 0px;
margin-top: 20px;
}
h1 {
font-size: 16px;
text-align: center;
}
a {
font-size: 12px;
}
a:link {
color: #cccccc;
}
a:visited {
color: #cccccc;
}
a:hover {
color: #cccccc;
}
a:active {
color: #cccccc;
}
.border
{
border: 1px solid #cccccc;
float: left;
margin: 5px;
padding: 1px;
}
.center {
text-align: center;
}
.color
{
display: block;
height: 120px;
width: 120px;
}
.colorcontainer {
margin: 0px auto;
width: 670px;
text-align: center;
}
.colorname {
text-align: left;
}
--></style>
</head>
<body>
<h1>COLOURlovers - Fall</h1>
<div class="center">
<div class="colorcontainer">
<span class="border" title="#9E3800">
<span class="color" style="background-color: #9E3800"></span>
<span class="colorname">
RGB: 158, 56, 0<br>
Hex: #9E3800
</span>
</span>
<span class="border" title="#711200">
<span class="color" style="background-color: #711200"></span>
<span class="colorname">
RGB: 113, 18, 0<br>
Hex: #711200
</span>
</span>
<span class="border" title="#E6AB37">
<span class="color" style="background-color: #E6AB37"></span>
<span class="colorname">
RGB: 230, 171, 55<br>
Hex: #E6AB37
</span>
</span>
<span class="border" title="#C87100">
<span class="color" style="background-color: #C87100"></span>
<span class="colorname">
RGB: 200, 113, 0<br>
Hex: #C87100
</span>
</span>
<span class="border" title="#441B09">
<span class="color" style="background-color: #441B09"></span>
<span class="colorname">
RGB: 68, 27, 9<br>
Hex: #441B09
</span>
</span>
<a href="http://www.colourlovers.com/palette//Fall" title="Colourlovers Fall">Colourlovers 'Fall' palette</a>
</div>
</div>
</body>
</html>
Raw
theme.css
/* @override http://localhost/~david/demaree_me/theme.css */
/* @group reset */
/* reset styles first */
/*
Title: Reset default browser styles
Author: dan@simplebits.com, based on Eric Meyer's Reset CSS: http://meyerweb.com/eric/tools/css/reset
*/
@font-face {
font-family: 'Goudy1911';
src: url('fonts/GoudyBookletter1911.otf') format('opentype');
}
@font-face {
font-family: 'League Gothic';
src: url('fonts/League Gothic.otf') format('opentype');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
article, header, section, aside, nav {
display: block;
}
/* @end */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
h6 { display: none; }
body {
background: #eaeaea url('http://assets.tumblr.com/images/x.gif') repeat fixed left;
margin: 0;
padding: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
background: #441B09;
color: #C87100;
}
body {
color: #aa6038;
}
a:link, a:visited {
color: #E6AB37;
}
/* @group layout */
header, footer, nav, section { display: block; }
nav, section#other_things, section#pagination, footer { width: 502px; }
section#content { width: 766px;}
nav, section#other_things, section#content, section#pagination { margin: 0 auto; }
/* @end */
/* @group header */
header {
padding: 50px 0 0;
font-size: 1.875em;
line-height: 1.1em;
font-family: Goudy1911;
}
header div {
padding-left: 132px;
padding-bottom: 1em;
}
header h1 {
padding-left: 14px;
font-weight: 200;
border-bottom: 1px solid #742e0f;
padding-bottom: 0.5em;
}
header h1 a:link {
text-decoration: none;
color: #7b4c30;
}
header h1 strong {
/*font-weight: 600;*/
color: #d83a15;
}
/* @end */
/* @group content */
section#content {
margin: 0;
}
article {
float: left;
clear: both;
margin-bottom: 56px;
}
article section { float: left; }
article section.meta {
width: 116px;
margin-right: 16px;
margin-top: 8px;
text-align: right;
line-height: 1em;
}
section.meta a {
text-decoration: none;
color: #d83a15;
}
section.meta span, section.meta p.tags {
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
}
section.meta p.tags {
margin: 6px 0 0 0;
line-height: 18px;
}
section.meta p.tags a {
color: #6c4b3c;
font-weight: normal;
}
section.meta a:active, section.meta a:hover,
section.meta p.tags a:active, section.meta p.tags a:hover {
color: #223749;
}
article section.content { width: 502px; }
/* @end */
/* @group pagination */
#pagination {
clear: both;
text-align: center;
padding: 10px 0;
}
.next_page, .prev_page {
width: 121px;
text-indent: -10000px;
float: left;
text-decoration: none;
height: 29px;
background: url(http://static.maniacalrage.net/images/klean/pagination.png) no-repeat left top;
margin: 0 0 0 -17px;
/*-webkit-transition: background .1s linear;*/
}
.prev_page {
float: right;
background-position: right top;
margin: 0 -17px 0 0;
}
.next_page:hover { background-position: left -29px; }
.prev_page:hover { background-position: right -29px; }
.next_page:active { background-position: left -28px; }
.prev_page:active { background-position: right -28px; }
.next_page span {
padding: 6px 0 0 14px;
display: block;
}
.prev_page span {
padding: 6px 14px 0 0;
display: block;
}
/* @end */
/* @group footer */
footer {
font-size: 11px;
color: #aaa;
margin: 60px auto 0px auto;
clear: both;
padding: 0 0 40px 0;
text-align: center;
}
footer a {
color: #8a8a8a;
margin-left: 10px;
}
/* @end */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment