stylistic 0.0.2 → 0.1
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.
|
@@ -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"
|