stylistic 0.0.2 → 0.1
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -1,114 +1,378 @@
|
|
|
1
1
|
body {
|
|
2
2
|
|
|
3
3
|
background-color: #eee;
|
|
4
|
-
margin:
|
|
4
|
+
margin: 0;
|
|
5
|
+
padding: 0;
|
|
5
6
|
|
|
6
7
|
}
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
|
|
10
|
+
/* Baseline Debugging Backgrounds */
|
|
11
|
+
.show-baseline {
|
|
12
|
+
|
|
13
|
+
background: transparent url('../../images/grid.png') repeat;
|
|
14
|
+
|
|
15
|
+
}
|
|
16
|
+
.show-baseline h1, .show-baseline h2, .show-baseline h3, .show-baseline h4, .show-baseline h5, .show-baseline h6,
|
|
17
|
+
.show-baseline p, .show-baseline ul, .show-baseline ol, .show-baseline pre, .show-baseline blockquote,
|
|
18
|
+
.show-baseline dl, .show-baseline dt, .show-baseline dd,
|
|
19
|
+
.show-baseline label{
|
|
20
|
+
|
|
21
|
+
background: rgba(255,200,200,.3);
|
|
22
|
+
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
/* Typography (22px line height and baseline grid) */
|
|
9
27
|
|
|
10
28
|
body, form, input, textarea, select, select option {
|
|
11
29
|
|
|
12
|
-
font:
|
|
30
|
+
font: 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
13
31
|
color: #333;
|
|
14
32
|
|
|
15
33
|
}
|
|
16
34
|
|
|
17
|
-
h1, h2, h3, h4, h5, h6, lh {
|
|
35
|
+
p, h1, h2, h3, h4, h5, h6, lh {
|
|
18
36
|
|
|
19
|
-
|
|
20
|
-
text-shadow: 0 1px 0 #fff
|
|
37
|
+
margin-bottom: 22px;
|
|
38
|
+
/* text-shadow: 0 1px 0 #fff;*/
|
|
21
39
|
|
|
22
40
|
}
|
|
23
41
|
|
|
24
|
-
h1 {
|
|
42
|
+
h1, .huge {
|
|
25
43
|
|
|
26
|
-
font-size:
|
|
27
|
-
line-height:
|
|
44
|
+
font-size: 56px;
|
|
45
|
+
line-height: 66px;
|
|
28
46
|
letter-spacing: -.05em;
|
|
29
|
-
|
|
47
|
+
font-weight: bold;
|
|
30
48
|
|
|
31
49
|
}
|
|
32
50
|
|
|
33
|
-
h2 {
|
|
51
|
+
h2, .big {
|
|
34
52
|
|
|
35
|
-
font-size:
|
|
36
|
-
line-height:
|
|
37
|
-
letter-spacing: -.
|
|
38
|
-
|
|
53
|
+
font-size: 28px;
|
|
54
|
+
line-height: 44px;
|
|
55
|
+
letter-spacing: -.05em;
|
|
56
|
+
font-weight: bold;
|
|
39
57
|
|
|
40
58
|
}
|
|
41
59
|
|
|
42
|
-
h3, lh {
|
|
43
|
-
|
|
44
|
-
font-size: 1.875em;
|
|
45
|
-
line-height: 1.2;
|
|
46
|
-
margin-bottom: .8em;
|
|
60
|
+
h3, lh, table caption, .large {
|
|
47
61
|
|
|
62
|
+
font-size: 18px;
|
|
63
|
+
line-height: 22px;
|
|
64
|
+
letter-spacing: -.05em;
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
|
|
48
67
|
}
|
|
49
68
|
|
|
50
|
-
h4 {
|
|
69
|
+
h4, .large-light {
|
|
51
70
|
|
|
52
|
-
font-size:
|
|
53
|
-
line-height:
|
|
54
|
-
|
|
71
|
+
font-size: 18px;
|
|
72
|
+
line-height: 22px;
|
|
73
|
+
font-weight: 200;
|
|
55
74
|
|
|
56
75
|
}
|
|
57
76
|
|
|
58
|
-
h5 {
|
|
77
|
+
h5, .medium {
|
|
59
78
|
|
|
60
|
-
font-size:
|
|
61
|
-
|
|
79
|
+
font-size: 16px;
|
|
80
|
+
line-height: 22px;
|
|
81
|
+
font-weight: bold;
|
|
62
82
|
|
|
63
83
|
}
|
|
64
84
|
|
|
65
|
-
h6 {
|
|
85
|
+
h6, .medium-light {
|
|
66
86
|
|
|
67
|
-
font-size:
|
|
68
|
-
line-height:
|
|
69
|
-
|
|
87
|
+
font-size: 16px;
|
|
88
|
+
line-height: 22px;
|
|
89
|
+
font-weight: 200;
|
|
70
90
|
|
|
71
91
|
}
|
|
72
92
|
|
|
73
93
|
p {
|
|
74
94
|
|
|
75
|
-
margin-bottom: 1.5em;
|
|
76
95
|
|
|
77
96
|
}
|
|
78
97
|
|
|
79
98
|
hr {
|
|
80
99
|
|
|
100
|
+
border: 0;
|
|
101
|
+
margin-top: 22px;
|
|
102
|
+
margin-bottom: 21px;
|
|
103
|
+
height: 1px;
|
|
104
|
+
background-color: #ccc;
|
|
105
|
+
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
hr.inset {
|
|
110
|
+
|
|
81
111
|
border: 0;
|
|
82
112
|
border-bottom: 1px solid #fff;
|
|
113
|
+
margin-top: 21px;
|
|
114
|
+
margin-bottom: 20px;
|
|
83
115
|
height: 1px;
|
|
84
116
|
background-color: #ccc;
|
|
85
117
|
|
|
86
118
|
}
|
|
87
119
|
|
|
88
120
|
|
|
121
|
+
/* List styles */
|
|
122
|
+
ol, ul, dl {
|
|
123
|
+
|
|
124
|
+
margin-bottom: 22px;
|
|
125
|
+
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
ul, ol {
|
|
129
|
+
|
|
130
|
+
margin-left: 22px;
|
|
131
|
+
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
ol {
|
|
135
|
+
|
|
136
|
+
list-style-type: decimal;
|
|
137
|
+
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
ul.clean {
|
|
141
|
+
|
|
142
|
+
list-style-type: none;
|
|
143
|
+
margin-left: 0;
|
|
144
|
+
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
ul.clean ul {
|
|
148
|
+
|
|
149
|
+
list-style-type: none;
|
|
150
|
+
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
dt {
|
|
154
|
+
|
|
155
|
+
font-weight: bold;
|
|
156
|
+
color: #666;
|
|
157
|
+
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
/* table styles */
|
|
163
|
+
|
|
164
|
+
table {
|
|
165
|
+
|
|
166
|
+
margin: 0 22px;
|
|
167
|
+
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
table caption {
|
|
171
|
+
|
|
172
|
+
text-transform: uppercase;
|
|
173
|
+
text-align: left;
|
|
174
|
+
margin-bottom: 22px;
|
|
175
|
+
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
th {
|
|
179
|
+
|
|
180
|
+
text-align: left;
|
|
181
|
+
font-size: 14px;
|
|
182
|
+
line-height: 20px;
|
|
183
|
+
padding: 0;
|
|
184
|
+
margin: 0;
|
|
185
|
+
border-bottom: 2px solid #000;
|
|
186
|
+
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
tr {
|
|
190
|
+
|
|
191
|
+
font-size: 14px;
|
|
192
|
+
line-height: 21px;
|
|
193
|
+
border-bottom: 1px solid #ccc;
|
|
194
|
+
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
th, td {
|
|
198
|
+
|
|
199
|
+
padding: 11px 22px;
|
|
200
|
+
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
|
|
89
205
|
/* Form styles */
|
|
90
206
|
|
|
91
207
|
div.field, div.actions {
|
|
92
208
|
|
|
93
|
-
margin-bottom: 12px;
|
|
209
|
+
/* margin-bottom: 12px;
|
|
210
|
+
*/
|
|
211
|
+
}
|
|
94
212
|
|
|
213
|
+
form {
|
|
214
|
+
|
|
215
|
+
margin: 22px 0 44px;
|
|
216
|
+
|
|
95
217
|
}
|
|
96
218
|
|
|
97
219
|
label {
|
|
98
220
|
|
|
99
|
-
font-size:
|
|
221
|
+
font-size: 14px;
|
|
222
|
+
line-height: 22px;
|
|
100
223
|
font-weight: bold;
|
|
101
224
|
color: #555;
|
|
102
225
|
|
|
103
226
|
}
|
|
104
227
|
|
|
105
|
-
input[type="text"], input[type="email"], input[type="password"],
|
|
228
|
+
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="range"] {
|
|
106
229
|
|
|
107
|
-
|
|
230
|
+
width: 220px;
|
|
231
|
+
font-size: 14px;
|
|
232
|
+
margin: 4px 0 10px;
|
|
108
233
|
padding: 3px 6px;
|
|
234
|
+
border: 1px solid #999;
|
|
235
|
+
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
textarea {
|
|
239
|
+
|
|
240
|
+
height: 88px;
|
|
241
|
+
width: 308px;
|
|
242
|
+
margin: 4px 0 6px;
|
|
243
|
+
padding: 3px 6px;
|
|
244
|
+
border: 1px solid #999;
|
|
245
|
+
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
select, .field select {
|
|
249
|
+
|
|
250
|
+
margin: 8px 0 19px;
|
|
251
|
+
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
fieldset {
|
|
255
|
+
|
|
256
|
+
padding: 22px;
|
|
257
|
+
border: 1px solid #999;
|
|
258
|
+
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.checkbox-group, .radio-group {
|
|
262
|
+
|
|
263
|
+
margin-bottom: 22px;
|
|
264
|
+
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
input[type="file"] {
|
|
268
|
+
|
|
269
|
+
display: block;
|
|
270
|
+
margin-bottom: 22px;
|
|
271
|
+
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
/* Credit due: http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ */
|
|
275
|
+
|
|
276
|
+
input[type="submit"] {
|
|
277
|
+
|
|
278
|
+
padding: 5px 11px;
|
|
279
|
+
margin-top: 22px;
|
|
280
|
+
margin-bottom: 10px;
|
|
281
|
+
cursor: pointer;
|
|
282
|
+
color: #e9e9e9;
|
|
283
|
+
font-size: 14px;
|
|
284
|
+
font-weight: bold;
|
|
285
|
+
border: solid 1px #555;
|
|
286
|
+
background: #616161;
|
|
287
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
|
|
288
|
+
background: -moz-linear-gradient(top, #757575, #4b4b4b);
|
|
289
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
|
|
109
290
|
|
|
110
291
|
}
|
|
111
292
|
|
|
293
|
+
input[type="submit"]:hover {
|
|
294
|
+
|
|
295
|
+
background: #6e6e6e;
|
|
296
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
|
|
297
|
+
background: -moz-linear-gradient(top, #888, #575757);
|
|
298
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
|
|
299
|
+
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
input[type="submit"]:active {
|
|
303
|
+
|
|
304
|
+
color: #afafaf;
|
|
305
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
|
|
306
|
+
background: -moz-linear-gradient(top, #575757, #888);
|
|
307
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
|
|
308
|
+
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
input[type="reset"] {
|
|
312
|
+
|
|
313
|
+
padding: 5px 11px;
|
|
314
|
+
margin-top: 22px;
|
|
315
|
+
margin-bottom: 10px;
|
|
316
|
+
cursor: pointer;
|
|
317
|
+
font-size: 14px;
|
|
318
|
+
font-weight: bold;
|
|
319
|
+
color: #606060;
|
|
320
|
+
border: solid 1px #b7b7b7;
|
|
321
|
+
background: #ededed;
|
|
322
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
|
|
323
|
+
background: -moz-linear-gradient(top, #fff, #dcdcdc);
|
|
324
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
|
|
325
|
+
|
|
326
|
+
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
input[type="reset"]:hover {
|
|
330
|
+
|
|
331
|
+
background: #fff;
|
|
332
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
|
|
333
|
+
background: -moz-linear-gradient(top, #fff, #ededed);
|
|
334
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
|
|
335
|
+
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
input[type="reset"]:active {
|
|
339
|
+
|
|
340
|
+
color: #999;
|
|
341
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
|
|
342
|
+
background: -moz-linear-gradient(top, #ededed, #fff);
|
|
343
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
|
|
344
|
+
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
|
|
348
|
+
/* Special special text formatting */
|
|
349
|
+
|
|
350
|
+
blockquote {
|
|
351
|
+
|
|
352
|
+
font-size: 16px;
|
|
353
|
+
font-style: oblique;
|
|
354
|
+
padding-left: 22px;
|
|
355
|
+
border-left: 3px solid #999;
|
|
356
|
+
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
pre, code {
|
|
360
|
+
|
|
361
|
+
margin: 0;
|
|
362
|
+
margin-bottom: 22px;
|
|
363
|
+
padding: 0;
|
|
364
|
+
font-family: Consolas, 'Courier New', Courier, mono;
|
|
365
|
+
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
pre code {
|
|
369
|
+
|
|
370
|
+
display: block;
|
|
371
|
+
background-color: rgba(0,0,0,.75);
|
|
372
|
+
color: #fefefe;
|
|
373
|
+
padding: 22px;
|
|
374
|
+
|
|
375
|
+
}
|
|
112
376
|
|
|
113
377
|
/* Rails scaffold flash messages and errors */
|
|
114
378
|
|
|
@@ -117,7 +381,7 @@ input[type="text"], input[type="email"], input[type="password"], textarea {
|
|
|
117
381
|
background-color: #ccffcc;
|
|
118
382
|
color: #006600;
|
|
119
383
|
border: 1px solid #006600;
|
|
120
|
-
padding:
|
|
384
|
+
padding: 22px;
|
|
121
385
|
|
|
122
386
|
}
|
|
123
387
|
|
|
@@ -126,7 +390,7 @@ input[type="text"], input[type="email"], input[type="password"], textarea {
|
|
|
126
390
|
background-color: #ffff99;
|
|
127
391
|
color: #996633;
|
|
128
392
|
border: 1px solid #996633;
|
|
129
|
-
padding:
|
|
393
|
+
padding: 22px;
|
|
130
394
|
|
|
131
395
|
}
|
|
132
396
|
|
|
@@ -139,19 +403,18 @@ input[type="text"], input[type="email"], input[type="password"], textarea {
|
|
|
139
403
|
.field_with_errors input {
|
|
140
404
|
|
|
141
405
|
padding: 2px;
|
|
142
|
-
background-color: #ffcccc;
|
|
143
406
|
border: 1px solid #990000;
|
|
407
|
+
background-color: #faebeb;
|
|
144
408
|
|
|
145
409
|
}
|
|
146
410
|
|
|
147
411
|
#error_explanation {
|
|
148
412
|
|
|
149
|
-
width:
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
padding-bottom: 0;
|
|
413
|
+
width: 440px;
|
|
414
|
+
padding: 11px;
|
|
415
|
+
border: 1px solid #990000;
|
|
153
416
|
margin-bottom: 20px;
|
|
154
|
-
background-color: #
|
|
417
|
+
background-color: #ffcccc;
|
|
155
418
|
|
|
156
419
|
}
|
|
157
420
|
|
|
@@ -159,18 +422,23 @@ input[type="text"], input[type="email"], input[type="password"], textarea {
|
|
|
159
422
|
|
|
160
423
|
text-align: left;
|
|
161
424
|
font-weight: bold;
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
background-color: #c00;
|
|
167
|
-
color: #fff;
|
|
425
|
+
font-size: 16px;
|
|
426
|
+
line-height: 22px;
|
|
427
|
+
margin-bottom: 0;
|
|
428
|
+
color: #990000;
|
|
168
429
|
|
|
169
430
|
}
|
|
170
431
|
|
|
432
|
+
#error_explanation ul {
|
|
433
|
+
|
|
434
|
+
margin: 0;
|
|
435
|
+
color: #990000;
|
|
436
|
+
|
|
437
|
+
}
|
|
438
|
+
|
|
171
439
|
#error_explanation ul li {
|
|
172
440
|
|
|
173
|
-
|
|
174
|
-
|
|
441
|
+
list-style-type: none;
|
|
442
|
+
padding: 0;
|
|
175
443
|
|
|
176
444
|
}
|
data/lib/stylistic/version.rb
CHANGED
data/stylistic.gemspec
CHANGED
|
@@ -10,7 +10,7 @@ Gem::Specification.new do |s|
|
|
|
10
10
|
s.email = ["stakes@jaystakelon.com"]
|
|
11
11
|
s.homepage = ""
|
|
12
12
|
s.summary = %q{Upgrade your default stylesheet and much more}
|
|
13
|
-
s.description = %q{This gem will make your Rails project so stylistic by installing (better) default scaffold styles, popular CSS grid frameworks and jQuery.}
|
|
13
|
+
s.description = %q{This gem will help make your Rails project so stylistic by installing (better) default scaffold styles, popular CSS grid frameworks and jQuery.}
|
|
14
14
|
|
|
15
15
|
s.rubyforge_project = "stylistic"
|
|
16
16
|
|
metadata
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: stylistic
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
+
hash: 9
|
|
4
5
|
prerelease: false
|
|
5
6
|
segments:
|
|
6
7
|
- 0
|
|
7
|
-
-
|
|
8
|
-
|
|
9
|
-
version: 0.0.2
|
|
8
|
+
- 1
|
|
9
|
+
version: "0.1"
|
|
10
10
|
platform: ruby
|
|
11
11
|
authors:
|
|
12
12
|
- Jay Stakelon
|
|
@@ -14,11 +14,11 @@ autorequire:
|
|
|
14
14
|
bindir: bin
|
|
15
15
|
cert_chain: []
|
|
16
16
|
|
|
17
|
-
date: 2011-
|
|
17
|
+
date: 2011-02-15 00:00:00 -08:00
|
|
18
18
|
default_executable:
|
|
19
19
|
dependencies: []
|
|
20
20
|
|
|
21
|
-
description: This gem will make your Rails project so stylistic by installing (better) default scaffold styles, popular CSS grid frameworks and jQuery.
|
|
21
|
+
description: This gem will help make your Rails project so stylistic by installing (better) default scaffold styles, popular CSS grid frameworks and jQuery.
|
|
22
22
|
email:
|
|
23
23
|
- stakes@jaystakelon.com
|
|
24
24
|
executables: []
|
|
@@ -63,6 +63,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
63
63
|
requirements:
|
|
64
64
|
- - ">="
|
|
65
65
|
- !ruby/object:Gem::Version
|
|
66
|
+
hash: 3
|
|
66
67
|
segments:
|
|
67
68
|
- 0
|
|
68
69
|
version: "0"
|
|
@@ -71,6 +72,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
71
72
|
requirements:
|
|
72
73
|
- - ">="
|
|
73
74
|
- !ruby/object:Gem::Version
|
|
75
|
+
hash: 3
|
|
74
76
|
segments:
|
|
75
77
|
- 0
|
|
76
78
|
version: "0"
|