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.
- data/History.txt +5 -0
- data/Manifest.txt +0 -4
- data/README.txt +31 -8
- data/Rakefile +2 -5
- data/data/content/css/blueprint/Readme.txt +10 -3
- data/data/content/css/blueprint/lib/buttons.css +2 -2
- data/data/content/css/blueprint/lib/compressed.css +112 -102
- data/data/content/css/blueprint/lib/grid.css +78 -106
- data/data/content/css/blueprint/lib/img/grid.png +0 -0
- data/data/content/css/blueprint/lib/reset.css +6 -3
- data/data/content/css/blueprint/lib/typography.css +55 -53
- data/data/content/css/blueprint/print.css +9 -5
- data/data/content/css/blueprint/screen.css +15 -19
- data/data/content/css/coderay.css +1 -1
- data/lib/webby.rb +2 -2
- data/lib/webby/coderay_filter.rb +3 -2
- data/lib/webby/renderer.rb +10 -10
- data/tasks/setup.rb +3 -1
- data/website/content/css/blueprint/lib/buttons.css +2 -2
- data/website/content/css/blueprint/lib/compressed.css +112 -102
- data/website/content/css/blueprint/lib/grid.css +78 -106
- data/website/content/css/blueprint/lib/img/grid.png +0 -0
- data/website/content/css/blueprint/lib/reset.css +6 -3
- data/website/content/css/blueprint/lib/typography.css +55 -53
- data/website/content/css/blueprint/print.css +9 -5
- data/website/content/css/blueprint/screen.css +15 -19
- data/website/content/css/site.css +15 -4
- data/website/content/index.txt +13 -0
- data/website/content/tips_and_tricks.txt +29 -27
- data/website/layouts/default.rhtml +0 -3
- metadata +12 -7
- data/data/content/css/blueprint/lib/img/baseline-black.png +0 -0
- data/data/content/css/blueprint/lib/img/baseline.png +0 -0
- data/website/content/css/blueprint/lib/img/baseline-black.png +0 -0
- data/website/content/css/blueprint/lib/img/baseline.png +0 -0
Binary file
|
@@ -1,9 +1,10 @@
|
|
1
1
|
/* --------------------------------------------------------------
|
2
2
|
|
3
3
|
Reset.css
|
4
|
-
*
|
4
|
+
* Version: 0.5 (28/8/2007)
|
5
|
+
* Website: http://code.google.com/p/blueprintcss/
|
5
6
|
|
6
|
-
Original by
|
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
|
-
|
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
|
-
*
|
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-
|
19
|
-
line-height:
|
19
|
+
body {
|
20
|
+
font-size: 12px;
|
21
|
+
line-height: 18px; /* All elements should be a multiple of this value. */
|
20
22
|
}
|
21
23
|
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
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:
|
46
|
-
h2 { font-size:
|
47
|
-
h3 { font-size:
|
48
|
-
h4 { font-size:
|
49
|
-
h5 { font-size:
|
50
|
-
h6 { font-size:
|
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
|
52
|
+
p { margin: 0 0 18px 0; text-align:justify; }
|
57
53
|
p.last { margin-bottom:0; }
|
58
|
-
p img { float: left; margin:
|
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
|
-
|
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:
|
63
|
+
dl { margin: 0 0 18px 0; }
|
64
64
|
dl dt { font-weight: bold; }
|
65
65
|
|
66
|
-
|
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:
|
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:
|
83
|
-
margin: 0 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:
|
93
|
-
th,td { height:
|
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:
|
108
|
-
p.large { font-size:
|
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"
|
116
|
+
/* For great looking quote marks in titles, replace "asdf" with:
|
129
117
|
<span class="dquo">“</span>asdf”
|
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
|
-
|
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:
|
143
|
+
font-size: 10px;
|
156
144
|
line-height: 1.44em;
|
157
|
-
margin-bottom:
|
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
|
-
|
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
|
-
|
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
|
-
|
15
|
-
@import
|
16
|
-
@import
|
17
|
-
@import
|
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
|
26
|
-
|
27
|
-
|
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
|
-
|
34
|
-
|
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); } */
|
data/lib/webby.rb
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
# $Id: webby.rb
|
1
|
+
# $Id: webby.rb 29 2007-09-18 18:14:50Z tim_pease $
|
2
2
|
|
3
3
|
module Webby
|
4
4
|
|
5
|
-
VERSION = '0.
|
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__), '..'))
|
data/lib/webby/coderay_filter.rb
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
# $Id: coderay_filter.rb
|
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
|
-
#
|
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
|
data/lib/webby/renderer.rb
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
# $Id: renderer.rb
|
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
|
|
data/tasks/setup.rb
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
/* --------------------------------------------------------------
|
2
2
|
|
3
3
|
Buttons.css
|
4
|
-
*
|
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
|
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,
|
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
|
-
|
12
|
-
|
13
|
-
body{font-size:
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
h3{
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
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:
|
28
|
+
p img{float:left;margin:18px 18px 18px 0;padding:0;}
|
25
29
|
p img.top{margin-top:0;}
|
26
|
-
|
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:
|
35
|
+
dl{margin:0 0 18px 0;}
|
29
36
|
dl dt{font-weight:bold;}
|
30
|
-
|
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:
|
36
|
-
|
37
|
-
|
38
|
-
|
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
|
-
|
43
|
-
|
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:
|
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:
|
55
|
-
.column{float:left;margin:
|
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:
|
58
|
-
.
|
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
|
-
.
|
61
|
-
.
|
62
|
-
.
|
63
|
-
.
|
64
|
-
.
|
65
|
-
.
|
66
|
-
.
|
67
|
-
.
|
68
|
-
.
|
69
|
-
.
|
70
|
-
.
|
71
|
-
.
|
72
|
-
.
|
73
|
-
.
|
74
|
-
.
|
75
|
-
.
|
76
|
-
.
|
77
|
-
.
|
78
|
-
.
|
79
|
-
.
|
80
|
-
.
|
81
|
-
.
|
82
|
-
.
|
83
|
-
.
|
84
|
-
|
85
|
-
.
|
86
|
-
.
|
87
|
-
.
|
88
|
-
.
|
89
|
-
.
|
90
|
-
.
|
91
|
-
.
|
92
|
-
.
|
93
|
-
.
|
94
|
-
.
|
95
|
-
|
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;
|
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
|
+
|