flutie 1.3.4 → 2.0.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/.travis.yml +1 -1
- data/Gemfile.lock +23 -51
- data/README.md +4 -81
- data/flutie.gemspec +3 -5
- data/lib/flutie.rb +1 -1
- data/{app/helpers → lib/flutie}/body_class_helper.rb +0 -0
- data/{app/helpers → lib/flutie}/page_title_helper.rb +0 -0
- data/lib/flutie/{engine.rb → railtie.rb} +4 -1
- data/lib/flutie/version.rb +1 -1
- data/spec/spec_helper.rb +0 -5
- metadata +6 -66
- data/app/assets/stylesheets/_defaults.scss +0 -103
- data/app/assets/stylesheets/_flashes.scss +0 -41
- data/app/assets/stylesheets/_flutie.scss +0 -7
- data/app/assets/stylesheets/_forms.scss +0 -202
- data/app/assets/stylesheets/_lists.scss +0 -45
- data/app/assets/stylesheets/_reset.scss +0 -95
- data/app/assets/stylesheets/_tables.scss +0 -39
- data/app/assets/stylesheets/_type.scss +0 -133
- data/app/controllers/flutie/styleguides_controller.rb +0 -27
- data/app/views/flutie/styleguides/show.erb +0 -734
- data/app/views/layouts/flutie.erb +0 -47
- data/config/initializers/expansion.rb +0 -1
- data/config/routes.rb +0 -5
- data/lib/tasks/flutie.rake +0 -25
- data/public/stylesheets/flutie.css +0 -556
- data/server.rb +0 -21
- data/spec/controllers/styleguides_controller_spec.rb +0 -62
- data/spec/fixtures/app/views/styleguides/_one.erb +0 -1
- data/spec/fixtures/app/views/styleguides/_two.erb +0 -1
- data/spec/flutie_spec.rb +0 -7
- data/spec/initialization_spec.rb +0 -16
- data/spec/integration/navigation_spec.rb +0 -9
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<%= stylesheet_link_tag :flutie %>
|
|
6
|
-
<title>Flutie v1</title>
|
|
7
|
-
|
|
8
|
-
<style type="text/css">
|
|
9
|
-
/* Styleguide-specific styles */
|
|
10
|
-
body {
|
|
11
|
-
background-color: #dadada;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.switcher {
|
|
15
|
-
margin: 30px auto 0;
|
|
16
|
-
text-align: right;
|
|
17
|
-
width: 880px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.content {
|
|
21
|
-
background: #fff;
|
|
22
|
-
-webkit-border-radius: 10px;
|
|
23
|
-
-moz-border-radius: 10px;
|
|
24
|
-
border-radius: 10px;
|
|
25
|
-
margin: 30px auto;
|
|
26
|
-
padding: 40px;
|
|
27
|
-
width: 880px;
|
|
28
|
-
}
|
|
29
|
-
</style>
|
|
30
|
-
|
|
31
|
-
</head>
|
|
32
|
-
|
|
33
|
-
<body>
|
|
34
|
-
|
|
35
|
-
<div class="switcher">
|
|
36
|
-
<% if params[:flutie] %>
|
|
37
|
-
<a href="?flutie=false">Application Styles</a>
|
|
38
|
-
<% else %>
|
|
39
|
-
<a href="?flutie=true">Default Styles</a>
|
|
40
|
-
<% end %>
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
<div class="content">
|
|
44
|
-
<%= yield %>
|
|
45
|
-
</div>
|
|
46
|
-
</body>
|
|
47
|
-
</html>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
ActionView::Helpers::AssetTagHelper.register_stylesheet_expansion :flutie => [ '/flutie/stylesheets/flutie' ]
|
data/config/routes.rb
DELETED
data/lib/tasks/flutie.rake
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
require 'fileutils'
|
|
2
|
-
|
|
3
|
-
def copy_files(source_path, destination_path, directory)
|
|
4
|
-
source, destination = File.join(directory, source_path), File.join(Rails.root, destination_path)
|
|
5
|
-
FileUtils.mkdir_p(destination, :verbose => true) unless File.exist?(destination)
|
|
6
|
-
FileUtils.cp_r(Dir.glob(source), destination, :verbose => true)
|
|
7
|
-
end
|
|
8
|
-
|
|
9
|
-
directory = File.dirname(__FILE__)
|
|
10
|
-
|
|
11
|
-
namespace :flutie do
|
|
12
|
-
desc 'Install flutie stylesheets into the public/ directory'
|
|
13
|
-
task :install => :environment do
|
|
14
|
-
if Rails.application.config.respond_to?(:assets) && Rails.application.config.assets.enabled
|
|
15
|
-
# No copy is needed when asset pipelining is enabled
|
|
16
|
-
puts "Flutie stylesheets are provided via asset pipelining."
|
|
17
|
-
else
|
|
18
|
-
# Copy the flutie stylesheets into rails_root/public/stylesheets
|
|
19
|
-
copy_files("../../public/stylesheets/*", "/public/stylesheets", directory)
|
|
20
|
-
|
|
21
|
-
# Copy the flutie sass stylesheets into rails_root/public/stylesheets/sass/flutie
|
|
22
|
-
copy_files("../../app/assets/stylesheets/*", "/public/stylesheets/sass/flutie", directory)
|
|
23
|
-
end
|
|
24
|
-
end
|
|
25
|
-
end
|
|
@@ -1,556 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
html5doctor.com Reset Stylesheet
|
|
3
|
-
v1.6.1
|
|
4
|
-
Last Updated: 2010-09-17
|
|
5
|
-
Author: Richard Clark - http://richclarkdesign.com
|
|
6
|
-
Twitter: @rich_clark
|
|
7
|
-
*/
|
|
8
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
|
9
|
-
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
|
|
10
|
-
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
|
|
11
|
-
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
|
|
12
|
-
details, figcaption, figure, footer, header, hgroup, menu, nav, section,
|
|
13
|
-
summary, time, mark, audio, video {
|
|
14
|
-
margin: 0;
|
|
15
|
-
padding: 0;
|
|
16
|
-
border: 0;
|
|
17
|
-
outline: 0;
|
|
18
|
-
font-size: 100%;
|
|
19
|
-
vertical-align: baseline;
|
|
20
|
-
background: transparent; }
|
|
21
|
-
|
|
22
|
-
body {
|
|
23
|
-
line-height: 1; }
|
|
24
|
-
|
|
25
|
-
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
|
|
26
|
-
section {
|
|
27
|
-
display: block; }
|
|
28
|
-
|
|
29
|
-
nav ul {
|
|
30
|
-
list-style: none; }
|
|
31
|
-
|
|
32
|
-
blockquote, q {
|
|
33
|
-
quotes: none; }
|
|
34
|
-
|
|
35
|
-
blockquote:before, blockquote:after, q:before, q:after {
|
|
36
|
-
content: '';
|
|
37
|
-
content: none; }
|
|
38
|
-
|
|
39
|
-
a {
|
|
40
|
-
margin: 0;
|
|
41
|
-
padding: 0;
|
|
42
|
-
font-size: 100%;
|
|
43
|
-
vertical-align: baseline;
|
|
44
|
-
background: transparent; }
|
|
45
|
-
|
|
46
|
-
/* change colours to suit your needs */
|
|
47
|
-
ins {
|
|
48
|
-
background-color: #ff9;
|
|
49
|
-
color: #000;
|
|
50
|
-
text-decoration: none; }
|
|
51
|
-
|
|
52
|
-
/* change colours to suit your needs */
|
|
53
|
-
mark {
|
|
54
|
-
background-color: #ff9;
|
|
55
|
-
color: #000;
|
|
56
|
-
font-style: italic;
|
|
57
|
-
font-weight: bold; }
|
|
58
|
-
|
|
59
|
-
del {
|
|
60
|
-
text-decoration: line-through; }
|
|
61
|
-
|
|
62
|
-
abbr[title], dfn[title] {
|
|
63
|
-
border-bottom: 1px dotted;
|
|
64
|
-
cursor: help; }
|
|
65
|
-
|
|
66
|
-
table {
|
|
67
|
-
border-collapse: collapse;
|
|
68
|
-
border-spacing: 0; }
|
|
69
|
-
|
|
70
|
-
/* change border colour to suit your needs */
|
|
71
|
-
hr {
|
|
72
|
-
display: block;
|
|
73
|
-
height: 1px;
|
|
74
|
-
border: 0;
|
|
75
|
-
border-top: 1px solid #cccccc;
|
|
76
|
-
margin: 1em 0;
|
|
77
|
-
padding: 0; }
|
|
78
|
-
|
|
79
|
-
input, select {
|
|
80
|
-
vertical-align: middle; }
|
|
81
|
-
|
|
82
|
-
body {
|
|
83
|
-
color: #333;
|
|
84
|
-
font-size: 13px;
|
|
85
|
-
font-family: "helvetica neue", arial, helvetica, "lucida grande", sans-serif; }
|
|
86
|
-
|
|
87
|
-
h1, h2, h3, h4, h5, h6 {
|
|
88
|
-
color: #111;
|
|
89
|
-
font-family: "helvetica neue", Helvetica, arial, sans-serif; }
|
|
90
|
-
|
|
91
|
-
/* Misc classes and elements */
|
|
92
|
-
/* Use a .box to create a padded box inside a column. */
|
|
93
|
-
.box {
|
|
94
|
-
background: #eee;
|
|
95
|
-
margin-bottom: 16px;
|
|
96
|
-
padding: 16px; }
|
|
97
|
-
|
|
98
|
-
/* Use this to create a horizontal ruler across a column. */
|
|
99
|
-
hr {
|
|
100
|
-
background: #ddd;
|
|
101
|
-
border: none;
|
|
102
|
-
clear: both;
|
|
103
|
-
color: #ddd;
|
|
104
|
-
float: none;
|
|
105
|
-
height: 1px;
|
|
106
|
-
margin: 0 0 12px;
|
|
107
|
-
width: 100%; }
|
|
108
|
-
|
|
109
|
-
hr.space {
|
|
110
|
-
background: #fff;
|
|
111
|
-
color: #fff; }
|
|
112
|
-
|
|
113
|
-
/* for image replacement */
|
|
114
|
-
.ir {
|
|
115
|
-
background-repeat: no-repeat;
|
|
116
|
-
direction: ltr;
|
|
117
|
-
display: block;
|
|
118
|
-
overflow: hidden;
|
|
119
|
-
text-align: left;
|
|
120
|
-
text-indent: -9999px; }
|
|
121
|
-
|
|
122
|
-
/* Hide for both screenreaders and browsers
|
|
123
|
-
css-discuss.incutio.com/wiki/Screenreader_Visibility */
|
|
124
|
-
.hidden {
|
|
125
|
-
display: none;
|
|
126
|
-
visibility: hidden; }
|
|
127
|
-
|
|
128
|
-
/* Hide only visually, but have it available for screenreaders
|
|
129
|
-
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
|
|
130
|
-
.visuallyhidden {
|
|
131
|
-
clip: rect(1px 1px 1px 1px);
|
|
132
|
-
/* IE6, IE7 */
|
|
133
|
-
clip: rect(1px, 1px, 1px, 1px);
|
|
134
|
-
position: absolute !important; }
|
|
135
|
-
|
|
136
|
-
/* Hide visually and from screenreaders, but maintain layout */
|
|
137
|
-
.invisible {
|
|
138
|
-
visibility: hidden; }
|
|
139
|
-
|
|
140
|
-
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
|
|
141
|
-
.clearfix:before, .clearfix:after {
|
|
142
|
-
content: "\0020";
|
|
143
|
-
display: block;
|
|
144
|
-
height: 0;
|
|
145
|
-
visibility: hidden; }
|
|
146
|
-
|
|
147
|
-
.clearfix:after {
|
|
148
|
-
clear: both; }
|
|
149
|
-
|
|
150
|
-
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
|
|
151
|
-
.clearfix {
|
|
152
|
-
zoom: 1; }
|
|
153
|
-
|
|
154
|
-
.ie7 img {
|
|
155
|
-
-ms-interpolation-mode: bicubic; }
|
|
156
|
-
|
|
157
|
-
@media print {
|
|
158
|
-
* {
|
|
159
|
-
background: transparent !important;
|
|
160
|
-
color: #444 !important;
|
|
161
|
-
text-shadow: none !important; }
|
|
162
|
-
|
|
163
|
-
a, a:visited {
|
|
164
|
-
color: #444 !important;
|
|
165
|
-
text-decoration: underline; }
|
|
166
|
-
|
|
167
|
-
a:after {
|
|
168
|
-
content: " (" attr(href) ")"; }
|
|
169
|
-
|
|
170
|
-
abbr:after {
|
|
171
|
-
content: " (" attr(title) ")"; }
|
|
172
|
-
|
|
173
|
-
.ir a:after {
|
|
174
|
-
content: ""; }
|
|
175
|
-
|
|
176
|
-
/* Don't show links for images */
|
|
177
|
-
pre, blockquote {
|
|
178
|
-
border: 1px solid #999;
|
|
179
|
-
page-break-inside: avoid; }
|
|
180
|
-
|
|
181
|
-
thead {
|
|
182
|
-
display: table-header-group; }
|
|
183
|
-
|
|
184
|
-
/* css-discuss.incutio.com/wiki/Printing_Tables */
|
|
185
|
-
tr, img {
|
|
186
|
-
page-break-inside: avoid; }
|
|
187
|
-
|
|
188
|
-
@page {
|
|
189
|
-
margin: 0.5cm; }
|
|
190
|
-
|
|
191
|
-
p, h2, h3 {
|
|
192
|
-
orphans: 3;
|
|
193
|
-
widows: 3; }
|
|
194
|
-
|
|
195
|
-
h2, h3 {
|
|
196
|
-
page-break-after: avoid; } }
|
|
197
|
-
/* Success, error & notice boxes for messages and errors. */
|
|
198
|
-
div.error, div.notice, div.success, #flash_failure, #flash_success, #flash_notice {
|
|
199
|
-
border: 1px solid #ddd;
|
|
200
|
-
-moz-border-radius: 8px;
|
|
201
|
-
-webkit-border-radius: 8px;
|
|
202
|
-
border-radius: 8px;
|
|
203
|
-
margin-bottom: 12px;
|
|
204
|
-
padding: 10px; }
|
|
205
|
-
|
|
206
|
-
div.error, #flash_failure {
|
|
207
|
-
background: #FBE3E4;
|
|
208
|
-
border-color: #FBC2C4;
|
|
209
|
-
color: #D12F19; }
|
|
210
|
-
|
|
211
|
-
div.error a, #flash_failure a {
|
|
212
|
-
color: #D12F19; }
|
|
213
|
-
|
|
214
|
-
div.notice, #flash_notice {
|
|
215
|
-
background: #FFF6BF;
|
|
216
|
-
border-color: #FFD324;
|
|
217
|
-
color: #817134; }
|
|
218
|
-
|
|
219
|
-
div.notice a, #flash_notice a {
|
|
220
|
-
color: #817134; }
|
|
221
|
-
|
|
222
|
-
div.success, #flash_success {
|
|
223
|
-
background: #E6EFC2;
|
|
224
|
-
border-color: #C6D880;
|
|
225
|
-
color: #529214; }
|
|
226
|
-
|
|
227
|
-
div.success a, #flash_success a {
|
|
228
|
-
color: #529214; }
|
|
229
|
-
|
|
230
|
-
/* Headings */
|
|
231
|
-
h1, h2, h3, h4, h5, h6 {
|
|
232
|
-
font-weight: bold; }
|
|
233
|
-
|
|
234
|
-
h1 {
|
|
235
|
-
font-size: 28px;
|
|
236
|
-
line-height: 1.2;
|
|
237
|
-
margin-bottom: 12px; }
|
|
238
|
-
|
|
239
|
-
h2 {
|
|
240
|
-
font-size: 24px;
|
|
241
|
-
line-height: 1.2;
|
|
242
|
-
margin-bottom: 6px; }
|
|
243
|
-
|
|
244
|
-
h3 {
|
|
245
|
-
font-size: 18px;
|
|
246
|
-
line-height: 1.2;
|
|
247
|
-
margin-bottom: 4px; }
|
|
248
|
-
|
|
249
|
-
h4 {
|
|
250
|
-
font-size: 16px;
|
|
251
|
-
line-height: 1.3;
|
|
252
|
-
margin-bottom: 4px; }
|
|
253
|
-
|
|
254
|
-
h5 {
|
|
255
|
-
font-size: 14px;
|
|
256
|
-
margin-bottom: 4px; }
|
|
257
|
-
|
|
258
|
-
h6 {
|
|
259
|
-
font-size: 12px;
|
|
260
|
-
margin-bottom: 4px; }
|
|
261
|
-
|
|
262
|
-
/* Text elements */
|
|
263
|
-
p {
|
|
264
|
-
line-height: 1.4;
|
|
265
|
-
margin-bottom: 12px; }
|
|
266
|
-
|
|
267
|
-
/* Use this if the image is at the top of the <p>. */
|
|
268
|
-
p img.top {
|
|
269
|
-
margin-top: 0; }
|
|
270
|
-
|
|
271
|
-
img {
|
|
272
|
-
margin: 0 0 12px; }
|
|
273
|
-
|
|
274
|
-
abbr, acronym {
|
|
275
|
-
border-bottom: 1px dotted #666;
|
|
276
|
-
cursor: help; }
|
|
277
|
-
|
|
278
|
-
address {
|
|
279
|
-
font-style: italic;
|
|
280
|
-
margin-top: 16px; }
|
|
281
|
-
|
|
282
|
-
del {
|
|
283
|
-
color: #666; }
|
|
284
|
-
|
|
285
|
-
a, a:link {
|
|
286
|
-
color: #1a4882;
|
|
287
|
-
text-decoration: underline; }
|
|
288
|
-
|
|
289
|
-
a:visited {
|
|
290
|
-
color: #1a4882; }
|
|
291
|
-
|
|
292
|
-
a:hover {
|
|
293
|
-
color: #052246; }
|
|
294
|
-
|
|
295
|
-
a:active, a:focus {
|
|
296
|
-
color: #1a4882; }
|
|
297
|
-
|
|
298
|
-
blockquote {
|
|
299
|
-
border-left: 4px solid #d1d1d1;
|
|
300
|
-
color: #666;
|
|
301
|
-
font-style: italic;
|
|
302
|
-
margin: 16px 0;
|
|
303
|
-
padding-left: 12px; }
|
|
304
|
-
|
|
305
|
-
strong {
|
|
306
|
-
font-weight: bold; }
|
|
307
|
-
|
|
308
|
-
em,
|
|
309
|
-
dfn {
|
|
310
|
-
font-style: italic; }
|
|
311
|
-
|
|
312
|
-
dfn {
|
|
313
|
-
font-weight: bold; }
|
|
314
|
-
|
|
315
|
-
pre, code {
|
|
316
|
-
margin: 12px 0;
|
|
317
|
-
white-space: pre;
|
|
318
|
-
/* CSS2 */
|
|
319
|
-
white-space: pre-wrap;
|
|
320
|
-
/* CSS 2.1 */
|
|
321
|
-
word-wrap: break-word;
|
|
322
|
-
/* IE */ }
|
|
323
|
-
|
|
324
|
-
pre, code, tt {
|
|
325
|
-
font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
|
|
326
|
-
line-height: 1.5; }
|
|
327
|
-
|
|
328
|
-
pre.code {
|
|
329
|
-
background: #000;
|
|
330
|
-
color: #fff;
|
|
331
|
-
padding: 20px; }
|
|
332
|
-
|
|
333
|
-
tt {
|
|
334
|
-
display: block;
|
|
335
|
-
line-height: 1.5;
|
|
336
|
-
margin: 16px 0; }
|
|
337
|
-
|
|
338
|
-
/* Forms */
|
|
339
|
-
/*
|
|
340
|
-
* Remove inner padding and border in FF3/4
|
|
341
|
-
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
|
342
|
-
*/
|
|
343
|
-
input[type="submit"]::-moz-focus-inner {
|
|
344
|
-
border: 0;
|
|
345
|
-
padding: 0; }
|
|
346
|
-
|
|
347
|
-
form ol {
|
|
348
|
-
list-style: none;
|
|
349
|
-
margin: 0 0 12px 0; }
|
|
350
|
-
|
|
351
|
-
form ol ol {
|
|
352
|
-
margin-left: 0; }
|
|
353
|
-
|
|
354
|
-
form ol li {
|
|
355
|
-
list-style-position: outside;
|
|
356
|
-
margin: 0 0 12px 0; }
|
|
357
|
-
|
|
358
|
-
/*list-style-position fixes IE label margin bug*/
|
|
359
|
-
form ol ol li {
|
|
360
|
-
list-style-position: outside;
|
|
361
|
-
margin: 0 0 4px 0; }
|
|
362
|
-
|
|
363
|
-
form ol li.error input {
|
|
364
|
-
background: #FBE3E4; }
|
|
365
|
-
|
|
366
|
-
p.inline-errors {
|
|
367
|
-
color: #D12F19; }
|
|
368
|
-
|
|
369
|
-
form ol li.file {
|
|
370
|
-
background: #e1e1e1;
|
|
371
|
-
border: 1px solid #c8c8c8;
|
|
372
|
-
padding: 10px; }
|
|
373
|
-
|
|
374
|
-
form abbr {
|
|
375
|
-
border-bottom: 0; }
|
|
376
|
-
|
|
377
|
-
label {
|
|
378
|
-
display: block; }
|
|
379
|
-
|
|
380
|
-
.required label {
|
|
381
|
-
font-weight: bold; }
|
|
382
|
-
|
|
383
|
-
.checkbox_field label,
|
|
384
|
-
.radio_field label {
|
|
385
|
-
font-weight: normal; }
|
|
386
|
-
|
|
387
|
-
a.cancel {
|
|
388
|
-
color: #7d0d0d; }
|
|
389
|
-
|
|
390
|
-
.inline-hints {
|
|
391
|
-
color: #666;
|
|
392
|
-
font-size: 11px;
|
|
393
|
-
margin-bottom: 4px; }
|
|
394
|
-
|
|
395
|
-
/* Fieldsets */
|
|
396
|
-
fieldset {
|
|
397
|
-
background: #f1f1f1;
|
|
398
|
-
border: 1px solid #e3e3e3;
|
|
399
|
-
margin: 0 0 16px 0;
|
|
400
|
-
padding: 16px 16px 12px 16px; }
|
|
401
|
-
|
|
402
|
-
fieldset fieldset, fieldset fieldset fieldset {
|
|
403
|
-
border: 0;
|
|
404
|
-
padding: 0; }
|
|
405
|
-
|
|
406
|
-
legend {
|
|
407
|
-
font-weight: bold; }
|
|
408
|
-
|
|
409
|
-
.ie6 legend, .ie7 legend {
|
|
410
|
-
margin-left: -7px; }
|
|
411
|
-
|
|
412
|
-
fieldset.buttons {
|
|
413
|
-
background: inherit;
|
|
414
|
-
border: 0;
|
|
415
|
-
padding: 0; }
|
|
416
|
-
|
|
417
|
-
fieldset.buttons li {
|
|
418
|
-
display: inline; }
|
|
419
|
-
|
|
420
|
-
.radio fieldset {
|
|
421
|
-
margin: 0;
|
|
422
|
-
padding: 0; }
|
|
423
|
-
|
|
424
|
-
/* Text fields */
|
|
425
|
-
input[type="color"],
|
|
426
|
-
input[type="date"],
|
|
427
|
-
input[type="datetime"],
|
|
428
|
-
input[type="datetime-local"],
|
|
429
|
-
input[type="email"],
|
|
430
|
-
input[type="month"],
|
|
431
|
-
input[type="number"],
|
|
432
|
-
input[type="password"],
|
|
433
|
-
input[type="range"],
|
|
434
|
-
input[type="search"],
|
|
435
|
-
input[type="tel"],
|
|
436
|
-
input[type="text"],
|
|
437
|
-
input[type="time"],
|
|
438
|
-
input[type="url"],
|
|
439
|
-
input[type="week"] {
|
|
440
|
-
font-size: inherit;
|
|
441
|
-
padding: 3px 2px;
|
|
442
|
-
width: 300px; }
|
|
443
|
-
|
|
444
|
-
.ie6 input {
|
|
445
|
-
vertical-align: text-bottom; }
|
|
446
|
-
|
|
447
|
-
input[disabled='disabled'] {
|
|
448
|
-
background-color: #fcfcfc;
|
|
449
|
-
cursor: default; }
|
|
450
|
-
|
|
451
|
-
input[type="checkbox"] {
|
|
452
|
-
margin: 0 3px 0 0;
|
|
453
|
-
position: relative;
|
|
454
|
-
top: -2px;
|
|
455
|
-
vertical-align: middle; }
|
|
456
|
-
|
|
457
|
-
.ie7 input[type="checkbox"] {
|
|
458
|
-
vertical-align: baseline; }
|
|
459
|
-
|
|
460
|
-
input[type="radio"] {
|
|
461
|
-
margin: 0 3px 0 0;
|
|
462
|
-
position: relative;
|
|
463
|
-
top: -2px;
|
|
464
|
-
vertical-align: middle; }
|
|
465
|
-
|
|
466
|
-
.check_boxes label {
|
|
467
|
-
display: inline;
|
|
468
|
-
padding: 0;
|
|
469
|
-
vertical-align: middle; }
|
|
470
|
-
|
|
471
|
-
.radio label {
|
|
472
|
-
padding: 0; }
|
|
473
|
-
|
|
474
|
-
/* Textareas */
|
|
475
|
-
textarea {
|
|
476
|
-
font-size: inherit;
|
|
477
|
-
height: 200px;
|
|
478
|
-
margin: 0 6px 6px 0;
|
|
479
|
-
padding: 5px;
|
|
480
|
-
width: 440px;
|
|
481
|
-
overflow: auto; }
|
|
482
|
-
|
|
483
|
-
/* Select fields */
|
|
484
|
-
fieldset .select select {
|
|
485
|
-
width: 200px;
|
|
486
|
-
font-size: 11px; }
|
|
487
|
-
|
|
488
|
-
optgroup {
|
|
489
|
-
margin: 0 0 6px 0; }
|
|
490
|
-
|
|
491
|
-
/* Date & Time */
|
|
492
|
-
form ol li.date select, form ol li.time select, form ol li.datetime select {
|
|
493
|
-
display: inline;
|
|
494
|
-
width: auto; }
|
|
495
|
-
|
|
496
|
-
form ol li.date ol li, form ol li.time ol li, form ol li.datetime ol li {
|
|
497
|
-
display: inline-block; }
|
|
498
|
-
|
|
499
|
-
/* Tables */
|
|
500
|
-
table {
|
|
501
|
-
margin-bottom: 24px;
|
|
502
|
-
width: 100%; }
|
|
503
|
-
|
|
504
|
-
th {
|
|
505
|
-
border-bottom: 2px solid #ccc;
|
|
506
|
-
font-weight: bold;
|
|
507
|
-
text-align: left; }
|
|
508
|
-
|
|
509
|
-
td {
|
|
510
|
-
border-bottom: 1px solid #ddd; }
|
|
511
|
-
|
|
512
|
-
caption, th, td {
|
|
513
|
-
padding: 4px 10px 4px 0; }
|
|
514
|
-
|
|
515
|
-
caption {
|
|
516
|
-
background: #f1f1f1;
|
|
517
|
-
margin-bottom: 12px;
|
|
518
|
-
padding: 10px 0; }
|
|
519
|
-
|
|
520
|
-
tr, td, th {
|
|
521
|
-
vertical-align: middle; }
|
|
522
|
-
|
|
523
|
-
/* Use this if you use span-x classes on th/td. */
|
|
524
|
-
table .last {
|
|
525
|
-
padding-right: 0; }
|
|
526
|
-
|
|
527
|
-
/* Lists */
|
|
528
|
-
ul, ol {
|
|
529
|
-
list-style-position: inside;
|
|
530
|
-
margin-bottom: 16px; }
|
|
531
|
-
|
|
532
|
-
ul {
|
|
533
|
-
list-style-type: disc; }
|
|
534
|
-
|
|
535
|
-
ol {
|
|
536
|
-
list-style-type: decimal; }
|
|
537
|
-
|
|
538
|
-
dl {
|
|
539
|
-
line-height: 1.4;
|
|
540
|
-
margin-bottom: 16px; }
|
|
541
|
-
|
|
542
|
-
dl dt {
|
|
543
|
-
font-weight: bold;
|
|
544
|
-
margin-top: 6px; }
|
|
545
|
-
|
|
546
|
-
dl dd {
|
|
547
|
-
margin-bottom: 0em; }
|
|
548
|
-
|
|
549
|
-
dd {
|
|
550
|
-
margin-left: 6px; }
|
|
551
|
-
|
|
552
|
-
li {
|
|
553
|
-
line-height: 1.4; }
|
|
554
|
-
|
|
555
|
-
ol ol, ol ul, ul ul, ul ol {
|
|
556
|
-
margin-left: 12px; }
|