webby 0.7.1 → 0.7.2
Sign up to get free protection for your applications and to get access to all the features.
- data/History.txt +15 -0
- data/Manifest.txt +21 -15
- data/Rakefile +4 -2
- data/data/content/css/blueprint/compressed/print.css +76 -0
- data/data/content/css/blueprint/compressed/screen.css +696 -0
- data/data/content/css/blueprint/lib/forms.css +45 -0
- data/data/content/css/blueprint/lib/grid.css +95 -51
- data/data/content/css/blueprint/lib/grid.png +0 -0
- data/data/content/css/blueprint/lib/ie.css +30 -0
- data/data/content/css/blueprint/lib/reset.css +11 -12
- data/data/content/css/blueprint/lib/typography.css +69 -114
- data/data/content/css/blueprint/plugins/buttons/Readme +31 -0
- data/data/content/css/blueprint/{lib → plugins/buttons}/buttons.css +17 -32
- data/data/content/css/blueprint/{lib/img → plugins/buttons}/icons/cross.png +0 -0
- data/data/content/css/blueprint/{lib/img/icons/textfield_key.png → plugins/buttons/icons/key.png} +0 -0
- data/data/content/css/blueprint/{lib/img → plugins/buttons}/icons/tick.png +0 -0
- data/data/content/css/blueprint/plugins/css-classes/Readme +14 -0
- data/data/content/css/blueprint/plugins/css-classes/css-classes.css +24 -0
- data/data/content/css/blueprint/plugins/fancy-type/Readme +22 -0
- data/data/content/css/blueprint/plugins/fancy-type/fancy-type-compressed.css +5 -0
- data/data/content/css/blueprint/plugins/fancy-type/fancy-type.css +74 -0
- data/data/content/css/blueprint/print.css +35 -46
- data/data/content/css/blueprint/screen.css +10 -18
- data/data/content/css/site.css +8 -0
- data/data/content/index.txt +2 -2
- data/data/layouts/default.rhtml +4 -4
- data/data/templates/page.erb +3 -3
- data/examples/webby/content/css/blueprint/print.css +58 -61
- data/examples/webby/content/css/blueprint/screen.css +696 -30
- data/examples/webby/content/css/site.css +63 -45
- data/examples/webby/content/index.txt +2 -2
- data/examples/webby/content/manual.txt +366 -15
- data/examples/webby/content/script/jquery.corner.js +152 -0
- data/examples/webby/content/script/jquery.js +31 -0
- data/examples/webby/content/tips_and_tricks.txt +2 -2
- data/examples/webby/content/tutorial.txt +5 -5
- data/examples/webby/layouts/default.rhtml +19 -10
- data/examples/webby/templates/page.erb +5 -3
- data/lib/webby.rb +25 -3
- data/lib/webby/filters/basepath.rb +97 -0
- data/lib/webby/filters/coderay.rb +2 -2
- data/lib/webby/filters/graphviz.rb +10 -10
- data/lib/webby/filters/haml.rb +3 -7
- data/lib/webby/filters/outline.rb +194 -0
- data/lib/webby/helpers/tag_helper.rb +14 -13
- data/lib/webby/helpers/url_helper.rb +84 -13
- data/lib/webby/pages_db.rb +15 -8
- data/lib/webby/renderer.rb +2 -2
- data/lib/webby/resource.rb +6 -6
- data/lib/webby/utils.rb +17 -1
- data/lib/webby/webby_task.rb +20 -7
- data/tasks/annotations.rake +1 -1
- data/tasks/doc.rake +2 -2
- data/tasks/gem.rake +3 -3
- data/tasks/manifest.rake +5 -2
- data/tasks/post_load.rake +18 -0
- data/tasks/rubyforge.rake +1 -1
- data/tasks/setup.rb +56 -11
- data/tasks/spec.rake +4 -1
- data/tasks/svn.rake +44 -0
- data/tasks/website.rake +2 -2
- metadata +33 -18
- data/data/content/css/blueprint/lib/compressed.css +0 -137
- data/data/content/css/blueprint/lib/img/grid.png +0 -0
- data/examples/webby/content/css/blueprint/lib/buttons.css +0 -112
- data/examples/webby/content/css/blueprint/lib/compressed.css +0 -137
- data/examples/webby/content/css/blueprint/lib/grid.css +0 -149
- data/examples/webby/content/css/blueprint/lib/img/grid.png +0 -0
- data/examples/webby/content/css/blueprint/lib/img/icons/cross.png +0 -0
- data/examples/webby/content/css/blueprint/lib/img/icons/textfield_key.png +0 -0
- data/examples/webby/content/css/blueprint/lib/img/icons/tick.png +0 -0
- data/examples/webby/content/css/blueprint/lib/reset.css +0 -40
- data/examples/webby/content/css/blueprint/lib/typography.css +0 -161
@@ -1,149 +0,0 @@
|
|
1
|
-
/* --------------------------------------------------------------
|
2
|
-
|
3
|
-
Grid.css
|
4
|
-
* Version: 0.5 (28/8/2007)
|
5
|
-
* Website: http://code.google.com/p/blueprintcss/
|
6
|
-
|
7
|
-
Based on work by:
|
8
|
-
* Olav Bjorkoy [bjorkoy.com]
|
9
|
-
* Nathan Borror [playgroundblues.com]
|
10
|
-
* Jeff Croft [jeffcroft.com]
|
11
|
-
* Christian Metts [mintchaos.com]
|
12
|
-
* Khoi Vinh [subtraction.com]
|
13
|
-
|
14
|
-
By default, the grid is 950px wide, with 24 columns
|
15
|
-
spanning 30px, and a 10px margin between columns.
|
16
|
-
|
17
|
-
If you need fewer or more columns, use this
|
18
|
-
formula to find the new total width:
|
19
|
-
|
20
|
-
Total width = (columns * 30) - 10
|
21
|
-
|
22
|
-
-------------------------------------------------------------- */
|
23
|
-
|
24
|
-
body {
|
25
|
-
text-align: center; /* IE6 Fix */
|
26
|
-
margin:36px 0;
|
27
|
-
}
|
28
|
-
|
29
|
-
/* A container should group all your columns. */
|
30
|
-
.container {
|
31
|
-
text-align: left;
|
32
|
-
position: relative;
|
33
|
-
padding: 0;
|
34
|
-
margin: 0 auto; /* Centers layout */
|
35
|
-
width: 950px; /* Total width */
|
36
|
-
}
|
37
|
-
|
38
|
-
|
39
|
-
/* Columns
|
40
|
-
-------------------------------------------------------------- */
|
41
|
-
|
42
|
-
/* Use this class together with the .span-x classes
|
43
|
-
to create any compsition of columns in a layout.
|
44
|
-
Nesting columns works like a charm (remember .first and .last). */
|
45
|
-
|
46
|
-
.column {
|
47
|
-
float: left;
|
48
|
-
margin-right: 10px;
|
49
|
-
padding: 0;
|
50
|
-
}
|
51
|
-
* html .column { overflow-x: hidden; } /* IE6 fix */
|
52
|
-
|
53
|
-
/* Add this class to a column if you want a border on its
|
54
|
-
right hand side. This should be customized to fit your needs. */
|
55
|
-
|
56
|
-
.border {
|
57
|
-
padding-right: 4px;
|
58
|
-
margin-right: 5px;
|
59
|
-
border-right: 1px solid #ddd;
|
60
|
-
}
|
61
|
-
|
62
|
-
|
63
|
-
/* Use these classes to set how wide a column should be. */
|
64
|
-
.span-1 { width: 30px; }
|
65
|
-
.span-2 { width: 70px; }
|
66
|
-
.span-3 { width: 110px; }
|
67
|
-
.span-4 { width: 150px; }
|
68
|
-
.span-5 { width: 190px; }
|
69
|
-
.span-6 { width: 230px; }
|
70
|
-
.span-7 { width: 270px; }
|
71
|
-
.span-8 { width: 310px; }
|
72
|
-
.span-9 { width: 350px; }
|
73
|
-
.span-10 { width: 390px; }
|
74
|
-
.span-11 { width: 430px; }
|
75
|
-
.span-12 { width: 470px; }
|
76
|
-
.span-13 { width: 510px; }
|
77
|
-
.span-14 { width: 550px; }
|
78
|
-
.span-15 { width: 590px; }
|
79
|
-
.span-16 { width: 630px; }
|
80
|
-
.span-17 { width: 670px; }
|
81
|
-
.span-18 { width: 710px; }
|
82
|
-
.span-19 { width: 750px; }
|
83
|
-
.span-20 { width: 790px; }
|
84
|
-
.span-21 { width: 830px; }
|
85
|
-
.span-22 { width: 870px; }
|
86
|
-
.span-23 { width: 910px; }
|
87
|
-
.span-24 { width: 950px; margin: 0; }
|
88
|
-
|
89
|
-
/* The last element in a multi-column block needs this class. */
|
90
|
-
.last { margin-right: 0; }
|
91
|
-
|
92
|
-
/* Add these to a column to append empty cols. */
|
93
|
-
.append-1 { padding-right: 40px; }
|
94
|
-
.append-2 { padding-right: 80px; }
|
95
|
-
.append-3 { padding-right: 120px; }
|
96
|
-
.append-4 { padding-right: 160px; }
|
97
|
-
.append-5 { padding-right: 200px; }
|
98
|
-
.append-6 { padding-right: 240px; }
|
99
|
-
.append-7 { padding-right: 280px; }
|
100
|
-
.append-8 { padding-right: 320px; }
|
101
|
-
.append-9 { padding-right: 360px; }
|
102
|
-
.append-10 { padding-right: 400px; }
|
103
|
-
.append-11 { padding-right: 440px; }
|
104
|
-
.append-12 { padding-right: 480px; }
|
105
|
-
|
106
|
-
/* Add these to a column to prepend empty cols. */
|
107
|
-
.prepend-1 { padding-left: 40px; }
|
108
|
-
.prepend-2 { padding-left: 80px; }
|
109
|
-
.prepend-3 { padding-left: 120px; }
|
110
|
-
.prepend-4 { padding-left: 160px; }
|
111
|
-
.prepend-5 { padding-left: 200px; }
|
112
|
-
.prepend-6 { padding-left: 240px; }
|
113
|
-
.prepend-7 { padding-left: 280px; }
|
114
|
-
.prepend-8 { padding-left: 320px; }
|
115
|
-
.prepend-9 { padding-left: 360px; }
|
116
|
-
.prepend-10 { padding-left: 400px; }
|
117
|
-
.prepend-11 { padding-left: 440px; }
|
118
|
-
.prepend-12 { padding-left: 480px; }
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
/* Images
|
123
|
-
-------------------------------------------------------------- */
|
124
|
-
|
125
|
-
/* Remember the baseline (typography.css). */
|
126
|
-
img { margin: 0 0 18px 0; }
|
127
|
-
|
128
|
-
|
129
|
-
/* Use these classes to make an image flow into the column before
|
130
|
-
or after it. This techique can also be used on other objects. */
|
131
|
-
|
132
|
-
.pull-1 { margin-left: -40px; }
|
133
|
-
.pull-2 { margin-left: -80px; }
|
134
|
-
.pull-3 { margin-left: -120px; }
|
135
|
-
.pull-4 { margin-left: -160px; }
|
136
|
-
|
137
|
-
.push-0 { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
|
138
|
-
.push-1 { margin: 0 -40px 0 18px; float: right; }
|
139
|
-
.push-2 { margin: 0 -80px 0 18px; float: right; }
|
140
|
-
.push-3 { margin: 0 -120px 0 18px; float: right; }
|
141
|
-
.push-4 { margin: 0 -160px 0 18px; float: right; }
|
142
|
-
|
143
|
-
.pull-1, .pull-2, .pull-3, .pull-4,
|
144
|
-
.push-1, .push-2, .push-3, .push-4 {
|
145
|
-
overflow-x: visible; /* Overrides previous IE6 fix (needs improvement). */
|
146
|
-
}
|
147
|
-
|
148
|
-
/* EOF */
|
149
|
-
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,40 +0,0 @@
|
|
1
|
-
/* --------------------------------------------------------------
|
2
|
-
|
3
|
-
Reset.css
|
4
|
-
* Version: 0.5 (28/8/2007)
|
5
|
-
* Website: http://code.google.com/p/blueprintcss/
|
6
|
-
|
7
|
-
Original by Eric Meyer:
|
8
|
-
* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
|
9
|
-
|
10
|
-
-------------------------------------------------------------- */
|
11
|
-
|
12
|
-
html, body, div, span, applet, object, iframe,
|
13
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
14
|
-
a, abbr, acronym, address, big, cite, code,
|
15
|
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
16
|
-
strike, strong, sub, sup, tt, var,
|
17
|
-
dl, dt, dd, ol, ul, li,
|
18
|
-
fieldset, form, label, legend,
|
19
|
-
table, caption, tbody, tfoot, thead, tr, th, td {
|
20
|
-
margin: 0;
|
21
|
-
padding: 0;
|
22
|
-
border: 0;
|
23
|
-
font-weight: inherit;
|
24
|
-
font-style: inherit;
|
25
|
-
font-size: 100%;
|
26
|
-
font-family: inherit;
|
27
|
-
vertical-align: baseline;
|
28
|
-
}
|
29
|
-
|
30
|
-
body { line-height: 1; color: #333; background: white; }
|
31
|
-
|
32
|
-
/* Tables still need 'cellspacing="0"' in the markup. */
|
33
|
-
table { border-collapse: separate; border-spacing: 0; }
|
34
|
-
caption, th, td { text-align: left; font-weight: normal; }
|
35
|
-
|
36
|
-
/* Remove possible quote marks (") from <q>, <blockquote>. */
|
37
|
-
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
|
38
|
-
blockquote, q { quotes: "" ""; }
|
39
|
-
|
40
|
-
/* EOF */
|
@@ -1,161 +0,0 @@
|
|
1
|
-
/* --------------------------------------------------------------
|
2
|
-
|
3
|
-
Typography.css
|
4
|
-
* Version: 0.5 (28/8/2007)
|
5
|
-
* Website: http://code.google.com/p/blueprintcss/
|
6
|
-
|
7
|
-
Based on work by:
|
8
|
-
* Olav Bjorkoy [bjorkoy.com]
|
9
|
-
* Nathan Borror [playgroundblues.com]
|
10
|
-
* Jeff Croft [jeffcroft.com]
|
11
|
-
* Christian Metts [mintchaos.com]
|
12
|
-
* Wilson Miner [wilsonminer.com]
|
13
|
-
|
14
|
-
Read more about using a baseline here:
|
15
|
-
* alistapart.com/articles/settingtypeontheweb
|
16
|
-
|
17
|
-
-------------------------------------------------------------- */
|
18
|
-
|
19
|
-
body {
|
20
|
-
font-size: 12px;
|
21
|
-
line-height: 18px; /* All elements should be a multiple of this value. */
|
22
|
-
}
|
23
|
-
|
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; }
|
31
|
-
|
32
|
-
|
33
|
-
/* Headings
|
34
|
-
-------------------------------------------------------------- */
|
35
|
-
|
36
|
-
h1,h2,h3,h4,h5,h6 {
|
37
|
-
color:#111;
|
38
|
-
clear:both;
|
39
|
-
}
|
40
|
-
|
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; }
|
47
|
-
|
48
|
-
|
49
|
-
/* Text elements
|
50
|
-
-------------------------------------------------------------- */
|
51
|
-
|
52
|
-
p { margin: 0 0 18px 0; text-align:justify; }
|
53
|
-
p.last { margin-bottom:0; }
|
54
|
-
p img { float: left; margin:18px 18px 18px 0; padding:0; }
|
55
|
-
p img.top { margin-top:0; } /* Use this if the image is at the top of the <p>. */
|
56
|
-
|
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
|
-
ol { list-style-type: decimal; }
|
63
|
-
dl { margin: 0 0 18px 0; }
|
64
|
-
dl dt { font-weight: bold; }
|
65
|
-
|
66
|
-
blockquote { margin: 0 0 18px 18px; color: #666; font-style: italic; }
|
67
|
-
strong { font-weight: bold; }
|
68
|
-
em { font-style: italic; }
|
69
|
-
pre { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
|
70
|
-
|
71
|
-
/* Use this to create a horizontal ruler across a column. */
|
72
|
-
hr {
|
73
|
-
background: #B2CCFF;
|
74
|
-
color: #B2CCFF;
|
75
|
-
clear: both;
|
76
|
-
float: none;
|
77
|
-
width: 100%;
|
78
|
-
height: 2px;
|
79
|
-
margin: 0 0 16px 0;
|
80
|
-
border: none;
|
81
|
-
}
|
82
|
-
|
83
|
-
|
84
|
-
/* Tables
|
85
|
-
-------------------------------------------------------------- */
|
86
|
-
|
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; }
|
89
|
-
th { font-weight:bold; }
|
90
|
-
|
91
|
-
|
92
|
-
/* Some default classes
|
93
|
-
-------------------------------------------------------------- */
|
94
|
-
|
95
|
-
p.small { font-size: 10px; margin-bottom: 18px; }
|
96
|
-
p.large { font-size: 14px; line-height:36px; }
|
97
|
-
p.quiet { color: #666; }
|
98
|
-
.hide { display: none; }
|
99
|
-
|
100
|
-
|
101
|
-
/* Extra fancy typography
|
102
|
-
-------------------------------------------------------------- */
|
103
|
-
|
104
|
-
/* For great looking type, use this code instead of asdf:
|
105
|
-
<span class="alt">asdf</span>
|
106
|
-
Best used on prepositions and ampersands. */
|
107
|
-
|
108
|
-
.alt {
|
109
|
-
color: #666;
|
110
|
-
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
|
111
|
-
font-size: 1.2em;
|
112
|
-
line-height: 1%; /* Maintain correct baseline */
|
113
|
-
font-style: italic;
|
114
|
-
}
|
115
|
-
|
116
|
-
/* For great looking quote marks in titles, replace "asdf" with:
|
117
|
-
<span class="dquo">“</span>asdf”
|
118
|
-
(That is, when the title starts with a quote mark).
|
119
|
-
(You may have to change this value depending on your font size). */
|
120
|
-
|
121
|
-
.dquo { margin-left: -.7em; }
|
122
|
-
|
123
|
-
|
124
|
-
/* Reduced size type with incremental leading
|
125
|
-
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
|
126
|
-
|
127
|
-
This could be used for side notes. For smaller type, you don't necessarily want to
|
128
|
-
follow the 1.5x vertical rhythm -- the line-height is too much.
|
129
|
-
|
130
|
-
Using this class, it reduces your font size and line-height so that for
|
131
|
-
every four lines of normal sized type, there is five lines of the sidenote. eg:
|
132
|
-
|
133
|
-
New type size in em's:
|
134
|
-
10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
|
135
|
-
|
136
|
-
New line-height value:
|
137
|
-
12px x 1.5 = 18px (old line-height)
|
138
|
-
18px x 4 = 72px
|
139
|
-
72px / 5 = 14.4px (new line height)
|
140
|
-
14.4px / 10px = 1.44 (new line height in em's) */
|
141
|
-
|
142
|
-
p.incr, .incr p {
|
143
|
-
font-size: 10px;
|
144
|
-
line-height: 1.44em;
|
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;
|
159
|
-
}
|
160
|
-
|
161
|
-
/* EOF */
|