webby 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. data/History.txt +5 -0
  2. data/Manifest.txt +0 -4
  3. data/README.txt +31 -8
  4. data/Rakefile +2 -5
  5. data/data/content/css/blueprint/Readme.txt +10 -3
  6. data/data/content/css/blueprint/lib/buttons.css +2 -2
  7. data/data/content/css/blueprint/lib/compressed.css +112 -102
  8. data/data/content/css/blueprint/lib/grid.css +78 -106
  9. data/data/content/css/blueprint/lib/img/grid.png +0 -0
  10. data/data/content/css/blueprint/lib/reset.css +6 -3
  11. data/data/content/css/blueprint/lib/typography.css +55 -53
  12. data/data/content/css/blueprint/print.css +9 -5
  13. data/data/content/css/blueprint/screen.css +15 -19
  14. data/data/content/css/coderay.css +1 -1
  15. data/lib/webby.rb +2 -2
  16. data/lib/webby/coderay_filter.rb +3 -2
  17. data/lib/webby/renderer.rb +10 -10
  18. data/tasks/setup.rb +3 -1
  19. data/website/content/css/blueprint/lib/buttons.css +2 -2
  20. data/website/content/css/blueprint/lib/compressed.css +112 -102
  21. data/website/content/css/blueprint/lib/grid.css +78 -106
  22. data/website/content/css/blueprint/lib/img/grid.png +0 -0
  23. data/website/content/css/blueprint/lib/reset.css +6 -3
  24. data/website/content/css/blueprint/lib/typography.css +55 -53
  25. data/website/content/css/blueprint/print.css +9 -5
  26. data/website/content/css/blueprint/screen.css +15 -19
  27. data/website/content/css/site.css +15 -4
  28. data/website/content/index.txt +13 -0
  29. data/website/content/tips_and_tricks.txt +29 -27
  30. data/website/layouts/default.rhtml +0 -3
  31. metadata +12 -7
  32. data/data/content/css/blueprint/lib/img/baseline-black.png +0 -0
  33. data/data/content/css/blueprint/lib/img/baseline.png +0 -0
  34. data/website/content/css/blueprint/lib/img/baseline-black.png +0 -0
  35. data/website/content/css/blueprint/lib/img/baseline.png +0 -0
@@ -1,9 +1,10 @@
1
1
  /* --------------------------------------------------------------
2
2
 
3
3
  Reset.css
4
- * Resets default browser CSS styles.
4
+ * Version: 0.5 (28/8/2007)
5
+ * Website: http://code.google.com/p/blueprintcss/
5
6
 
6
- Original by Erik Meyer:
7
+ Original by Eric Meyer:
7
8
  * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
8
9
 
9
10
  -------------------------------------------------------------- */
@@ -12,7 +13,7 @@ html, body, div, span, applet, object, iframe,
12
13
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
13
14
  a, abbr, acronym, address, big, cite, code,
14
15
  del, dfn, em, font, img, ins, kbd, q, s, samp,
15
- small, strike, strong, sub, sup, tt, var,
16
+ strike, strong, sub, sup, tt, var,
16
17
  dl, dt, dd, ol, ul, li,
17
18
  fieldset, form, label, legend,
