37bd34b1c710

Add aardvark legs to make the CSS stronger.
[view raw] [browse files]
author Steve Losh <steve@stevelosh.com>
date Thu, 16 Jul 2009 18:39:14 -0400
parents ebf95aec0279
children cd1557458a64
branches/tags (none)
files site-media/style/aal.css site-media/style/blog.css site-media/style/code.css site-media/style/projects.css site-media/style/splash.css site-media/style/stevelosh.css templates/base.html

Changes

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/site-media/style/aal.css	Thu Jul 16 18:39:14 2009 -0400
@@ -0,0 +1,100 @@
+/* 
+  aardvark.legs by Anatoli Papirovski - http://fecklessmind.com/
+  Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
+*/
+
+/* 
+  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 Neue", 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 2em;}
+dd {padding-left: 1.5em;}
+blockquote {padding: 0 1.5em;}
+blockquote p:last-child {margin-bottom: 0em;}
+
+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: 0.8em; line-height: 1.875em; font-family: "Monaco", "Consolas", "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/site-media/style/blog.css	Thu Jun 18 01:48:05 2009 -0400
+++ b/site-media/style/blog.css	Thu Jul 16 18:39:14 2009 -0400
@@ -1,50 +1,34 @@
 div#blog-entry-date {
-    margin: 0em;
-    margin-bottom: 2em;
     color: #666;
 }
-
-h1#blog-entry-title {
-    margin-bottom: 0.1em;
-}
-
 div.blog-list-entry {
     border-bottom: 1px solid #eee;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
+    height: 3em;
+    line-height: 3em;
     -webkit-text-size-adjust: none;
 }
-
 h2.blog-list-entry-title {
     display: inline;
 }
-
 p.blog-list-entry-snip {
     display: inline;
     padding-left: 1em;
     color: #666;
 }
-
 h2#blog-list-older, h2#blog-list-newer {
     display: inline;
 }
-
 h2#blog-list-newer {
     float: right;
 }
-
 div#blog-list-nav {
     border: 0px;
     margin-left: -1.5em;
 }
 
-
-
-
 div#blog-entry {
     margin-bottom: 1.5em;
 }
-
 div#blog-entry img {
     border: 1px solid #000;
     display: block;
@@ -56,7 +40,6 @@
     margin-top: 1.5em;
     margin-bottom: 1.5em;
 }
-
 div#blog-entry-new-comment {
     margin-top: 1.5em;
 }
@@ -64,24 +47,15 @@
 div.blog-entry-comment-body {
     margin-left: 2em;
 }
-
-div.blog-entry-comment-body ol, div.blog-entry-comment-body ul, div.blog-entry-comment-body pre, div.blog-entry-comment-body code, div.blog-entry-comment-body blockquote, .wmd-preview ol, .wmd-preview ul, .wmd-preview pre, .wmd-preview code, .wmd-preview blockquote {
-    font-size: 1.0em;
-    padding-bottom: 0em;
-}
-
 div.wmd-preview {
     margin-left: 2em;
 }
-
 div.blog-entry-comment-body h1, .wmd-preview h1 {
     font-size: 1.4em;
 }
-
 div.blog-entry-comment-body h2, .wmd-preview h2 {
     font-size: 1.3em;
 }
-
 div.blog-entry-comment-body h3, .wmd-preview h3, div.blog-entry-comment-body h4, .wmd-preview h4, div.blog-entry-comment-body h5, .wmd-preview h5, div.blog-entry-comment-body h6, .wmd-preview h6 {
     font-size: 1.2em;
 }
@@ -89,46 +63,37 @@
 form#blog-new-comment-form textarea {
     width: 100%;
 }
-
 input#blog-new-comment-name {
     width: 40%;
     margin-right: 1em;
+    border: 1px solid #111;
 }
-
 input#blog-new-comment-submit {
     margin-top: 1em;
 }
-
 p#blog-new-comment-body-area {
     margin-bottom: 0em;
 }
-
 p#blog-new-comment-instructions {
     margin-top: 0em;
 }
-
 span#blog-new-comment-invalid-body {
     float: right;
 }
-
 #blog-new-comment-name-area label.invalid {
     display: inline;
 }
-
 #blog-new-comment-body-area label.invalid {
     float: right;
 }
-
 div#blog-entry img.blog-photo-inline-left {
     float: left;
 	margin-right:  1.5em;
 }
-
 div#blog-entry img.blog-photo-inline-right {
     float: right;
 	margin-left: 1.5em;
 }
-
 h2 + p .blog-photo-inline-left {
 	margin-top:  1em;
 }
\ No newline at end of file
--- a/site-media/style/code.css	Thu Jun 18 01:48:05 2009 -0400
+++ b/site-media/style/code.css	Thu Jul 16 18:39:14 2009 -0400
@@ -1,42 +1,19 @@
-table.codehilitetable { 
-	margin-left: 2em;
-}
-
-div.codehilite { 
-	margin-left: 2em; 
+/* @override http://localhost:8000/site-media/style/code.css */
+table.codehilitetable {
+    margin-left: 2em;
 }
