webby 0.7.1 → 0.7.2
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 +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 */
|