avante_rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/.gitignore +4 -0
  2. data/Gemfile +4 -0
  3. data/README.md +6 -0
  4. data/Rakefile +1 -0
  5. data/avante_rails.gemspec +22 -0
  6. data/lib/avante_rails.rb +4 -0
  7. data/lib/avante_rails/engine.rb +5 -0
  8. data/lib/avante_rails/generators/USAGE +14 -0
  9. data/lib/avante_rails/generators/install.rb +20 -0
  10. data/lib/avante_rails/generators/layout.rb +26 -0
  11. data/lib/avante_rails/generators/templates/application.css +5 -0
  12. data/lib/avante_rails/generators/templates/application.html.erb +28 -0
  13. data/lib/avante_rails/generators/templates/application.html.haml +20 -0
  14. data/lib/avante_rails/version.rb +3 -0
  15. data/vendor/assets/stylesheets/avante/core/base.scss +80 -0
  16. data/vendor/assets/stylesheets/avante/core/helpers.scss +44 -0
  17. data/vendor/assets/stylesheets/avante/grid/desktop.scss +123 -0
  18. data/vendor/assets/stylesheets/avante/grid/mobile.scss +90 -0
  19. data/vendor/assets/stylesheets/avante/grid/tablet.scss +61 -0
  20. data/vendor/assets/stylesheets/avante/index.scss +17 -0
  21. data/vendor/assets/stylesheets/avante/patterns/alerts.scss +74 -0
  22. data/vendor/assets/stylesheets/avante/patterns/buttons.scss +88 -0
  23. data/vendor/assets/stylesheets/avante/patterns/forms.scss +115 -0
  24. data/vendor/assets/stylesheets/avante/patterns/markers.scss +17 -0
  25. data/vendor/assets/stylesheets/avante/patterns/pagination.scss +50 -0
  26. data/vendor/assets/stylesheets/avante/patterns/tables.scss +84 -0
  27. data/vendor/assets/stylesheets/avante/patterns/tabs.scss +129 -0
  28. data/vendor/assets/stylesheets/avante/patterns/top-bar.scss +101 -0
  29. data/vendor/assets/stylesheets/avante/support/_mixins.scss +126 -0
  30. data/vendor/assets/stylesheets/avante/vendor/normalize.scss +431 -0
  31. metadata +86 -0