18
19
  table, caption, tbody, tfoot, thead, tr, th, td {
@@ -35,3 +36,5 @@ caption, th, td { text-align: left; font-weight: normal; }
35
36
  /* Remove possible quote marks (") from <q>, <blockquote>. */
36
37
  blockquote:before, blockquote:after, q:before, q:after { content: ""; }
37
38
  blockquote, q { quotes: "" ""; }
39
+
40
+ /* EOF */
@@ -1,9 +1,11 @@
1
1
  /* --------------------------------------------------------------
2
2
 
3
3
  Typography.css
4
- * Sets some default typography.
4
+ * Version: 0.5 (28/8/2007)
5
+ * Website: http://code.google.com/p/blueprintcss/
5
6
 
6
7
  Based on work by:
8
+ * Olav Bjorkoy [bjorkoy.com]
7
9
  * Nathan Borror [playgroundblues.com]
8
10
  * Jeff Croft [jeffcroft.com]
9
11
  * Christian Metts [mintchaos.com]
@@ -12,65 +14,59 @@
12
14
  Read more about using a baseline here:
13
15
  * alistapart.com/articles/settingtypeontheweb
14
16
 
15
- -------------------------------------------------------------- */
17
+ -------------------------------------------------------------- */
16
18
 
17
- body {
18
- font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
19
- line-height: 1.5; /* Unitless for proper inheritance */
19
+ body {
20
+ font-size: 12px;
21
+ line-height: 18px; /* All elements should be a multiple of this value. */
20
22
  }
21
23
 
22
- /* This is where you set your desired font size. The line-height
23
- and vertical margins are automatically calculated from this.
24
-
25
- You have to add an extra calculation here because of IE, so that
26
- all users may resize text manually in their browsers.
27
-
28
- The top one is for IE: The percentage is of 16px (default IE text size)
29
- 10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
30
- The second value is what all other browsers see (the wanted font size). */
31
-
32
- body { font-size: 75%; } /* IE */
33
- html > body { font-size: 12px; } /* Other browsers */
24
+
25
+ /* Default fonts */
26
+ h1,h2,h3,
27
+ h4,h5,h6 { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
28
+ body { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; }
29
+ pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; }
30
+ code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
34
31
 
35
32
 
36
33
  /* Headings
37
34
  -------------------------------------------------------------- */
38
35
 
39
36
  h1,h2,h3,h4,h5,h6 {
40
- font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
41
37
  color:#111;
42
38
  clear:both;
43
39
  }
44
40
 
45
- h1 { font-size: 3em; }
46
- h2 { font-size: 2em; }
47
- h3 { font-size: 1.5em; line-height:2; }
48
- h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
49
- h5 { font-size: 1em; font-weight:bold; }
50
- h6 { font-size: 1em; }
41
+ h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }
42
+ h2 { font-size: 20px; line-height:36px; }
43
+ h3 { font-size: 16px; line-height:36px; }
44
+ h4 { font-size: 14px; font-weight:bold; }
45
+ h5 { font-size: 12px; font-weight:bold; }
46
+ h6 { font-size: 12px; }
51
47
 
52
48
 
53
49
  /* Text elements
54
50
  -------------------------------------------------------------- */
55
51
 
56
- p { margin: 0 0 1.5em 0; text-align:justify; }
52
+ p { margin: 0 0 18px 0; text-align:justify; }
57
53
  p.last { margin-bottom:0; }
58
- p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
54
+ p img { float: left; margin:18px 18px 18px 0; padding:0; }
59
55
  p img.top { margin-top:0; } /* Use this if the image is at the top of the <p>. */
60
56
 
61
- ul, ol { margin: 0 0 1.5em 1.5em; }
57
+ a { color: #125AA7; text-decoration: underline; }
58
+ a:hover { color: #000; }
59
+
60
+ ul, ol { margin: 0 0 18px 18px; }
61
+ ul { list-style-type: circle; }
62
62
  ol { list-style-type: decimal; }
63
- dl { margin: 1.5em 0; }
63
+ dl { margin: 0 0 18px 0; }
64
64
  dl dt { font-weight: bold; }
65
65
 
66
- a { color: #125AA7; text-decoration: underline; outline: none; }
67
- a:hover { color: #000; }
68
-
69
- blockquote { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
66
+ blockquote { margin: 0 0 18px 18px; color: #666; font-style: italic; }
70
67
  strong { font-weight: bold; }
71
68
  em { font-style: italic; }
72
- pre { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
73
- code { font:0.9em Monaco, monospace; }
69
+ pre { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
74
70
 
75
71
  /* Use this to create a horizontal ruler across a column. */
76
72
  hr {
@@ -79,33 +75,25 @@ hr {
79
75
  clear: both;
80
76
  float: none;
81
77
  width: 100%;
82
- height: 0.1em;
83
- margin: 0 0 1.4em 0;
78
+ height: 2px;
79
+ margin: 0 0 16px 0;
84
80
  border: none;
85
81
  }
86
- * html hr { margin: 0 0 1.2em 0; } /* IE6 fix */
87
82
 
88
83
 
89
84
  /* Tables
90
85
  -------------------------------------------------------------- */
91
86
 
92
- table { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
93
- th,td { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
87
+ table { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
88
+ th,td { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
94
89
  th { font-weight:bold; }
95
90
 
96
91
 
97
- /* Forms
98
- -------------------------------------------------------------- */
99
-
100
- label { font-weight: bold; }
101
- textarea { height: 180px; width: 300px; }
102
-
103
-
104
92
  /* Some default classes
105
93
  -------------------------------------------------------------- */
106
94
 
107
- p.small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
108
- p.large { font-size: 1.2em; line-height: 2.5em; }
95
+ p.small { font-size: 10px; margin-bottom: 18px; }
96
+ p.large { font-size: 14px; line-height:36px; }
109
97
  p.quiet { color: #666; }
110
98
  .hide { display: none; }
111
99
 
@@ -119,13 +107,13 @@ p.quiet { color: #666; }
119
107
 
120
108
  .alt {
121
109
  color: #666;
122
- font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
110
+ font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
123
111
  font-size: 1.2em;
124
112
  line-height: 1%; /* Maintain correct baseline */
125
113
  font-style: italic;
126
114
  }
127
115
 
128
- /* For great looking quote marks in titles, replace "asdf" width:
116
+ /* For great looking quote marks in titles, replace "asdf" with:
129
117
  <span class="dquo">&#8220;</span>asdf&#8221;
130
118
  (That is, when the title starts with a quote mark).
131
119
  (You may have to change this value depending on your font size). */
@@ -148,12 +136,26 @@ p.quiet { color: #666; }
148
136
  New line-height value:
149
137
  12px x 1.5 = 18px (old line-height)
150
138
  18px x 4 = 72px
151
- 60px / 5 = 14.4px (new line height)
139
+ 72px / 5 = 14.4px (new line height)
152
140
  14.4px / 10px = 1.44 (new line height in em's) */
153
141
 
154
142
  p.incr, .incr p {
155
- font-size: 0.83333em; /* font size 10px */
143
+ font-size: 10px;
156
144
  line-height: 1.44em;
157
- margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
145
+ margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
146
+ }
147
+
148
+
149
+ /* Surround uppercase words and abbreviations with this class.
150
+ Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
151
+
152
+ .caps {
153
+ font-variant: small-caps;
154
+ letter-spacing: 1px;
155
+ text-transform: lowercase;
156
+ font-size:1.2em;
157
+ line-height:1%;
158
+ font-weight:bold;
158
159
  }
159
160
 
161
+ /* EOF */
@@ -1,9 +1,8 @@
1
1
  /* --------------------------------------------------------------
2
2
 
3
- Blueprint CSS Framework
4
- [bjorkoy.com/blueprint]
5
-
6
- * Print Styles *
3
+ Blueprint CSS Framework Print Styles
4
+ * Version: 0.5 (28/8/2007)
5
+ * Website: http://code.google.com/p/blueprintcss/
7
6
 
8
7
  This file creates CSS styles for printing documents.
9
8
  Include this in the <head> of every page. See the
@@ -17,13 +16,18 @@
17
16
  -------------------------------------------------------------- */
18
17
 
19
18
  body {
20
- font-family: Georgia, Times, serif;
21
19
  line-height: 1.5;
22
20
  color:#000;
23
21
  background: none;
24
22
  font-size: 11pt;
25
23
  }
26
24
 
25
+ h1,h2,h3,
26
+ h4,h5,h6 { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
27
+ body { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Arial, sans-serif; }
28
+ pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; }
29
+ code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
30
+
27
31
  img {
28
32
  float:left;
29
33
  margin:1.5em 1.5em 1.5em 0;
@@ -1,9 +1,8 @@
1
1
  /* --------------------------------------------------------------
2
2
 
3
- Blueprint CSS Framework
4
- [bjorkoy.com/blueprint]
5
-
6
- * Screen & Projection Styles *
3
+ Blueprint CSS Framework Screen Styles
4
+ * Version: 0.5 (28/8/2007)
5
+ * Website: http://code.google.com/p/blueprintcss/
7
6
 
8
7
  This is the main CSS-file for the framework.
9
8
  Include this in the <head> of every page. See the
@@ -11,24 +10,21 @@
11
10
 
12
11
  -------------------------------------------------------------- */
13
12
 
14
- /* Import stylesheets and hide from IE/Mac \*/
15
- @import "lib/reset.css";
16
- @import "lib/typography.css";
17
- @import "lib/grid.css";
18
- @import "lib/buttons.css";
19
- /* End import/hide */
13
+ @import 'lib/reset.css';
14
+ @import 'lib/typography.css';
15
+ @import 'lib/grid.css';
16
+ @import 'lib/buttons.css';
20
17
 
21
18
 
22
- /* Compressed version:
19
+ /* Compressed version (re-compress if you change the core files):
23
20
  [http://teenage.cz/acidofil/tools/cssformat.php]
24
21
 
25
- Comment out @import statements above, and add this
26
- one when your site has launched (Ca 60% compressed):
27
- @import "lib/compressed.css"; */
28
-
22
+ Comment out @import statements above, and
23
+ add this line instead, when your site has launched
24
+ (compresses ca 60% of the core files in BP):
25
+ @import 'lib/compressed.css'; */
29
26
 
30
- /* Uncomment the line below to see the grid and baseline.
31
- (Assuming you've wrapped your columns in a container).
32
27
 
33
- .container { background: url(lib/img/grid.png); }
34
- .container { background: url(lib/img/baseline.png); } */
28
+ /* Uncomment the line below to see the grid and baseline. */
29
+ /* .container { background: url(lib/img/grid.png); } */
30
+ /* .container { background: url(lib/img/baseline.png); } */
@@ -2,7 +2,7 @@
2
2
  padding: 0.5em;
3
3
  margin-bottom: 1.3em;
4
4
  background-color: #eee;
5
- border: 1px solid black;
5
+ border: 1px solid #aaa;
6
6
  font: 1.1em Monaco, 'Courier New', 'Terminal', monospace;
7
7
  color: #100;
8
8
  }
@@ -1,8 +1,8 @@
1
- # $Id: webby.rb 25 2007-09-17 22:46:55Z tim_pease $
1
+ # $Id: webby.rb 29 2007-09-18 18:14:50Z tim_pease $
2
2
 
3
3
  module Webby
4
4
 
5
- VERSION = '0.3.0' # :nodoc:
5
+ VERSION = '0.4.0' # :nodoc:
6
6
 
7
7
  # Path to the Webby package
8
8
  PATH = ::File.expand_path(::File.join(::File.dirname(__FILE__), '..'))
@@ -1,4 +1,4 @@
1
- # $Id: coderay_filter.rb 24 2007-09-17 22:22:06Z tim_pease $
1
+ # $Id: coderay_filter.rb 27 2007-09-18 18:09:25Z tim_pease $
2
2
 
3
3
  require 'enumerator'
4
4
  require 'hpricot'
@@ -23,7 +23,8 @@ module Webby
23
23
  #
24
24
  # The supported CodeRay options are the following:
25
25
  #
26
- # line_numbers : include line nubers in 'table', 'linline',
26
+ # lang : the language to highlight (ruby, c, html, ...)
27
+ # line_numbers : include line nubers in 'table', 'inline',
27
28
  # or 'list'
28
29
  # line_number_start : where to start with line number counting
29
30
  # bold_every : make every n-th number appear bold
@@ -1,4 +1,4 @@
1
- # $Id: renderer.rb 22 2007-09-17 20:36:39Z tim_pease $
1
+ # $Id: renderer.rb 27 2007-09-18 18:09:25Z tim_pease $
2
2
 
3
3
  require 'erb'
4
4
  try_require 'bluecloth'
@@ -84,15 +84,6 @@ class Renderer
84
84
  str
85
85
  end
86
86
 
87
- #
88
- #
89
- def coderay_filter( str )
90
- CodeRayFilter.new(str).to_html
91
- rescue NameError
92
- $stderr.puts "ERROR: coderay filter failed (CodeRay not installed?)"
93
- exit
94
- end
95
-
96
87
  # Render text via ERB using the built in ERB library.
97
88
  #
98
89
  def erb_filter( str )
@@ -118,6 +109,15 @@ class Renderer
118
109
  exit
119
110
  end
120
111
 
112
+ # Render text via the CodeRay syntax highlighter library.
113
+ #
114
+ def coderay_filter( str )
115
+ CodeRayFilter.new(str).to_html
116
+ rescue NameError
117
+ $stderr.puts "ERROR: coderay filter failed (CodeRay not installed?)"
118
+ exit
119
+ end
120
+
121
121
  end # class Renderer
122
122
  end # module Webby
123
123
 
@@ -1,6 +1,8 @@
1
- # $Id: setup.rb 22 2007-09-17 20:36:39Z tim_pease $
1
+ # $Id: setup.rb 26 2007-09-18 17:40:42Z tim_pease $
2
2
 
3
3
  require 'rubygems'
4
+ require 'rake'
5
+ require 'fileutils'
4
6
  require 'ostruct'
5
7
 
6
8
  PROJ = OpenStruct.new
@@ -1,7 +1,8 @@
1
1
  /* --------------------------------------------------------------
2
2
 
3
3
  Buttons.css
4
- * Gives you some great buttons for many purposes.
4
+ * Version: 0.5 (28/8/2007)
5
+ * Website: http://code.google.com/p/blueprintcss/
5
6
 
6
7
  Created by Kevin Hale [particletree.com]
7
8
  * particletree.com/features/rediscovering-the-button-element
@@ -24,7 +25,6 @@
24
25
  <img src="css/blueprint/lib/img/icons/cross.png" alt=""/> Cancel
25
26
  </a>
26
27
 
27
-
28
28
  -------------------------------------------------------------- */
29
29
 
30
30
  a.button, button {
@@ -1,127 +1,137 @@
1
- /* Blueprint Comressed Version */
1
+ /* Blueprint Compressed Version */
2
+
2
3
 
3
4
  /* reset.css */
4
- 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;}
5
+ 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, 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;}
5
6
  body{line-height:1;color:#333;background:white;}
6
7
  table{border-collapse:separate;border-spacing:0;}
7
8
  caption,th,td{text-align:left;font-weight:normal;}
8
9
  blockquote:before,blockquote:after,q:before,q:after{content:"";}
9
10
  blockquote,q{quotes:"" "";}
10
11
 
11
- /* typograpghy.css */
12
- body{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;line-height:1.5;}
13
- body{font-size:75%;}
14
- html > body{font-size:12px;}
15
- h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;color:#111;clear:both;}
16
- h1{font-size:3em;}
17
- h2{font-size:2em;}
18
- h3{font-size:1.5em;line-height:2;}
19
- h4{font-size:1.2em;line-height:1.25;font-weight:bold;}
20
- h5{font-size:1em;font-weight:bold;}
21
- h6{font-size:1em;}
22
- p{margin:0 0 1.5em 0;text-align:justify;}
12
+
13
+ /* typography.css */
14
+ body{font-size:12px;line-height:18px;}
15
+ h1,h2,h3, h4,h5,h6{font-family:Constantia,"Palatino Linotype",Palatino,Georgia,"Times New Roman",Times,serif;}
16
+ body{font-family:Frutiger,Univers,"Helvetica Neue","Lucida Grande",Calibri,Helvetica,Verdana,sans-serif;}
17
+ pre{font-family:Corbel,Verdana,"Bitstream Vera Sans",sans-serif;}
18
+ code{font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Monaco,Courier,monospace;}
19
+ h1,h2,h3,h4,h5,h6{color:#111;clear:both;}
20
+ h1{font-size:30px;line-height:36px;padding:0 0 18px 0;}
21
+ h2{font-size:20px;line-height:36px;}
22
+ h3{font-size:16px;line-height:36px;}
23
+ h4{font-size:14px;font-weight:bold;}
24
+ h5{font-size:12px;font-weight:bold;}
25
+ h6{font-size:12px;}
26
+ p{margin:0 0 18px 0;text-align:justify;}
23
27
  p.last{margin-bottom:0;}
24
- p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
28
+ p img{float:left;margin:18px 18px 18px 0;padding:0;}
25
29
  p img.top{margin-top:0;}
26
- ul,ol{margin:0 0 1.5em 1.5em;}
30
+ a{color:#125AA7;text-decoration:underline;}
31
+ a:hover{color:#000;}
32
+ ul,ol{margin:0 0 18px 18px;}
33
+ ul{list-style-type:circle;}
27
34
  ol{list-style-type:decimal;}
28
- dl{margin:1.5em 0;}
35
+ dl{margin:0 0 18px 0;}
29
36
  dl dt{font-weight:bold;}
30
- a{color:#125AA7;text-decoration:underline;outline:none;}
31
- a:hover{color:#000;}
32
- blockquote{margin:1.5em 0 1.5em 1.5em;color:#666;font-style:italic;}
37
+ blockquote{margin:0 0 18px 18px;color:#666;font-style:italic;}
33
38
  strong{font-weight:bold;}
34
39
  em{font-style:italic;}
35
- pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
36
- code{font:0.9em Monaco,monospace;}
37
- hr{background:#B2CCFF;color:#B2CCFF;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em 0;border:none;}
38
- * html hr{margin:0 0 1.2em 0;}
39
- table{margin-bottom:1.4em;border-top:0.1em solid #ddd;border-left:0.1em solid #ddd;}
40
- th,td{height:1em;padding:0.2em 0.4em;border-bottom:0.1em solid #ddd;border-right:0.1em solid #ddd;}
40
+ pre{margin-bottom:18px;background:#eee;border:1px solid #ddd;padding:16px;}
41
+ hr{background:#B2CCFF;color:#B2CCFF;clear:both;float:none;width:100%;height:2px;margin:0 0 16px 0;border:none;}
42
+ table{margin-bottom:16px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
43
+ th,td{height:13px;padding:2px 4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
41
44
  th{font-weight:bold;}
42
- label{font-weight:bold;}
43
- textarea{height:180px;width:300px;}
44
- p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
45
- p.large{font-size:1.2em;line-height:2.5em;}
45
+ p.small{font-size:10px;margin-bottom:18px;}
46
+ p.large{font-size:14px;line-height:36px;}
46
47
  p.quiet{color:#666;}
47
48
  .hide{display:none;}
48
- .alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}
49
+ .alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;font-size:1.2em;line-height:1%;font-style:italic;}
49
50
  .dquo{margin-left:-.7em;}
50
- p.incr,.incr p{font-size:0.83333em;line-height:1.44em;margin-bottom:1.8em;}
51
+ p.incr,.incr p{font-size:10px;line-height:1.44em;margin-bottom:18px;}
52
+ .caps{font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;}
53
+
51
54
 
52
55
  /* grid.css */
53
56
  body{text-align:center;margin:36px 0;}
54
- .container{text-align:left;position:relative;padding:0;margin:0 auto;width:960px;}
55
- .column{float:left;margin:0 10px;padding:0;}
57
+ .container{text-align:left;position:relative;padding:0;margin:0 auto;width:950px;}
58
+ .column{float:left;margin-right:10px;padding:0;}
56
59
  * html .column{overflow-x:hidden;}
57
- .border{padding-right:9px;margin-right:0;border-right:1px solid #ddd;}
58
- .first{margin-left:0;}
60
+ .border{padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
61
+ .span-1{width:30px;}
62
+ .span-2{width:70px;}
63
+ .span-3{width:110px;}
64
+ .span-4{width:150px;}
65
+ .span-5{width:190px;}
66
+ .span-6{width:230px;}
67
+ .span-7{width:270px;}
68
+ .span-8{width:310px;}
69
+ .span-9{width:350px;}
70
+ .span-10{width:390px;}
71
+ .span-11{width:430px;}
72
+ .span-12{width:470px;}
73
+ .span-13{width:510px;}
74
+ .span-14{width:550px;}
75
+ .span-15{width:590px;}
76
+ .span-16{width:630px;}
77
+ .span-17{width:670px;}
78
+ .span-18{width:710px;}
79
+ .span-19{width:750px;}
80
+ .span-20{width:790px;}
81
+ .span-21{width:830px;}
82
+ .span-22{width:870px;}
83
+ .span-23{width:910px;}
84
+ .span-24{width:950px;margin:0;}
59
85
  .last{margin-right:0;}
60
- .span-1{width:50px;}
61
- .span-2{width:120px;}
62
- .span-3{width:190px;}
63
- .span-4{width:260px;}
64
- .span-5{width:330px;}
65
- .span-6{width:400px;}
66
- .span-7{width:470px;}
67
- .span-8{width:540px;}
68
- .span-9{width:610px;}
69
- .span-10{width:680px;}
70
- .span-11{width:750px;}
71
- .span-12{width:820px;}
72
- .span-13{width:890px;}
73
- .span-14{width:960px;margin:0;}
74
- .append-1{padding-right:70px;}
75
- .append-2{padding-right:140px;}
76
- .append-3{padding-right:210px;}
77
- .append-4{padding-right:280px;}
78
- .append-5{padding-right:350px;}
79
- .append-6{padding-right:420px;}
80
- .append-7{padding-right:490px;}
81
- .append-8{padding-right:560px;}
82
- .append-9{padding-right:630px;}
83
- .append-10{padding-right:700px;}
84
- .append-11{padding-right:770px;}
85
- .append-12{padding-right:840px;}
86
- .append-13{padding-right:910px;}
87
- .prepend-1{padding-left:70px;}
88
- .prepend-2{padding-left:140px;}
89
- .prepend-3{padding-left:210px;}
90
- .prepend-4{padding-left:280px;}
91
- .prepend-5{padding-left:350px;}
92
- .prepend-6{padding-left:420px;}
93
- .prepend-7{padding-left:490px;}
94
- .prepend-8{padding-left:560px;}
95
- .prepend-9{padding-left:630px;}
96
- .prepend-10{padding-left:700px;}
97
- .prepend-11{padding-left:770px;}
98
- .prepend-12{padding-left:840px;}
99
- .prepend-13{padding-left:910px;}
100
- .box{padding:1.5em;margin-bottom:1.5em;background:#F0F0F0;}
101
- .clear{display:inline-block;}
102
- .clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
103
- * html .clear{height:1%;}
104
- .clear{display:block;}
105
- img{margin:0 0 1.5em 0;}
106
- .pull-1{margin-left:-70px;}
107
- .pull-2{margin-left:-140px;}
108
- .pull-3{margin-left:-210px;}
109
- .push-0{margin:0 0 0 1.5em;float:right;}
110
- .push-1{margin:0 -88px 0 1.5em;float:right;}
111
- .push-2{margin:0 -158px 0 1.5em;float:right;}
112
- .push-3{margin:0 -228px 0 1.5em;float:right;}
86
+ .append-1{padding-right:40px;}
87
+ .append-2{padding-right:80px;}
88
+ .append-3{padding-right:120px;}
89
+ .append-4{padding-right:160px;}
90
+ .append-5{padding-right:200px;}
91
+ .append-6{padding-right:240px;}
92
+ .append-7{padding-right:280px;}
93
+ .append-8{padding-right:320px;}
94
+ .append-9{padding-right:360px;}
95
+ .append-10{padding-right:400px;}
96
+ .append-11{padding-right:440px;}
97
+ .append-12{padding-right:480px;}
98
+ .prepend-1{padding-left:40px;}
99
+ .prepend-2{padding-left:80px;}
100
+ .prepend-3{padding-left:120px;}
101
+ .prepend-4{padding-left:160px;}
102
+ .prepend-5{padding-left:200px;}
103
+ .prepend-6{padding-left:240px;}
104
+ .prepend-7{padding-left:280px;}
105
+ .prepend-8{padding-left:320px;}
106
+ .prepend-9{padding-left:360px;}
107
+ .prepend-10{padding-left:400px;}
108
+ .prepend-11{padding-left:440px;}
109
+ .prepend-12{padding-left:480px;}
110
+ img{margin:0 0 18px 0;}
111
+ .pull-1{margin-left:-40px;}
112
+ .pull-2{margin-left:-80px;}
113
+ .pull-3{margin-left:-120px;}
114
+ .pull-4{margin-left:-160px;}
115
+ .push-0{margin:0 0 0 18px;float:right;}
116
+ .push-1{margin:0 -40px 0 18px;float:right;}
117
+ .push-2{margin:0 -80px 0 18px;float:right;}
118
+ .push-3{margin:0 -120px 0 18px;float:right;}
119
+ .push-4{margin:0 -160px 0 18px;float:right;}
120
+ .pull-1,.pull-2,.pull-3,.pull-4, .push-1,.push-2,.push-3,.push-4{overflow-x:visible;}
121
+
113
122
 
114
123
  /* buttons.css */
115
- a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 6px 7px;border:0.1em solid #dedede;border-top:0.1em solid #eee;border-left:0.1em solid #eee;background-color:#f5f5f5;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;font:100% "Lucida Grande",Tahoma,Arial,Verdana,sans-serif}
116
- button{width:auto;overflow:visible;padding:4px 10px 3px 7px}
117
- button[type]{padding:5px 10px 5px 7px;line-height:17px}
118
- *:first-child+html button[type]{padding:4px 10px 3px 7px}
119
- button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
120
- button:hover,a.button:hover{background-color:#dff4ff;border:0.1em solid #c2e1ef;color:#336699}
121
- a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff}
122
- .positive{color:#529214}
123
- a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:0.1em solid #C6D880;color:#529214}
124
- a.positive:active{background-color:#529214;border:0.1em solid #529214;color:#fff}
125
- .negative{color:#d12f19}
126
- a.negative:hover,button.negative:hover{background:#fbe3e4;border:0.1em solid #fbc2c4}
127
- a.negative:active{background-color:#d12f19;border:0.1em solid #d12f19;color:#fff}
124
+ a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 6px 7px;border:0.1em solid #dedede;border-top:0.1em solid #eee;border-left:0.1em solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
125
+ button{width:auto;overflow:visible;padding:4px 10px 3px 7px;}
126
+ button[type]{padding:5px 10px 5px 7px;line-height:17px;}
127
+ *:first-child+html button[type]{padding:4px 10px 3px 7px;}
128
+ button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
129
+ button:hover,a.button:hover{background-color:#dff4ff;border:0.1em solid #c2e1ef;color:#336699;}
130
+ a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
131
+ .positive{color:#529214;}
132
+ a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:0.1em solid #C6D880;color:#529214;}
133
+ a.positive:active{background-color:#529214;border:0.1em solid #529214;color:#fff;}
134
+ .negative{color:#d12f19;}
135
+ a.negative:hover,button.negative:hover{background:#fbe3e4;border:0.1em solid #fbc2c4;}
136
+ a.negative:active{background-color:#d12f19;border:0.1em solid #d12f19;color:#fff;}
137
+