webby 0.3.0 → 0.4.0

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

@@ -1,26 +1,28 @@
 /* -------------------------------------------------------------- 
   
    Grid.css
-   * Creates an easy to use grid of 14 columns.
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
    
    Based on work by:
+   * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]
    
-   By default, the grid is 960px wide, with columns 
-   spanning 50px, and a 20px margin between columns.
+   By default, the grid is 950px wide, with 24 columns 
+   spanning 30px, and a 10px margin between columns.
    
    If you need fewer or more columns, use this 
    formula to find the new total width: 
    
-   Total width = (columns * 70) - 20
+   Total width = (columns * 30) - 10
   
 -------------------------------------------------------------- */
 
 body { 
-  text-align: center; /* IE Fix */
+  text-align: center; /* IE6 Fix */
   margin:36px 0;
 }
 
@@ -30,7 +32,7 @@ body {
   position: relative;
   padding: 0;
   margin: 0 auto;   /* Centers layout */
-  width: 960px;     /* Total width */
+  width: 950px;     /* Total width */
 }
 
 
@@ -43,135 +45,105 @@ body {
    
 .column {
   float: left;
-  margin: 0 10px;
+  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: 9px;
-  margin-right: 0;
+  padding-right: 4px;
+  margin-right: 5px;
   border-right: 1px solid #ddd;
 }
 
 
-/* The first and last elements in a multi-column 
-   block needs one of these classes each. */
-
-.first  { margin-left: 0; }
-.last   { margin-right: 0; }
-
-
 /* Use these classes to set how wide a column should be. */
-.span-1   { width: 50px; }
-.span-2   { width: 120px; }
-.span-3   { width: 190px; }
-.span-4   { width: 260px; }
-.span-5   { width: 330px; }
-.span-6   { width: 400px; }
-.span-7   { width: 470px; }
-.span-8   { width: 540px; }
-.span-9   { width: 610px; }
-.span-10  { width: 680px; }
-.span-11  { width: 750px; }
-.span-12  { width: 820px; }
-.span-13  { width: 890px; }
-.span-14  { width: 960px; margin: 0; }
+.span-1   { width: 30px; }
+.span-2   { width: 70px; }
+.span-3   { width: 110px; }
+.span-4   { width: 150px; }
+.span-5   { width: 190px; }
+.span-6   { width: 230px; }
+.span-7   { width: 270px; }
+.span-8   { width: 310px; }
+.span-9   { width: 350px; }
+.span-10  { width: 390px; }
+.span-11  { width: 430px; }
+.span-12  { width: 470px; }
+.span-13  { width: 510px; }
+.span-14  { width: 550px; }
+.span-15  { width: 590px; }
+.span-16  { width: 630px; }
+.span-17  { width: 670px; }
+.span-18  { width: 710px; }
+.span-19  { width: 750px; }
+.span-20  { width: 790px; }
+.span-21  { width: 830px; }
+.span-22  { width: 870px; }
+.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: 70px; }  
-.append-2   { padding-right: 140px; } 
-.append-3   { padding-right: 210px; } 
-.append-4   { padding-right: 280px; } 
-.append-5   { padding-right: 350px; } 
-.append-6   { padding-right: 420px; } 
-.append-7   { padding-right: 490px; } 
-.append-8   { padding-right: 560px; } 
-.append-9   { padding-right: 630px; } 
-.append-10  { padding-right: 700px; }
-.append-11  { padding-right: 770px; }
-.append-12  { padding-right: 840px; }
-.append-13  { padding-right: 910px; }
+.append-1   { padding-right: 40px; }  
+.append-2   { padding-right: 80px; } 
+.append-3   { padding-right: 120px; } 
+.append-4   { padding-right: 160px; } 
+.append-5   { padding-right: 200px; } 
+.append-6   { padding-right: 240px; } 
+.append-7   { padding-right: 280px; } 
+.append-8   { padding-right: 320px; } 
+.append-9   { padding-right: 360px; } 
+.append-10  { padding-right: 400px; } 
+.append-11  { padding-right: 440px; } 
+.append-12  { padding-right: 480px; } 
 
 /* Add these to a column to prepend empty cols. */
