webby 0.1.0

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

@@ -0,0 +1,177 @@
+/* -------------------------------------------------------------- 
+  
+   Grid.css
+   * Creates an easy to use grid of 14 columns.
+   
+   Based on work by:
+   * 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.
+   
+   If you need fewer or more columns, use this 
+   formula to find the new total width: 
+   
+   Total width = (columns * 70) - 20
+  
+-------------------------------------------------------------- */
+
+body { 
+  text-align: center; /* IE 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: 960px;     /* Total width */
+}
+
+
+/* Columns
+-------------------------------------------------------------- */
+
+/* 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). */
+   
+.column {
+  float: left;
+  margin: 0 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;
+  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; }
+
+/* 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; }
+
+/* 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; }
+
+
+/* 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; }
+
+
+/* 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; }
+
+.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; }
+
+

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

@@ -0,0 +1,37 @@
+/* -------------------------------------------------------------- 
+  
+   Reset.css
+   * Resets default browser CSS styles.
+   
+   Original by Erik Meyer:
+   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+   
+-------------------------------------------------------------- */
+
+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,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+
+body { line-height: 1; color: #333; background: white; }
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+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: "" ""; }

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

@@ -0,0 +1,159 @@
+/* -------------------------------------------------------------- 
+   
+   Typography.css
+   * Sets some default typography.
+  
+   Based on work by:
+   * Nathan Borror     [playgroundblues.com]
+   * Jeff Croft        [jeffcroft.com]
+   * Christian Metts   [mintchaos.com]
+   * Wilson Miner      [wilsonminer.com]
+   
+   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 */
+}
+
+/* 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 */
+
+
+/* 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; }
+
+
+/* Text elements
+-------------------------------------------------------------- */
+
+p           { margin: 0 0 1.5em 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.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; }
+ol          { list-style-type: decimal; }
+dl          { margin: 1.5em 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; }
+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; }
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+  background: #B2CCFF; 
+  color: #B2CCFF;
+  clear: both; 
+  float: none; 
+  width: 100%; 
+  height: 0.1em;
+  margin: 0 0 1.4em 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; }
+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.quiet   { color: #666; }
+.hide     { display: none; }
+
+
+/* Extra fancy typography
+-------------------------------------------------------------- */
+
+/* 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", serif; 
+  font-size: 1.2em;
+  line-height: 1%; /* Maintain correct baseline */
+  font-style: italic;
+}
+
+/* For great looking quote marks in titles, replace "asdf" width:
+   <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; } 
+
+
+/* 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 
+     60px / 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 */
+	line-height: 1.44em;  
+	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
+}
+

data/data/content/css/blueprint/print.css

@@ -0,0 +1,75 @@
+/* -------------------------------------------------------------- 
+  
+   Blueprint CSS Framework
+   [bjorkoy.com/blueprint]
+   
+   * Print Styles *
+   
+   This file creates CSS styles for printing documents. 
+   Include this in the <head> of every page. See the
+   Readme file in this directory for further instructions.
+   
+   Some additions you'll want to make, 
+   customized to your markup:
+   
+   #heder, #footer, #navigation { display:none; }
+   
+-------------------------------------------------------------- */
+
+body {
+  font-family: Georgia, Times, serif;
+  line-height: 1.5;
+  color:#000;
+  background: none;
+  font-size: 11pt;
+}
+
+img { 
+  float:left; 
+  margin:1.5em 1.5em 1.5em 0;
+}
+p img.top { 
+  margin-top: 0; 
+}
+
+hr { 
+  background:#ccc; 
+  color:#ccc;
+  width:100%; 
+  height:2px; 
+  margin:2em 0; 
+  padding:0; 
+  border:none; 
+}
+blockquote { 
+  margin:1.5em 0; 
+  padding:1em; 
+  border:0.2em solid #ccc; 
+  font-style:italic; 
+  font-size:0.9em; 
+}
+
+.small, .small p  { font-size: 0.9em; }
+.large, .large p  { font-size: 1.1em; }
+.quiet, .quiet p  { color: #999; }
+.hide             { display:none; }
+
+a:link, a:visited {
+	background: transparent;
+	font-weight: bold;
+	text-decoration: underline;
+}
+
+a:link:after, a:visited:after {
+   content: " (" attr(href) ") ";
+   font-size: 90%;
+}
+
+/* If you're having trouble printing relative links, uncomment and customize this:
+   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */ 
+
+/* a[href^="/"]:after {
+  content: " (http://www.yourdomain.com" attr(href) ") ";
+} */
+
+