# HG changeset patch # User Steve Losh # Date 1247783954 14400 # Node ID 37bd34b1c710e2389e57fec7f34fccdb16380fa0 # Parent ebf95aec027931a1ab9dbb993ac79aa7301f7b05 Add aardvark legs to make the CSS stronger. diff -r ebf95aec0279 -r 37bd34b1c710 site-media/style/aal.css --- /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 diff -r ebf95aec0279 -r 37bd34b1c710 site-media/style/blog.css --- 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 diff -r ebf95aec0279 -r 37bd34b1c710 site-media/style/code.css --- 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 */ diff -r ebf95aec0279 -r 37bd34b1c710 site-media/style/projects.css --- 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; } diff -r ebf95aec0279 -r 37bd34b1c710 site-media/style/splash.css --- 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 diff -r ebf95aec0279 -r 37bd34b1c710 site-media/style/stevelosh.css --- 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; diff -r ebf95aec0279 -r 37bd34b1c710 templates/base.html --- 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 @@ +