-.prepend-1   { padding-left: 70px; }  
-.prepend-2   { padding-left: 140px; } 
-.prepend-3   { padding-left: 210px; } 
-.prepend-4   { padding-left: 280px; } 
-.prepend-5   { padding-left: 350px; } 
-.prepend-6   { padding-left: 420px; } 
-.prepend-7   { padding-left: 490px; } 
-.prepend-8   { padding-left: 560px; } 
-.prepend-9   { padding-left: 630px; } 
-.prepend-10  { padding-left: 700px; }
-.prepend-11  { padding-left: 770px; }
-.prepend-12  { padding-left: 840px; }
-.prepend-13  { padding-left: 910px; }
-
-
-/* Use a .box to create a padded box inside a column. 
-   Sticking to the the baseline. */ 
-   
-.box { 
-  padding: 1.5em; 
-  margin-bottom: 1.5em; 
-  background: #f0f0f0; 
-}
-
-
-/* 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; }
+.prepend-1   { padding-left: 40px; }  
+.prepend-2   { padding-left: 80px; } 
+.prepend-3   { padding-left: 120px; } 
+.prepend-4   { padding-left: 160px; } 
+.prepend-5   { padding-left: 200px; } 
+.prepend-6   { padding-left: 240px; } 
+.prepend-7   { padding-left: 280px; } 
+.prepend-8   { padding-left: 320px; } 
+.prepend-9   { padding-left: 360px; } 
+.prepend-10  { padding-left: 400px; } 
+.prepend-11  { padding-left: 440px; } 
+.prepend-12  { padding-left: 480px; } 
 
 
-/* Nudge your elements [subtraction.com/archives/2007/0606_nudge_your_e.php]:
-   All block elements (not hr) inside a col should have a 5px padding on each side.
-   (Not everyone wants this, but feel free to uncomment if you do.) 
-
-p,ul,ol,dl,h1,h2,h3,h4,h5,h6,
-caption,pre,blockquote,input,textarea {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-div, table {
-  margin-left: 5px;
-  margin-right: 5px;
-  padding: 0;
-} */
-
 
 /* Images
 -------------------------------------------------------------- */
 
 /* Remember the baseline (typography.css). */
-img { margin: 0 0 1.5em 0; }
+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. */
 
-.pull-1  { margin-left: -70px; }
-.pull-2  { margin-left: -140px; }
-.pull-3  { margin-left: -210px; }
+.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 1.5em; float: right; } /* Right aligns the image. */
-.push-1  { margin: 0 -88px 0 1.5em; float: right; }
-.push-2  { margin: 0 -158px 0 1.5em; float: right; }
-.push-3  { margin: 0 -228px 0 1.5em; float: right; }
+.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; }
+
+.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). */
+}
 
+/* EOF */
 

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

@@ -1,9 +1,10 @@
 /* -------------------------------------------------------------- 
   
    Reset.css
-   * Resets default browser CSS styles.
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
    
-   Original by Erik Meyer:
+   Original by Eric Meyer:
    * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
    
 -------------------------------------------------------------- */
@@ -12,7 +13,7 @@ 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,
+strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
@@ -35,3 +36,5 @@ caption, th, td { text-align: left; font-weight: normal; }
 /* Remove possible quote marks (") from <q>, <blockquote>. */
 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
 blockquote, q { quotes: "" ""; }
+
+/* EOF */

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

@@ -1,9 +1,11 @@
 /* -------------------------------------------------------------- 
    
    Typography.css
-   * Sets some default typography.
+   * Version:   0.5 (28/8/2007)
+   * Website:   http://code.google.com/p/blueprintcss/
   
    Based on work by:
+   * Olav Bjorkoy      [bjorkoy.com]   
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
@@ -12,65 +14,59 @@
    Read more about using a baseline here:
    * alistapart.com/articles/settingtypeontheweb
   
--------------------------------------------------------------- */   
+-------------------------------------------------------------- */
 
