webby 0.7.1 → 0.7.2

data/data/content/css/blueprint/plugins/buttons/Readme

@@ -0,0 +1,31 @@
+Buttons
+* Gives you great looking CSS buttons, for both <a> and <button>.
+* Demo: particletree.com/features/rediscovering-the-button-element
+
+
+Credits
+----------------------------------------------------------------
+
+* Created by Kevin Hale [particletree.com]
+* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
+
+
+Usage
+----------------------------------------------------------------
+
+1) Add this line to "blueprint/screen.css":
+	 @import 'plugins/buttons/buttons.css';
+
+2) Use the following HTML code to place the buttons on your site:
+
+	<button type="submit" class="button positive">
+	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
+	</button>
+
+	<a class="button" href="/password/reset/">
+	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
+	</a>
+
+	<a href="#" class="button negative">
+	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
+	</a>

data/data/content/css/blueprint/{lib → plugins/buttons}/buttons.css

@@ -1,41 +1,24 @@
 /* -------------------------------------------------------------- 
   
-   Buttons.css
-   * Version:   0.5 (28/8/2007)
-   * Website:   http://code.google.com/p/blueprintcss/
+   buttons.css
+   * Gives you some great CSS-only buttons.
    
    Created by Kevin Hale [particletree.com]
    * particletree.com/features/rediscovering-the-button-element
-   
-   W3C: "Buttons created with the BUTTON element function 
-   just like buttons created with the INPUT element, 
-   but they offer richer rendering possibilities."
-   
-   Usage:
-   
-   <button type="submit" class="button positive">
-     <img src="css/blueprint/lib/img/icons/tick.png" alt=""/> Save
-   </button>
 
-   <a class="button" href="/password/reset/">
-     <img src="css/blueprint/lib/img/icons/textfield_key.png" alt=""/> Change Password
-   </a>
+   See Readme.txt in this folder for instructions.
 
-   <a href="#" class="button negative">
-     <img src="css/blueprint/lib/img/icons/cross.png" alt=""/> Cancel
-   </a>
-   
 -------------------------------------------------------------- */
 
 a.button, button {
   display:block;
   float:left;
   margin:0 0.583em 0.667em 0;
-  padding:5px 10px 6px 7px;   /* Links */
+  padding:5px 10px 5px 7px;   /* Links */
   
-  border:0.1em solid #dedede;
-  border-top:0.1em solid #eee;
-  border-left:0.1em solid #eee;
+  border:1px solid #dedede;
+  border-top:1px solid #eee;
+  border-left:1px solid #eee;
 
   background-color:#f5f5f5;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
@@ -52,7 +35,7 @@ button {
   padding:4px 10px 3px 7px;   /* IE6 */
 }
 button[type] {
-  padding:5px 10px 5px 7px;   /* Firefox */
+  padding:4px 10px 4px 7px;   /* Firefox */
   line-height:17px;           /* Safari */
 }
 *:first-child+html button[type] {
@@ -64,6 +47,7 @@ button img, a.button img{
   border:none;
   width:16px;
   height:16px;
+  float:none;
 }
 
 
@@ -73,7 +57,7 @@ button img, a.button img{
 /* Standard */
 button:hover, a.button:hover{
   background-color:#dff4ff;
-  border:0.1em solid #c2e1ef;
+  border:1px solid #c2e1ef;
   color:#336699;
 }
 a.button:active{
@@ -83,30 +67,31 @@ a.button:active{
 }
 
 /* Positive */
-.positive {
+body .positive {
   color:#529214;
 }
 a.positive:hover, button.positive:hover {
   background-color:#E6EFC2;
-  border:0.1em solid #C6D880;
+  border:1px solid #C6D880;
   color:#529214;
 }
 a.positive:active {
   background-color:#529214;
-  border:0.1em solid #529214;
+  border:1px solid #529214;
   color:#fff;
 }
 
 /* Negative */
-.negative {
+body .negative {
   color:#d12f19;
 }
 a.negative:hover, button.negative:hover {
   background:#fbe3e4;
-  border:0.1em solid #fbc2c4;
+  border:1px solid #fbc2c4;
+  color:#d12f19;
 }
 a.negative:active {
   background-color:#d12f19;
-  border:0.1em solid #d12f19;
+  border:1px solid #d12f19;
   color:#fff;
 }

data/data/content/css/blueprint/plugins/css-classes/Readme

@@ -0,0 +1,14 @@
+CSS Development Classes Plugin
+
+Sets up some classes to use in CSS development
+
+This is an experimental plugin, and the tools it provides
+are not exactly semantically correct, so use with care,
+and preferably only in development. :)
+
+
+Usage
+----------------------------------------------------------------
+
+1) Add this line to "blueprint/screen.css", and you're done:
+	 @import 'plugins/css-classes/css-classes.css';

data/data/content/css/blueprint/plugins/css-classes/css-classes.css

@@ -0,0 +1,24 @@
+/* -------------------------------------------------------------- 
+
+   css-classes.css
+   * Classes for CSS development
+   
+   See the Readme file in this directory
+   for further instructions.
+   
+-------------------------------------------------------------- */
+
+.left   { float:left; }
+.right  { float:right; }
+
+.hide   { display:none; }
+
+.reset-margin   { margin:0; } 
+.reset-padding  { padding:0; } 
+.reset          { margin:0; padding:0; } 
+
+.align-justify  { text-align:justify; } 
+.align-left     { text-align:left; } 
+.align-center   { text-align:center; } 
+.align-right    { text-align:right; } 
+

data/data/content/css/blueprint/plugins/fancy-type/Readme

@@ -0,0 +1,22 @@
+Fancy Type
+* Gives you classes to use if you'd like some 
+  extra fancy typography. 
+
+Credits and instructions are specified above each class
+in the fancy-type.css file in this directory.
+
+
+Usage
+----------------------------------------------------------------
+
+1) Add this line to "blueprint/screen.css", and you're done:
+	 @import 'plugins/fancy-type/fancy-type-compressed.css';
+
+Note that this uses the compressed version of the CSS file, 
+as the original file contains a lot of instructing comments.
+
+Remember to re-compress (or change) the compressed file 
+if you make any changes to the original CSS file.
+
+Here's a pretty good CSS compressor: 
+http://teenage.cz/acidofil/tools/cssformat.php

data/data/content/css/blueprint/plugins/fancy-type/fancy-type-compressed.css

@@ -0,0 +1,5 @@
+p + p { text-indent:2em; margin-top:-1.5em; }
+.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;font-size:1.2em;line-height:80%;font-style:italic;}
+.dquo{margin-left:-.5em;}
+p.incr,.incr p{font-size:10px;line-height:1.44em;margin-bottom:1.5em;}
+.caps{font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;}

data/data/content/css/blueprint/plugins/fancy-type/fancy-type.css

@@ -0,0 +1,74 @@
+/* -------------------------------------------------------------- 
+  
+   fancy-type.css
+   * Lots of pretty advanced classes for manipulating text.
+   
+   See the Readme file in this folder for additional instructions.
+
+-------------------------------------------------------------- */
+
+/* Indentation instead of line shifts for sibling paragraphs. */
+   p + p { text-indent:2em; margin-top:-1.5em; }
+
+/* Ornaments on first paragraph.
+   Commented out by default. Use with care.
+   p:before { content: "\2767"; padding-right: 0.4em; }
+   p + p:before { content: ""; padding:0; } */
+
+/* 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-style: italic;
+  font-weight: normal;
+}
+
+
+/* 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: -.5em; } 
+
+
+/* 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: 1.5em;
+}
+
+
+/* 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;
+  padding:0 2px;
+}

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

@@ -1,79 +1,68 @@
 /* -------------------------------------------------------------- 
   
    Blueprint CSS Framework Print Styles
-   * Version:   0.5 (28/8/2007)
-   * Website:   http://code.google.com/p/blueprintcss/
-   
-   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; }
-   
+   * Gives you some sensible styles for printing pages.
+   See Readme file in this directory for further instructions.
+      
+   Some additions you'll want to make, customized to your markup:
+   #header, #footer, #navigation { display:none; }
+	 
 -------------------------------------------------------------- */
 
 body {
   line-height: 1.5;
+  font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;   
   color:#000;
   background: none;
-  font-size: 11pt;
+  font-size: 10pt;
+}
+.container {
+  background: none;
 }
 
-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, Arial, 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; } 
+h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
+code { font:.9em "Courier New", Monaco, Courier, monospace; } 
 
-img { 
-  float:left; 
-  margin:1.5em 1.5em 1.5em 0;
-}
-p img.top { 
-  margin-top: 0; 
-}
+img { float:left; margin:1.5em 1.5em 1.5em 0; }
+a img { border:none; }
+p img.top { margin-top: 0; }
 
 hr { 
   background:#ccc; 
   color:#ccc;
-  width:100%; 
-  height:2px; 
-  margin:2em 0; 
-  padding:0; 
-  border:none; 
+  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; 
+
+blockquote {
+  margin:1.5em;
+  padding:1em;
+  font-style:italic;
+  font-size:.9em;
 }
 
-.small, .small p  { font-size: 0.9em; }
-.large, .large p  { font-size: 1.1em; }
-.quiet, .quiet p  { color: #999; }
-.hide             { display:none; }
+.small  { font-size: .9em; }
+.large  { font-size: 1.1em; }
+.quiet  { color: #999; }
+.hide   { display:none; }
 
 a:link, a:visited {
 	background: transparent;
-	font-weight: bold;
+	font-weight:700;
 	text-decoration: underline;
 }
 
 a:link:after, a:visited:after {
-   content: " (" attr(href) ") ";
-   font-size: 90%;
+  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) */ 
+   (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) ") ";
 } */
-
-

data/data/content/css/blueprint/screen.css

@@ -1,30 +1,22 @@
 /* -------------------------------------------------------------- 
   
    Blueprint CSS Framework Screen Styles
-   * Version:   0.5 (28/8/2007)
+   * Version:   0.6 (21.9.2007)
    * Website:   http://code.google.com/p/blueprintcss/
-      
-   This is the main CSS-file for the framework.
-   Include this in the <head> of every page. See the
-   Readme file in this directory for further instructions.
+   See Readme file in this directory for further instructions.
    
 -------------------------------------------------------------- */
 
 @import 'lib/reset.css';
 @import 'lib/typography.css';
 @import 'lib/grid.css';
-@import 'lib/buttons.css';
+@import 'lib/forms.css';
 
-
-/* Compressed version (re-compress if you change the core files): 
-   [http://teenage.cz/acidofil/tools/cssformat.php]
+/* Plugins:
+   Additional functionality can be found in the plugins directory.
+   See the readme files for each plugin. Example:
+   @import 'plugins/buttons/buttons.css'; */
    
-   Comment out @import statements above, and 
-   add this line instead, when your site has launched 
-   (compresses ca 60% of the core files in BP):
-   @import 'lib/compressed.css'; */
-
-
-/* Uncomment the line below to see the grid and baseline. */
-/* .container { background: url(lib/img/grid.png); } */
-/* .container { background: url(lib/img/baseline.png); }  */
+/* See the grid:
+   Uncomment the line below to see the grid and baseline.
+   .container { background: url(lib/grid.png); } */