@@ -0,0 +1,129 @@
1
+ @import "avante/support/mixins";
2
+
3
+ /* Tabs
4
+ ================================================== */
5
+
6
+ /* Content */
7
+
8
+ ul.tabs-content,
9
+ ul.pills-content {
10
+ margin: 0;
11
+ padding: 0 10px;
12
+ display: block;
13
+ }
14
+
15
+ ul.tabs-content>li,
16
+ ul.pills-content>li { display:none; }
17
+
18
+ ul.tabs-content>li.active,
19
+ ul.pills-content>li.active { display: block; }
20
+
21
+ /* Classic */
22
+
23
+ .tabs {
24
+ display: block;
25
+ margin: 0 0 20px 0;
26
+ padding: 0;
27
+ height: 30px;
28
+ border-bottom: solid 1px #ddd;
29
+
30
+ li {
31
+ display: block;
32
+ width: auto;
33
+ height: 30px;
34
+ line-height: 30px;
35
+ float: left;
36
+ color: #999;
37
+ cursor: default;
38
+ margin: 0;
39
+
40
+ a {
41
+ display: block;
42
+ width: auto;
43
+ height: 29px;
44
+ padding: 0 9px;
45
+ line-height: 30px;
46
+ border: solid 1px #ddd;
47
+ margin: 0 -1px 0 0;
48
+ color: #555;
49
+ background: #eee;
50
+ }
51
+
52
+ a:hover { background: #F7F7F7; }
53
+ }
54
+
55
+ li.active a {
56
+ background: #fff;
57
+ border-width: 1px 1px 0 1px;
58
+ height: 30px;
59
+ cursor: default;
60
+ }
61
+
62
+ li.active a:hover { background: #FFF; }
63
+
64
+ }
65
+
66
+ /* Vertical */
67
+
68
+ ul.tabs.vertical {
69
+ height: auto;
70
+
71
+ li { float: none; height: auto; }
72
+
73
+ li a {
74
+ display: block;
75
+ width: auto;
76
+ height: auto;
77
+ padding: 15px 20px;
78
+ line-height: 1;
79
+ border: solid 0 #EBEBEB;
80
+ border-width: 1px 1px 0;
81
+ margin: 0;
82
+ color: #555;
83
+ background: #FFF;
84
+ }
85
+
86
+ li.active a {
87
+ height: auto;
88
+ margin: 0;
89
+ background: #00A6FC;
90
+ border: 1px solid #00A6FC;
91
+ color: #FFF;
92
+ }
93
+ }
94
+
95
+ /* Contained Tabs */
96
+
97
+ ul.contained { margin-bottom: 0; }
98
+ ul.contained.tabs li a { padding: 0 14px; }
99
+
100
+ ul.contained.tabs-content { padding: 0; }
101
+ ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
102
+
103
+ /* Pills */
104
+
105
+ .pills {
106
+ @extend .tabs;
107
+ border-bottom: none;
108
+
109
+ li {
110
+ a {
111
+ margin: 5px 3px 5px 0;
112
+ padding: 0 15px;
113
+ line-height: 30px;
114
+ text-shadow: 0 1px 1px #ffffff;
115
+ background: #FFF;
116
+ border: inherit;
117
+ @include border-radius(15px);
118
+ }
119
+
120
+ a:hover { color: #555; }
121
+ }
122
+
123
+ li.active a, li.active a:hover {
124
+ color: #ffffff;
125
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
126
+ background-color: #00A6FC;
127
+ }
128
+
129
+ }
@@ -0,0 +1,101 @@
1
+ @import "avante/support/mixins";
2
+
3
+ /* Menu
4
+ ================================================== */
5
+
6
+ .top-bar {
7
+ height: 45px;
8
+ line-height: 45px;
9
+ background-color: #333;
10
+ color: #ffffff;
11
+ text-decoration: none;
12
+
13
+ .logo {
14
+ margin: 10px;
15
+ color: #ffffff;
16
+ font-size: 20px;
17
+ font-weight: 200;
18
+ line-height: 1;
19
+ }
20
+
21
+ a.logo { color: #FFF; }
22
+
23
+ /* navigation */
24
+
25
+ .nav-bar {
26
+ height: 45px;
27
+ margin: 0;
28
+ padding: 0;
29
+ }
30
+
31
+ /* primary items */
32
+
33
+ .nav-bar > li {
34
+ float: left;
35
+ display: inline-block;
36
+ position: relative;
37
+ padding: 0;
38
+ margin: 0;
39
+ border-left: 1px solid #535353;
40
+ line-height: 45px;
41
+ }
42
+
43
+ .nav-bar > li:last-child { border-right: 1px solid #535353; }
44
+
45
+ .nav-bar > li > a {
46
+ position: relative;
47
+ padding: 0 20px;
48
+ display: block;
49
+ text-decoration: none;
50
+ color: #808080;
51
+ }
52
+
53
+ .nav-bar > li.current > a { color: #FFF; }
54
+ .nav-bar > li:hover > a { z-index: 2; color: #FFF; }
55
+ .nav-bar > li:hover > a:after { border-top-color: #ccc; }
56
+
57
+ /* inputs and nested items */
58
+
59
+ .nav-bar > li > input { margin: 0 16px; }
60
+ .nav-bar > li ul { margin-bottom: 0; }
61
+ .nav-bar > li li { line-height: 1.3; }
62
+
63
+ /* fly-outs*/
64
+ .nav-bar > li.has-flyout > a { padding-right: 36px; }
65
+ .nav-bar > li.has-flyout > a:after {
66
+ content: "";
67
+ width: 0;
68
+ height: 0;
69
+ border-left: 4px solid transparent;
70
+ border-right: 4px solid transparent;
71
+ border-top: 4px solid #747474;
72
+ display: block;
73
+ position: absolute;
74
+ right: 18px;
75
+ bottom: 20px;
76
+ }
77
+
78
+ .nav-bar > li .flyout { display: none; }
79
+ .nav-bar > li:hover .flyout { display: block; }
80
+
81
+ .flyout {
82
+ background: #fff;
83
+ margin: 0;
84
+ padding: 10px;
85
+ border: 1px solid #ddd;
86
+ position: absolute;
87
+ top: 45px;
88
+ width: 400px;
89
+ z-index: 10;
90
+ color: #000;
91
+ line-height: 20px;
92
+
93
+ h1, h2, h3, h4, h5, h6 { margin: 5px 0; }
94
+
95
+ &.small { width: 200px; }
96
+ &.large { width: 600px; float: none; }
97
+ &.right { left: auto; right: 0; float: none; }
98
+ p:last-child { margin-bottom: 0; }
99
+ }
100
+
101
+ }
@@ -0,0 +1,126 @@
1
+ /* Mixins
2
+ ================================================== */
3
+
4
+ @mixin placeholder-color($color: $grayLight) {
5
+ :-moz-placeholder { color: $color; }
6
+ ::-webkit-input-placeholder { color: $color; }
7
+ }
8
+
9
+ // Border Radius
10
+
11
+ @mixin border-radius($radius: 5px) {
12
+ -webkit-border-radius: $radius;
13
+ -moz-border-radius: $radius;
14
+ border-radius: $radius;
15
+ }
16
+
17
+ // Drop shadows (purposely supporting only two shadows)
18
+
19
+ @mixin box-shadow($shadow-1: 0 1px 3px rgba(0,0,0,.25), $shadow-2: false) {
20
+
21
+ @if $shadow-2 {
22
+ -webkit-box-shadow: $shadow-1, $shadow-2;
23
+ -moz-box-shadow: $shadow-1, $shadow-2;
24
+ box-shadow: $shadow-1, $shadow-2;
25
+ } @else {
26
+ -webkit-box-shadow: $shadow-1;
27
+ -moz-box-shadow: $shadow-1;
28
+ box-shadow: $shadow-1;
29
+ }
30
+
31
+ }
32
+
33
+ // Transitions
34
+
35
+ @mixin transition($transition) {
36
+ -webkit-transition: $transition;
37
+ -moz-transition: $transition;
38
+ -ms-transition: $transition;
39
+ -o-transition: $transition;
40
+ transition: $transition;
41
+ }
42
+
43
+ // Background clipping
44
+
45
+ @mixin background-clip($clip) {
46
+ -webkit-background-clip: $clip;
47
+ -moz-background-clip: $clip;
48
+ background-clip: $clip;
49
+ }
50
+
51
+ // CSS3 Content Columns
52
+
53
+ @mixin content-columns($columnCount, $columnGap: 20px) {
54
+ -webkit-column-count: $columnCount;
55
+ -moz-column-count: $columnCount;
56
+ column-count: $columnCount;
57
+
58
+ -webkit-column-gap: $columnGap;
59
+ -moz-column-gap: $columnGap;
60
+ column-gap: $columnGap;
61
+ }
62
+
63
+ // Gradients
64
+
65
+ @mixin gradient-horizontal ($startColor: #555, $endColor: #333) {
66
+ background-color: $endColor;
67
+ background-repeat: repeat-x;
68
+ background-image: -khtml-gradient(linear, left top, right top, from($startColor), to($endColor)); // Konqueror
69
+ background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
70
+ background-image: -ms-linear-gradient(left, $startColor, $endColor); // IE10
71
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
72
+ background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
73
+ background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
74
+ background-image: linear-gradient(left, $startColor, $endColor); // Le standard
75
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor, GradientType=1); // IE9 and down
76
+ }
77
+
78
+ @mixin gradient-vertical ($startColor: #555, $endColor: #333) {
79
+ background-color: $endColor;
80
+ background-repeat: repeat-x;
81
+ background-image: -khtml-gradient(linear, left top, left bottom, from($startColor), to($endColor)); // Konqueror
82
+ background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
83
+ background-image: -ms-linear-gradient(top, $startColor, $endColor); // IE10
84
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
85
+ background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
86
+ background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
87
+ background-image: linear-gradient(top, $startColor, $endColor); // The standard
88
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor, GradientType=0); // IE9 and down
89
+ }
90
+
91
+ @mixin gradient-directional ($startColor: #555, $endColor: #333, $deg: 45deg) {
92
+ background-color: $endColor;
93
+ background-repeat: repeat-x;
94
+ background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
95
+ background-image: -ms-linear-gradient($deg, $startColor, $endColor); // IE10
96
+ background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
97
+ background-image: -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
98
+ background-image: linear-gradient($deg, $startColor, $endColor); // The standard
99
+ }
100
+
101
+ @mixin gradient-vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
102
+ background-color: $endColor;
103
+ background-repeat: no-repeat;
104
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor));
105
+ background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor);
106
+ background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor);
107
+ background-image: -ms-linear-gradient($startColor, $midColor $colorStop, $endColor);
108
+ background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
109
+ background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
110
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor, GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
111
+ }
112
+
113
+ // Reset filters for IE
114
+
115
+ @mixin reset-filter {
116
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
117
+ }
118
+
119
+ // Opacity
120
+
121
+ @mixin opacity($opacity: 100) {
122
+ filter: alpha(opacity=$opacity);
123
+ -khtml-opacity: $opacity / 100;
124
+ -moz-opacity: $opacity / 100;
125
+ opacity: $opacity / 100;
126
+ }
@@ -0,0 +1,431 @@
1
+ /*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
2
+
3
+ /* =============================================================================
4
+ HTML5 display definitions
5
+ ========================================================================== */
6
+
7
+ /*
8
+ * Corrects block display not defined in IE6/7/8/9 & FF3
9
+ */
10
+
11
+ article,
12
+ aside,
13
+ details,
14
+ figcaption,
15
+ figure,
16
+ footer,
17
+ header,
18
+ hgroup,
19
+ nav,
20
+ section {
21
+ display: block;
22
+ }
23
+
24
+ /*
25
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
26
+ */
27
+
28
+ audio,
29
+ canvas,
30
+ video {
31
+ display: inline-block;
32
+ *display: inline;
33
+ *zoom: 1;
34
+ }
35
+
36
+ /*
37
+ * Prevents modern browsers from displaying 'audio' without controls
38
+ */
39
+
40
+ audio:not([controls]) {
41
+ display: none;
42
+ }
43
+
44
+ /*
45
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
46
+ * Known issue: no IE6 support
47
+ */
48
+
49
+ [hidden] {
50
+ display: none;
51
+ }
52
+
53
+
54
+ /* =============================================================================
55
+ Base
56
+ ========================================================================== */
57
+
58
+ /*
59
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
60
+ * http://clagnut.com/blog/348/#c790
61
+ * 2. Keeps page centred in all browsers regardless of content height
62
+ * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
63
+ * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
64
+ */
65
+
66
+ html {
67
+ font-size: 100%; /* 1 */
68
+ overflow-y: scroll; /* 2 */
69
+ -webkit-text-size-adjust: 100%; /* 3 */
70
+ -ms-text-size-adjust: 100%; /* 3 */
71
+ }
72
+
73
+ /*
74
+ * Addresses margins handled incorrectly in IE6/7
75
+ */
76
+
77
+ body {
78
+ margin: 0;
79
+ }
80
+
81
+ /*
82
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
83
+ */
84
+
85
+ body,
86
+ button,
87
+ input,
88
+ select,
89
+ textarea {
90
+ font-family: sans-serif;
91
+ }
92
+
93
+
94
+ /* =============================================================================
95
+ Links
96
+ ========================================================================== */
97
+
98
+ /*
99
+ * Addresses outline displayed oddly in Chrome
100
+ */
101
+
102
+ a:focus {
103
+ outline: thin dotted;
104
+ }
105
+
106
+ /*
107
+ * Improves readability when focused and also mouse hovered in all browsers
108
+ * people.opera.com/patrickl/experiments/keyboard/test
109
+ */
110
+
111
+ a:hover,
112
+ a:active {
113
+ outline: 0;
114
+ }
115
+
116
+
117
+ /* =============================================================================
118
+ Typography
119
+ ========================================================================== */
120
+
121
+ /*
122
+ * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
123
+ */
124
+
125
+ h1 {
126
+ font-size: 2em;
127
+ }
128
+
129
+ /*
130
+ * Addresses styling not present in IE7/8/9, S5, Chrome
131
+ */
132
+
133
+ abbr[title] {
134
+ border-bottom: 1px dotted;
135
+ }
136
+
137
+ /*
138
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
139
+ */
140
+
141
+ b,
142
+ strong {
143
+ font-weight: bold;
144
+ }
145
+
146
+ blockquote {
147
+ margin: 1em 40px;
148
+ }
149
+
150
+ /*
151
+ * Addresses styling not present in S5, Chrome
152
+ */
153
+
154
+ dfn {
155
+ font-style: italic;
156
+ }
157
+
158
+ /*
159
+ * Addresses styling not present in IE6/7/8/9
160
+ */
161
+
162
+ mark {
163
+ background: #ff0;
164
+ color: #000;
165
+ }
166
+
167
+ /*
168
+ * Corrects font family set oddly in IE6, S4/5, Chrome
169
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
170
+ */
171
+
172
+ pre,
173
+ code,
174
+ kbd,
175
+ samp {
176
+ font-family: monospace, serif;
177
+ _font-family: 'courier new', monospace;
178
+ font-size: 1em;
179
+ }
180
+
181
+ /*
182
+ * Improves readability of pre-formatted text in all browsers
183
+ */
184
+
185
+ pre {
186
+ white-space: pre;
187
+ white-space: pre-wrap;
188
+ word-wrap: break-word;
189
+ }
190
+
191
+ /*
192
+ * 1. Addresses CSS quotes not supported in IE6/7
193
+ * 2. Addresses quote property not supported in S4
194
+ */
195
+
196
+ /* 1 */
197
+
198
+ q {
199
+ quotes: none;
200
+ }
201
+
202
+ /* 2 */
203
+
204
+ q:before,
205
+ q:after {
206
+ content: '';
207
+ content: none;
208
+ }
209
+
210
+ small {
211
+ font-size: 75%;
212
+ }
213
+
214
+ /*
215
+ * Prevents sub and sup affecting line-height in all browsers
216
+ * gist.github.com/413930
217
+ */
218
+
219
+ sub,
220
+ sup {
221
+ font-size: 75%;
222
+ line-height: 0;
223
+ position: relative;
224
+ vertical-align: baseline;
225
+ }
226
+
227
+ sup {
228
+ top: -0.5em;
229
+ }
230
+
231
+ sub {
232
+ bottom: -0.25em;
233
+ }
234
+
235
+
236
+ /* =============================================================================
237
+ Lists
238
+ ========================================================================== */
239
+
240
+ ul,
241
+ ol {
242
+ margin-left: 0;
243
+ padding: 0 0 0 40px;
244
+ }
245
+
246
+ dd {
247
+ margin: 0 0 0 40px;
248
+ }
249
+
250
+ nav ul,
251
+ nav ol {
252
+ list-style: none;
253
+ list-style-image: none;
254
+ }
255
+
256
+
257
+ /* =============================================================================
258
+ Embedded content
259
+ ========================================================================== */
260
+
261
+ /*
262
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
263
+ * 2. Improves image quality when scaled in IE7
264
+ * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
265
+ */
266
+
267
+ img {
268
+ border: 0; /* 1 */
269
+ -ms-interpolation-mode: bicubic; /* 2 */
270
+ }
271
+
272
+ /*
273
+ * Corrects overflow displayed oddly in IE9
274
+ */
275
+
276
+ svg:not(:root) {
277
+ overflow: hidden;
278
+ }
279
+
280
+
281
+ /* =============================================================================
282
+ Figures
283
+ ========================================================================== */
284
+
285
+ /*
286
+ * Addresses margin not present in IE6/7/8/9, S5, O11
287
+ */
288
+
289
+ figure {
290
+ margin: 0;
291
+ }
292
+
293
+
294
+ /* =============================================================================
295
+ Forms
296
+ ========================================================================== */
297
+
298
+ /*
299
+ * Corrects margin displayed oddly in IE6/7
300
+ */
301
+
302
+ form {
303
+ margin: 0;
304
+ }
305
+
306
+ /*
307
+ * Define consistent border, margin, and padding
308
+ */
309
+
310
+ fieldset {
311
+ border: 1px solid #c0c0c0;
312
+ margin: 0 2px;
313
+ padding: 0.35em 0.625em 0.75em;
314
+ }
315
+
316
+ /*
317
+ * 1. Corrects color not being inherited in IE6/7/8/9
318
+ * 2. Corrects alignment displayed oddly in IE6/7
319
+ */
320
+
321
+ legend {
322
+ border: 0; /* 1 */
323
+ *margin-left: -7px; /* 2 */
324
+ }
325
+
326
+ /*
327
+ * 1. Corrects font size not being inherited in all browsers
328
+ * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
329
+ * 3. Improves appearance and consistency in all browsers
330
+ */
331
+
332
+ button,
333
+ input,
334
+ select,
335
+ textarea {
336
+ font-size: 100%; /* 1 */
337
+ margin: 0; /* 2 */
338
+ vertical-align: baseline; /* 3 */
339
+ *vertical-align: middle; /* 3 */
340
+ }
341
+
342
+ /*
343
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
344
+ */
345
+
346
+ button,
347
+ input {
348
+ line-height: normal; /* 1 */
349
+ }
350
+
351
+ /*
352
+ * 1. Improves usability and consistency of cursor style between image-type 'input' and others
353
+ * 2. Corrects inability to style clickable 'input' types in iOS
354
+ * 3. Removes inner spacing in IE7 without affecting normal text inputs
355
+ * Known issue: inner spacing remains in IE6
356
+ */
357
+
358
+ button,
359
+ input[type="button"],
360
+ input[type="reset"],
361
+ input[type="submit"] {
362
+ cursor: pointer; /* 1 */
363
+ -webkit-appearance: button; /* 2 */
364
+ *overflow: visible; /* 3 */
365
+ }
366
+
367
+ /*
368
+ * 1. Addresses box sizing set to content-box in IE8/9
369
+ * 2. Removes excess padding in IE8/9
370
+ */
371
+
372
+ input[type="checkbox"],
373
+ input[type="radio"] {
374
+ box-sizing: border-box; /* 1 */
375
+ padding: 0; /* 2 */
376
+ }
377
+
378
+ /*
379
+ * 1. Addresses appearance set to searchfield in S5, Chrome
380
+ * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
381
+ */
382
+
383
+ input[type="search"] {
384
+ -webkit-appearance: textfield; /* 1 */
385
+ -moz-box-sizing: content-box;
386
+ -webkit-box-sizing: content-box; /* 2 */
387
+ box-sizing: content-box;
388
+ }
389
+
390
+ /*
391
+ * Removes inner padding that is displayed in S5, Chrome on OS X
392
+ */
393
+
394
+ input[type="search"]::-webkit-search-decoration {
395
+ -webkit-appearance: none;
396
+ }
397
+
398
+ /*
399
+ * Removes inner padding and border in FF3+
400
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
401
+ */
402
+
403
+ button::-moz-focus-inner,
404
+ input::-moz-focus-inner {
405
+ border: 0;
406
+ padding: 0;
407
+ }
408
+
409
+ /*
410
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
411
+ * 2. Improves readability and alignment in all browsers
412
+ */
413
+
414
+ textarea {
415
+ overflow: auto; /* 1 */
416
+ vertical-align: top; /* 2 */
417
+ }
418
+
419
+
420
+ /* =============================================================================
421
+ Tables
422
+ ========================================================================== */
423
+
424
+ /*
425
+ * Remove most spacing between table cells
426
+ */
427
+
428
+ table {
429
+ border-collapse: collapse;
430
+ border-spacing: 0;
431
+ }