-body {
-  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
-  line-height: 1.5; /* Unitless for proper inheritance */
+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-height 
-   and vertical margins are automatically calculated from this. 
-   
-   You have to add an extra calculation here because of IE, so that 
-   all users may resize text manually in their browsers.
-   
-   The top one is for IE: The percentage is of 16px (default IE text size)
-   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
-   The second value is what all other browsers see (the wanted font size). */
-   
-body          { font-size: 75%; }   /* IE */
-html > body   { font-size: 12px; }  /* Other browsers */
+
+/* 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; } 
 
 
 /* Headings
 -------------------------------------------------------------- */
 
 h1,h2,h3,h4,h5,h6 { 
-  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
   color:#111; 
   clear:both; 
 }
 
-h1 { font-size: 3em; }
-h2 { font-size: 2em; }
-h3 { font-size: 1.5em; line-height:2; }
-h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
-h5 { font-size: 1em; font-weight:bold; }
-h6 { font-size: 1em; }
+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; }
 
 
 /* Text elements
 -------------------------------------------------------------- */
 
-p           { margin: 0 0 1.5em 0; text-align:justify; }
+p           { margin: 0 0 18px 0; text-align:justify; }
 p.last      { margin-bottom:0; }
-p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: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>. */
 
-ul, ol      { margin: 0 0 1.5em 1.5em; }
+a           { color: #125AA7; text-decoration: underline; }
+a:hover     { color: #000; }
+
+ul, ol      { margin: 0 0 18px 18px; }
+ul          { list-style-type: circle; }
 ol          { list-style-type: decimal; }
-dl          { margin: 1.5em 0; }
+dl          { margin: 0 0 18px 0; }
 dl dt       { font-weight: bold; }
 
-a           { color: #125AA7; text-decoration: underline; outline: none; }
-a:hover     { color: #000; }
-
-blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
+blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
 strong      { font-weight: bold; }
 em          { font-style: italic; }
-pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
-code        { font:0.9em Monaco, monospace; }
+pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
 
 /* Use this to create a horizontal ruler across a column. */
 hr {
@@ -79,33 +75,25 @@ hr {
   clear: both; 
   float: none; 
   width: 100%; 
-  height: 0.1em;
-  margin: 0 0 1.4em 0;
+  height: 2px;
+  margin: 0 0 16px 0;
   border: none; 
 }
-* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */
 
 
 /* Tables
 -------------------------------------------------------------- */
 
-table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
-th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
+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; }
 
 
-/* Forms
--------------------------------------------------------------- */
-
-label     { font-weight: bold; }
-textarea  { height: 180px; width: 300px; }
-
-
 /* Some default classes
 -------------------------------------------------------------- */
 
-p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
-p.large   { font-size: 1.2em; line-height: 2.5em; }
+p.small   { font-size: 10px; margin-bottom: 18px; }
+p.large   { font-size: 14px; line-height:36px; }
 p.quiet   { color: #666; }
 .hide     { display: none; }
 
@@ -119,13 +107,13 @@ p.quiet   { color: #666; }
   
 .alt { 
   color: #666; 
-  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
+  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;
 }
 
-/* For great looking quote marks in titles, replace "asdf" width:
+/* 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). */  
@@ -148,12 +136,26 @@ p.quiet   { color: #666; }
    New line-height value:
      12px x 1.5 = 18px (old line-height)
      18px x 4 = 72px 
-     60px / 5 = 14.4px (new line height)
+     72px / 5 = 14.4px (new line height)
      14.4px / 10px = 1.44 (new line height in em's) */
 
 p.incr, .incr p {
-	font-size: 0.83333em; /* font size 10px */
+	font-size: 10px;
 	line-height: 1.44em;  
-	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
+	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 */