-
-.codehilitetable div.codehilite { 
-	margin-left: 0em;
-    margin-right: 1.5em;
-}
-
-.codehilitetable pre, .codehilitetable blockquote {
-    margin: 0em;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    background-color: #f9f9f9;
-    border: 1px solid #eee;
+table.codehilitetable td {
+    border: none;
+    padding: 0;
 }
-
-.codehilitetable td.linenos  { 
-	padding: 0em;
+table.codehilitetable td.linenos pre {
+    margin: 0em;
+    text-align: center;
 }
-
-div.codehilite pre { 
-	margin-left: 0em;
-	padding-left: 1em; 
-	padding-right: 1em;
-	padding-bottom: 1em;
+table.codehilitetable td.code pre {
+    margin-right: 4em;
 }
-
-.codehilitetable td.linenos pre { 
-	padding-right: 0.75em;
-	padding-left: 1em;
-}
-
 .codehilite .hll { background-color: #ffffcc }
-.codehilite  { background: #f9f9f9; }
 .codehilite .c { color: #8f5902; font-style: italic } /* Comment */
 .codehilite .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
 .codehilite .g { color: #000000 } /* Generic */
--- a/site-media/style/projects.css	Thu Jun 18 01:48:05 2009 -0400
+++ b/site-media/style/projects.css	Thu Jul 16 18:39:14 2009 -0400
@@ -1,7 +1,7 @@
 div.projects-list-entry {
     border-bottom: 1px solid #eee;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
+    height: 3em;
+    line-height: 3em;
     -webkit-text-size-adjust: none;
 }
 
--- a/site-media/style/splash.css	Thu Jun 18 01:48:05 2009 -0400
+++ b/site-media/style/splash.css	Thu Jul 16 18:39:14 2009 -0400
@@ -1,7 +1,6 @@
 div.splash-list-entry {
     border-bottom: 1px solid #eee;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
+    height: 3em;
     text-align: right;
 }
 
@@ -9,5 +8,8 @@
     display: inline;
     color: #666;
     font-weight: normal;
+    font-size: 1.5em;
+    line-height: 2em;
     -webkit-text-size-adjust: none;
+    margin: 0em;
 }
\ No newline at end of file
--- a/site-media/style/stevelosh.css	Thu Jun 18 01:48:05 2009 -0400
+++ b/site-media/style/stevelosh.css	Thu Jul 16 18:39:14 2009 -0400
@@ -3,118 +3,82 @@
 body.stevelosh {
     color: #111;
 }
-
 div#wrapper {
     margin-bottom: 5em;
 }
-
-p, ol, ul, pre, code, blockquote {
-    font-size: 1.2em;
+p code, li code {
+    background-color: #eee; padding: 2px; border: 1px solid #ddd;
 }
-
-p code, li code { background-color: #eee; padding: 2px; border: 1px solid #ddd; }
-
 input, textarea {
     font-size: 1.0em;
     margin: 0em;
 }
-
 ol, ul {
     padding-left: 2em;
 }
-
 pre, blockquote {
     margin-left: 2em;
-    padding: 1em;
-    background-color: #f9f9f9;
-    border: 1px solid #eee;
+    margin-right: 2em;
+    background-color: #f5f5f5;
+    padding: 1.5em;
+    border: 1px solid #ddd;
 }
-
 a:link, a:visited, a:active {
     color: #e50053;
     text-decoration: none;
 }
-
 a:hover {
     text-decoration: underline;
 }
-
 #wrapper {
     border: 1px solid white;
 }
-
 div#header {
     margin-bottom: 3em;
 }
-
 div#header h1 {
-    font-size: 7em;
+    font-size: 6em;
     line-height: 1em;
     display: inline;
     font-weight: normal;
     letter-spacing: -4px;
 }
-
 h1#site-logo {
     color: black;
 }
-
 h1#site-heading {
     color: #666;
 }
-
-h1 { 
-    font-weight: bold;
-    line-height: 1.2em; 
-}
-
-h2 {
-    margin-bottom: 0.25em;
-    font-weight: bold;
-}
-
-h3 { 
-	margin-bottom: 0.5em; font-weight: bold; 
-}
-
-h4 { 
-	margin-bottom: 0.5em; font-weight: bold; 
-}
-
 h1 a:link, h1 a:visited, h1 a:active, h2 a:link, h2 a:visited, h2 a:active,
 h3 a:link, h3 a:visited, h3 a:active {
     color: black;
     text-decoration: none;
 }
-
 h1 a:hover, h2 a:hover, h3 a:hover {
     color: #e50053;
 }
-
 div#sidebar div.sidebar-item {
     border-bottom: 1px solid #eee;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
+    height: 3em;
 }
-
 div#sidebar h2 {
     display: inline;
+    font-size: 1.5em;
+    line-height: 2em;
+    margin-bottom: 0em;
+    -webkit-text-size-adjust: none;
 }
-
 ul.print-links {
     display: none;
 }
-
 p.form-label {
     color: #666;
     margin-bottom: 0em;
 }
-
 label.invalid {
     font-size: 1em;
     font-weight: normal;
 }
-
 .invalid {
     color: #F00;
 }
@@ -126,18 +90,15 @@
 	font: italic 1.05em "Hoefler Text", "Warnock Pro", Palatino, "Book Antiqua", serif;
 	font-weight: inherit;
 }
-
 a .amp { color: inherit; }
 a:hover .amp { color: inherit; }
 .caps { font-size: 0.92em; font-weight: inherit;}
 .quo { margin-left: -0.30em; }
 .dquo { margin-left: -0.38em; }
-
 img.inline-photo-right {
     float: right;
     margin-left: 1.5em;
 }
-
 img.inline-photo-left {
     float: left;
     margin-right: 1.5em;
--- a/templates/base.html	Thu Jun 18 01:48:05 2009 -0400
+++ b/templates/base.html	Thu Jul 16 18:39:14 2009 -0400
@@ -13,6 +13,8 @@
     <link rel="stylesheet" href="/site-media/style/blueprint/ie.css"
           type="text/css" media="screen, projection">
     <![endif]-->
+    <link rel="stylesheet" href="/site-media/style/aal.css" 
+          type="text/css" media="screen, projection"/>
     <link rel="stylesheet" href="/site-media/style/stevelosh.css" 
           type="text/css"/>
     <link rel="stylesheet" href="/site-media/style/comments.css"