webby 0.7.1 → 0.7.2

data/data/content/css/blueprint/lib/forms.css

@@ -0,0 +1,45 @@
+/* -------------------------------------------------------------- 
+   
+   forms.css
+   * Sets up some default styling for forms
+   * Gives you classes to enhance your forms
+   
+   Usage:
+   * For text fields, use class .title or .text
+   
+-------------------------------------------------------------- */
+
+label { font-weight: bold; }
+
+
+/* Fieldsets */
+fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
+legend      { font-weight: bold; font-size:1.2em; }
+
+/* Text fields */
+input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
+input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
+input.text:focus,
+input.title:focus         { border:1px solid #999; background:#fff; }
+input.title               { font-size:1.5em; }
+
+/* Textareas */
+textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
+textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
+textarea:focus      { border:1px solid #999; background:#fff; }
+
+/* Select fields */
+select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
+select:focus        { border:1px solid #999; background:#fff; }
+
+
+/* Success, error & notice boxes for messages and errors. */
+.error,
+.notice, 
+.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
+.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
+.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
+.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
+.error a    { color: #D12F19; }
+.notice a   { color: #817134; }
+.success a  { color: #529214; }

data/data/content/css/blueprint/lib/grid.css

@@ -1,11 +1,9 @@
 /* -------------------------------------------------------------- 
-  
-   Grid.css
-   * Version:   0.5 (28/8/2007)
-   * Website:   http://code.google.com/p/blueprintcss/
+   
+   grid.css
+   * Sets up an easy-to-use grid of 24 columns.
    
    Based on work by:
-   * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
@@ -16,23 +14,17 @@
    
    If you need fewer or more columns, use this 
    formula to find the new total width: 
+   Total width = (columns * 40) - 10
+   
+   Read more about using a grid here:
+   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
    
-   Total width = (columns * 30) - 10
-  
 -------------------------------------------------------------- */
 
-body { 
-  text-align: center; /* IE6 Fix */
-  margin:36px 0;
-}
-
 /* A container should group all your columns. */
 .container {
-  text-align: left;
-  position: relative;
-  padding: 0;
-  margin: 0 auto;   /* Centers layout */
-  width: 950px;     /* Total width */
+  width: 950px;
+  margin: 0 auto;
 }
 
 
@@ -40,27 +32,18 @@ body {
 -------------------------------------------------------------- */
 
 /* Use this class together with the .span-x classes
-   to create any compsition of columns in a layout.
-   Nesting columns works like a charm (remember .first and .last). */
+   to create any composition of columns in a layout. */
    
 .column {
   float: left;
   margin-right: 10px;
-  padding: 0;
 }
-* html .column { overflow-x: hidden; } /* IE6 fix */
 
-/* Add this class to a column if you want a border on its 
-   right hand side. This should be customized to fit your needs. */
-
-.border {
-  padding-right: 4px;
-  margin-right: 5px;
-  border-right: 1px solid #ddd;
-}
 
+/* The last column in a row needs this class. */
+.last { margin-right: 0; }
 
-/* Use these classes to set how wide a column should be. */
+/* Use these classes to set the width of a column. */
 .span-1   { width: 30px; }
 .span-2   { width: 70px; }
 .span-3   { width: 110px; }
@@ -86,9 +69,6 @@ body {
 .span-23  { width: 910px; }
 .span-24  { width: 950px; margin: 0; }
 
-/* The last element in a multi-column block needs this class. */
-.last     { margin-right: 0; }
-
 /* Add these to a column to append empty cols. */
 .append-1   { padding-right: 40px; }  
 .append-2   { padding-right: 80px; } 
@@ -102,6 +82,17 @@ body {
 .append-10  { padding-right: 400px; } 
 .append-11  { padding-right: 440px; } 
 .append-12  { padding-right: 480px; } 
+.append-13  { padding-right: 520px; } 
+.append-14  { padding-right: 560px; } 
+.append-15  { padding-right: 600px; } 
+.append-16  { padding-right: 640px; } 
+.append-17  { padding-right: 680px; } 
+.append-18  { padding-right: 720px; } 
+.append-19  { padding-right: 760px; } 
+.append-20  { padding-right: 800px; } 
+.append-21  { padding-right: 840px; } 
+.append-22  { padding-right: 880px; } 
+.append-23  { padding-right: 920px; } 
 
 /* Add these to a column to prepend empty cols. */
 .prepend-1   { padding-left: 40px; }  
@@ -116,34 +107,87 @@ body {
 .prepend-10  { padding-left: 400px; } 
 .prepend-11  { padding-left: 440px; } 
 .prepend-12  { padding-left: 480px; } 
+.prepend-13  { padding-left: 520px; } 
+.prepend-14  { padding-left: 560px; } 
+.prepend-15  { padding-left: 600px; } 
+.prepend-16  { padding-left: 640px; } 
+.prepend-17  { padding-left: 680px; } 
+.prepend-18  { padding-left: 720px; } 
+.prepend-19  { padding-left: 760px; } 
+.prepend-20  { padding-left: 800px; } 
+.prepend-21  { padding-left: 840px; } 
+.prepend-22  { padding-left: 880px; } 
+.prepend-23  { padding-left: 920px; } 
+
+
+/* Border on right hand side of a column. */
+.border {
+  padding-right: 4px;
+  margin-right: 5px;
+  border-right: 1px solid #eee;
+}
 
+/* Border with more whitespace, spans one column. */
+.colborder {
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #eee;
+}
 
 
-/* Images
--------------------------------------------------------------- */
-
-/* Remember the baseline (typography.css). */
-img { margin: 0 0 18px 0; }
-
-
-/* Use these classes to make an image flow into the column before 
-   or after it. This techique can also be used on other objects. */
+/* Use these classes on an element to push it into the 
+   next column, or to pull it into the previous column. */
 
 .pull-1  { margin-left: -40px; }
 .pull-2  { margin-left: -80px; }
 .pull-3  { margin-left: -120px; }
 .pull-4  { margin-left: -160px; }
 
-.push-0  { margin: 0 0 0 18px;      float: right; } /* Right aligns the image. */
-.push-1  { margin: 0 -40px 0 18px;  float: right; }
-.push-2  { margin: 0 -80px 0 18px;  float: right; }
-.push-3  { margin: 0 -120px 0 18px; float: right; }
-.push-4  { margin: 0 -160px 0 18px; float: right; }
+.push-0  { margin: 0 0 0 18px; }
+.push-1  { margin: 0 -40px 0 18px; }
+.push-2  { margin: 0 -80px 0 18px; }
+.push-3  { margin: 0 -120px 0 18px; }
+.push-4  { margin: 0 -160px 0 18px; }
+.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }
 
-.pull-1, .pull-2, .pull-3, .pull-4,
-.push-1, .push-2, .push-3, .push-4 {
-  overflow-x: visible; /* Overrides previous IE6 fix (needs improvement). */
+
+/* Misc classes and elements
+-------------------------------------------------------------- */
+
+/* Use a .box to create a padded box inside a column.  */ 
+.box { 
+  padding: 1.5em; 
+  margin-bottom: 1.5em; 
+  background: #eee; 
 }
 
-/* EOF */
+/* Use this to create a horizontal ruler across a column. */
+hr {
+  background: #ddd; 
+  color: #ddd;
+  clear: both; 
+  float: none; 
+  width: 100%; 
+  height: .1em;
+  margin: 0 0 1.4em;
+  border: none; 
+}
+hr.space {
+  background: #fff;
+  color: #fff;
+}
 
+/* Clearing floats without extra markup
+   Based on How To Clear Floats Without Structural Markup by PiE
+   [http://www.positioniseverything.net/easyclearing.html] */
+
+.clear { display: inline-block; }   
+.clear:after, .container:after {
+  content: "."; 
+  display: block; 
+  height: 0; 
+  clear: both; 
+  visibility: hidden;
+}
+* html .clear { height: 1%; }
+.clear { display: block; }

data/data/content/css/blueprint/lib/ie.css

@@ -0,0 +1,30 @@
+/* -------------------------------------------------------------- 
+   
+   ie.css
+   
+   Contains every hack for Internet Explorer versions prior 
+   to IE7, so that our core files stay sweet and nimble.
+   
+-------------------------------------------------------------- */
+
+/* Make sure the layout is centered in IE5 */
+body        { text-align: center; }
+.container  { text-align: left; }
+
+
+/* This fixes the problem where IE6 adds an extra 3px margin to
+   two columns that are floated up against each other. */
+
+* html .column { overflow-x: hidden; } /* IE6 fix */
+
+.pull-1, .pull-2, .pull-3, .pull-4,
+.push-1, .push-2, .push-3, .push-4, 
+ul, ol {
+  position: relative; /* Keeps IE6 from cutting pulled/pushed images */
+}
+
+/* Fixes incorrect styling of legend in IE6 fieldsets. */
+legend { margin-bottom:1.4em; }
+
+/* Fixes incorrect placement of numbers in ol's in IE6/7 */
+ol { margin-left:2em; }

data/data/content/css/blueprint/lib/reset.css

@@ -1,20 +1,17 @@
 /* -------------------------------------------------------------- 
   
-   Reset.css
-   * Version:   0.5 (28/8/2007)
-   * Website:   http://code.google.com/p/blueprintcss/
+   reset.css
+   * Resets default browser CSS.
    
-   Original by Eric Meyer:
+   Based on work by Eric Meyer:
    * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
    
 -------------------------------------------------------------- */
 
-html, body, div, span, applet, object, iframe,
+html, body, div, span, 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,
-strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
 	margin: 0;
@@ -27,14 +24,16 @@ table, caption, tbody, tfoot, thead, tr, th, td {
 	vertical-align: baseline;
 }
 
-body { line-height: 1; color: #333; background: white; }
+
+body { line-height: 1.5; background: #fff; margin:1.5em 0; }
 
 /* Tables still need 'cellspacing="0"' in the markup. */
 table { border-collapse: separate; border-spacing: 0; }
-caption, th, td { text-align: left; font-weight: normal; }
+caption, th, td { text-align: left; font-weight:400; }
 
 /* Remove possible quote marks (") from <q>, <blockquote>. */
 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
 blockquote, q { quotes: "" ""; }
 
-/* EOF */
+a img { border: none; }
+

data/data/content/css/blueprint/lib/typography.css

@@ -1,161 +1,116 @@
 /* -------------------------------------------------------------- 
    
-   Typography.css
-   * Version:   0.5 (28/8/2007)
-   * Website:   http://code.google.com/p/blueprintcss/
+   typography.css
+   * Sets up some sensible default typography.
   
    Based on work by:
-   * Olav Bjorkoy      [bjorkoy.com]   
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Wilson Miner      [wilsonminer.com]
+   * Richard Rutter    [clagnut.com]
    
    Read more about using a baseline here:
    * alistapart.com/articles/settingtypeontheweb
   
 -------------------------------------------------------------- */
 
-body { 
-  font-size: 12px;
-  line-height: 18px; /* All elements should be a multiple of this value. */
-}
+/* This is where you set your desired font size. The line-heights 
+   and vertical margins are automatically calculated from this. 
+   The percentage is of 16px (0.75 * 16px = 12px). */
+   
+body { font-size: 75%; }
 
 
-/* Default fonts */
-h1,h2,h3,
-h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
-body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } 
-pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
-code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
+/* Default fonts and colors. 
+   If you prefer serif fonts, remove the font-family 
+   on the headings, and apply this one to the body:
+   font: 1em Georgia, "lucida bright", "times new roman", serif; */
+   
+body { 
+  color: #222; 
+  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
+}
+h1,h2,h3,h4,h5,h6 { 
+  color: #111; 
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
+}
 
 
 /* Headings
 -------------------------------------------------------------- */
 
-h1,h2,h3,h4,h5,h6 { 
-  color:#111; 
-  clear:both; 
-}
+h1,h2,h3,h4,h5,h6 { font-weight: normal; }
 
-h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }
-h2 { font-size: 20px; line-height:36px; }
-h3 { font-size: 16px; line-height:36px; }
-h4 { font-size: 14px; font-weight:bold; }
-h5 { font-size: 12px; font-weight:bold; }
-h6 { font-size: 12px; }
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 2em; margin-bottom: 0.75em; }
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }
 
 
 /* Text elements
 -------------------------------------------------------------- */
 
-p           { margin: 0 0 18px 0; text-align:justify; }
-p.last      { margin-bottom:0; }
-p img       { float: left; margin:18px 18px 18px 0; padding:0; }
-p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
-
-a           { color: #125AA7; text-decoration: underline; }
-a:hover     { color: #000; }
+p           { margin: 0 0 1.5em; }
+p.last      { margin-bottom: 0; }
+p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
+img         { margin: 0 0 1.5em; }
 
-ul, ol      { margin: 0 0 18px 18px; }
+ul, ol      { margin:0 1.5em 1.5em 1.5em; }
 ul          { list-style-type: circle; }
 ol          { list-style-type: decimal; }
-dl          { margin: 0 0 18px 0; }
+dl          { margin: 0 0 1.5em 0; }
 dl dt       { font-weight: bold; }
+dd          { margin-left: 1.5em;}
 
-blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
+abbr, 
+acronym     { border-bottom: 1px dotted #666; }
+address     { margin-top: 1.5em; font-style: italic; }
+del         { color:#666; }
+
+a:focus, 
+a:hover     { color: #000; }
+a           { color: #009; text-decoration: underline; }
+
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
 strong      { font-weight: bold; }
-em          { font-style: italic; }
-pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
-
-/* Use this to create a horizontal ruler across a column. */
-hr {
-  background: #B2CCFF; 
-  color: #B2CCFF;
-  clear: both; 
-  float: none; 
-  width: 100%; 
-  height: 2px;
-  margin: 0 0 16px 0;
-  border: none; 
-}
+em,dfn      { font-style: italic; background: #ffc; }
+dfn         { font-weight: bold; }
+pre,code    { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
+tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
 
 
 /* Tables
 -------------------------------------------------------------- */
 
-table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
-th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
-th      { font-weight:bold; }
+table   { margin-bottom: 1.4em; }
+th      { border-bottom: 2px solid #ccc; font-weight: bold; }
+td      { border-bottom: 1px solid #ddd; }
+th,td   { padding: 4px 10px 4px 0; }
+tfoot   { font-style: italic; }
+caption { background: #ffc; }
 
-
-/* Some default classes
--------------------------------------------------------------- */
-
-p.small   { font-size: 10px; margin-bottom: 18px; }
-p.large   { font-size: 14px; line-height:36px; }
-p.quiet   { color: #666; }
-.hide     { display: none; }
+/* Use this if you use span-x classes on th/td. */
+table .last { padding-right: 0; } 
 
 
-/* Extra fancy typography
+/* Some default classes
 -------------------------------------------------------------- */
 
-/* For great looking type, use this code instead of asdf: 
-   <span class="alt">asdf</span>  
-   Best used on prepositions and ampersands. */
-  
-.alt { 
-  color: #666; 
-  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
-  font-size: 1.2em;
-  line-height: 1%; /* Maintain correct baseline */
-  font-style: italic;
-}
+.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.quiet      { color: #666; }
 
-/* For great looking quote marks in titles, replace "asdf" with:
-   <span class="dquo">&#8220;</span>asdf&#8221;
-   (That is, when the title starts with a quote mark). 
-   (You may have to change this value depending on your font size). */  
-   
-.dquo { margin-left: -.7em; } 
+.hide       { display: none; }
+.highlight  { background:#ff0; }
+.added      { color:#060; }
+.removed    { color:#900; }
 
+.top        { margin-top:0; padding-top:0; }
+.bottom     { margin-bottom:0; padding-bottom:0; }
 
-/* Reduced size type with incremental leading
-   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
-
-   This could be used for side notes. For smaller type, you don't necessarily want to 
-   follow the 1.5x vertical rhythm -- the line-height is too much. 
-   
-   Using this class, it reduces your font size and line-height so that for 
-   every four lines of normal sized type, there is five lines of the sidenote. eg:
-
-   New type size in em's:
-     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
-
-   New line-height value:
-     12px x 1.5 = 18px (old line-height)
-     18px x 4 = 72px 
-     72px / 5 = 14.4px (new line height)
-     14.4px / 10px = 1.44 (new line height in em's) */
-
-p.incr, .incr p {
-	font-size: 10px;
-	line-height: 1.44em;  
-	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
-}
-
-
-/* Surround uppercase words and abbreviations with this class.
-   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
-   
-.caps { 
-  font-variant: small-caps; 
-  letter-spacing: 1px; 
-  text-transform: lowercase; 
-  font-size:1.2em;
-  line-height:1%;
-  font-weight:bold;
-}
 
-/* EOF */