d3778a652c44

Add a modified version of Aardvark legs.
[view raw] [browse files]
author Steve Losh <steve@stevelosh.com>
date Wed, 23 Dec 2009 19:37:10 -0500
parents df865ed70aa0
children cf38a58b1927
branches/tags (none)
files layout/skeleton/_base.html media/css/aal.css media/css/base.css

Changes

--- a/layout/skeleton/_base.html	Wed Dec 23 19:22:29 2009 -0500
+++ b/layout/skeleton/_base.html	Wed Dec 23 19:37:10 2009 -0500
@@ -18,6 +18,9 @@
         
         {% block css %}
             <link rel="stylesheet"
+                  href="{{ site.url }}/media/css/aal.css"
+                  type="text/css" media="screen" charset="utf-8" />
+            <link rel="stylesheet"
                   href="{{ site.url }}/media/css/base.css"
                   type="text/css" media="screen" charset="utf-8" />
             {% block extra_css %}{% endblock %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/media/css/aal.css	Wed Dec 23 19:37:10 2009 -0500
@@ -0,0 +1,106 @@
+/* @override http://localhost:8080/media/css/aal.css */
+/* 
+  aardvark.legs by Anatoli Papirovski - http://fecklessmind.com/
+  Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
+*/
+
+/*
+  edited for stevelosh.com by Steve Losh
+  changes:
+    base font-size was changed to 14px
+    list margins set to 0
+
+/* 
+  Reset first. Modified version of Eric Meyer and Paul Chaplin reset 
+  from http://meyerweb.com/eric/tools/css/reset/ 
+*/
+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,
+header, nav, section, article, aside, footer
+{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}
+
+blockquote, q {quotes: none;}
+blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}
+
+header, nav, section, article, aside, footer {display: block;}
+
+/* Basic styles */
+body {background: #fff; color: #000; font: 0.875em/1.5em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;}
+html>body {font-size: 14px;}
+
+img {display: inline-block; vertical-align: bottom;}
+
+h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
+address,cite,em,i,caption,dfn,var {font-style: italic;}
+
+h1 {margin: 0 0 0.75em; font-size: 2em;}
+h2 {margin: 0 0 1em; font-size: 1.5em;}
+h3 {margin: 0 0 1.286em; font-size: 1.167em;}
+h4 {margin: 0 0 1.5em; font-size: 1em;}
+h5 {margin: 0 0 1.8em; font-size: .834em;}
+h6 {margin: 0 0 2em; font-size: .75em;}
+
+p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}
+
+li ul,li ol {margin: 0;}
+ul {list-style: outside disc;}
+ol {list-style: outside decimal;}
+li {margin: 0 0 0 0;}
+dd {padding-left: 1.5em;}
+blockquote {padding: 0 1.5em;}
+
+a {text-decoration: underline;}
+a:hover {text-decoration: none;}
+abbr,acronym {border-bottom: 1px dotted; cursor: help;}
+del {text-decoration: line-through;}
+ins {text-decoration: overline;}
+sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
+sup {font-size: .834em; line-height: 1em; vertical-align: super;}
+
+tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}
+
+/* Table styles */
+table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
+caption {text-align: left;}
+th, td {padding: .25em .5em;}
+tbody td, tbody th {border: 1px solid #000;}
+tfoot {font-style: italic;}
+
+/* Form styles */
+fieldset {clear: both;}
+legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
+fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
+* html legend {margin-left: -7px;}
+*+html legend {margin-left: -7px;}
+
+form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
+form .field label {display: block;}
+form ul.fields li {list-style-type: none; margin: 0;}
+form ul.inline li, form ul.inline label {display: inline;}
+form ul.inline li {padding: 0 .75em 0 0;}
+
+input.radio, input.checkbox {vertical-align: top;}
+label, button, input.submit, input.image {cursor: pointer;}
+* html input.radio, * html input.checkbox {vertical-align: middle;}
+*+html input.radio, *+html input.checkbox {vertical-align: middle;}
+
+textarea {overflow: auto;}
+input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
+input.text, input.password, textarea {border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px;}
+
+* html button {margin: 0 .34em 0 0;}
+*+html button {margin: 0 .34em 0 0;}
+
+form.horizontal .field {padding-left: 150px;}
+form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}
+
+/* Useful classes */
+img.left {display: inline; float: left; margin: 0 1.5em .75em 0;}
+img.right {display: inline; float: right; margin: 0 0 .75em .75em;}
\ No newline at end of file
--- a/media/css/base.css	Wed Dec 23 19:22:29 2009 -0500
+++ b/media/css/base.css	Wed Dec 23 19:37:10 2009 -0500
@@ -29,12 +29,16 @@
     text-decoration: none;
 }
 
+#header {
+    margin-top: 1.5em;
+    margin-bottom: 3em;
+}
 #header h1 {
 	letter-spacing: -3px;
     font-size: 3.5em;
-    margin-bottom: 0.2em;
     font-weight: normal;
     font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
+    margin-bottom: 0em;
 }
 #header span.page-title {
     color: #666;
@@ -44,7 +48,7 @@
 #nav {
     float: right;
     width: 10em;
-    font-size: 1.25em;
+    font-size: 1.5em;
     font-weight: bold;
     line-height: 2em;
 }
@@ -66,7 +70,7 @@
 }
 
 #splash-info {
-    font-size: 1.25em;
+    font-size: 1.5em;
     line-height: 2em;
     text-align: right;
     color: #888;
@@ -82,11 +86,11 @@
 }
 
 #content {
-	width: 45em;
+	width: 42em;
 }
 
 div#section-listing {
-    font-size: 1.25em;
+    font-size: 1.5em;
     font-weight: bold;
     line-height: 2em;
     color: #888;
@@ -108,7 +112,7 @@
     border-bottom: none;
 }
 div#section-listing ol li span.snip {
-    font-size: 0.75em;
+    font-size: 0.65em;
     line-height: 1em;
     margin-left: 0.5em;
     font-weight: normal;