edge_framework 0.0.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.
- checksums.yaml +15 -0
- data/.gitattributes +22 -0
- data/.gitignore +243 -0
- data/Gemfile +4 -0
- data/Gemfile.lock +38 -0
- data/LICENSE.txt +22 -0
- data/README.md +33 -0
- data/Rakefile +7 -0
- data/assets/js/edge/edge.collect.js +57 -0
- data/assets/js/edge/edge.handlebars.js +7 -0
- data/assets/js/edge/edge.ie8.js +24 -0
- data/assets/js/edge/edge.notification.js +0 -0
- data/assets/js/edge/layout.js +10 -0
- data/assets/js/edge/prototype.js +6 -0
- data/assets/js/edge.js +233 -0
- data/assets/js/edge.min.js +1 -0
- data/assets/sass/edge/_base.scss +295 -0
- data/assets/sass/edge/_components.scss +9 -0
- data/assets/sass/edge/_helpers.scss +2 -0
- data/assets/sass/edge/components/_block_grid.scss +99 -0
- data/assets/sass/edge/components/_form.scss +15 -0
- data/assets/sass/edge/components/_grid.scss +301 -0
- data/assets/sass/edge/components/_main.scss +133 -0
- data/assets/sass/edge/components/_normalize.scss +49 -0
- data/assets/sass/edge/components/_palette.scss +24 -0
- data/assets/sass/edge/components/_print.scss +71 -0
- data/assets/sass/edge/components/_typography.scss +4 -0
- data/assets/sass/edge/components/_visibility.scss +64 -0
- data/assets/sass/edge/helpers/_sprites.scss +82 -0
- data/assets/sass/edge/helpers/_sticky-footer.scss +41 -0
- data/assets/sass/edge.scss +9 -0
- data/bin/edge +13 -0
- data/edge.gemspec +26 -0
- data/lib/edge/console.rb +10 -0
- data/lib/edge/engine.rb +16 -0
- data/lib/edge/version.rb +3 -0
- data/lib/edge_framework.rb +22 -0
- data/site/Gemfile +4 -0
- data/site/assets/css/app.css +24 -0
- data/site/assets/css/edge.css +423 -0
- data/site/assets/css/normalize.min.css +51 -0
- data/site/assets/css/sh/shCoreDefault.css +328 -0
- data/site/assets/img/dummy/001.jpg +0 -0
- data/site/assets/img/dummy/002.jpg +0 -0
- data/site/assets/img/dummy/003.jpg +0 -0
- data/site/assets/img/dummy/004.jpg +0 -0
- data/site/assets/img/dummy/005.jpg +0 -0
- data/site/assets/img/dummy/006.jpg +0 -0
- data/site/assets/img/dummy/007.jpg +0 -0
- data/site/assets/img/dummy/008.jpg +0 -0
- data/site/assets/img/dummy/009.jpg +0 -0
- data/site/assets/img/dummy/025.jpg +0 -0
- data/site/assets/img/favicon-big.png +0 -0
- data/site/assets/img/favicon.png +0 -0
- data/site/assets/img/icons/bulbasaur.png +0 -0
- data/site/assets/img/icons/charizard.png +0 -0
- data/site/assets/img/icons/charmander.png +0 -0
- data/site/assets/img/icons/charmeleon.png +0 -0
- data/site/assets/img/icons/ivysaur.png +0 -0
- data/site/assets/img/icons/squirtle.png +0 -0
- data/site/assets/img/icons/venusaur.png +0 -0
- data/site/assets/img/icons-se85c66def2.png +0 -0
- data/site/assets/img/icons@2x/bulbasaur.png +0 -0
- data/site/assets/img/icons@2x/charizard.png +0 -0
- data/site/assets/img/icons@2x/charmander.png +0 -0
- data/site/assets/img/icons@2x/charmeleon.png +0 -0
- data/site/assets/img/icons@2x/ivysaur.png +0 -0
- data/site/assets/img/icons@2x/squirtle.png +0 -0
- data/site/assets/img/icons@2x/venusaur.png +0 -0
- data/site/assets/img/icons@2x-sf605bc03f7.png +0 -0
- data/site/assets/js/app.js +0 -0
- data/site/assets/js/sh/shBrushCss.js +91 -0
- data/site/assets/js/sh/shBrushJScript.js +52 -0
- data/site/assets/js/sh/shBrushPhp.js +88 -0
- data/site/assets/js/sh/shBrushRuby.js +55 -0
- data/site/assets/js/sh/shBrushSass.js +94 -0
- data/site/assets/js/sh/shCore.js +17 -0
- data/site/assets/js/vendor/custom.modernizr.js +4 -0
- data/site/assets/js/vendor/handlebars.js +2239 -0
- data/site/assets/js/vendor/handlebars.min.js +2 -0
- data/site/assets/js/vendor/jquery.js +6 -0
- data/site/assets/sass/_setting.scss +50 -0
- data/site/assets/sass/app.scss +52 -0
- data/site/assets/sass/edge.scss +3 -0
- data/site/config.rb +23 -0
- data/site/config.ru +12 -0
- data/site/start.rb +20 -0
- data/site/views/docs/block_grid.erb +36 -0
- data/site/views/docs/grid.erb +147 -0
- data/site/views/form.html +114 -0
- data/site/views/index.erb +10 -0
- data/site/views/layout.erb +61 -0
- data/site/views/partials/_sidebar.erb +4 -0
- data/template/base/assets/img/favicon.ico +0 -0
- data/template/base/assets/js/app.js +3 -0
- data/template/base/assets/js/vendor/custom.modernizr.js +4 -0
- data/template/base/assets/js/vendor/jquery.min.js +6 -0
- data/template/base/assets/sass/_setting.scss +50 -0
- data/template/base/assets/sass/app.scss +4 -0
- data/template/base/assets/sass/edge.scss +3 -0
- data/template/base/config.rb +14 -0
- data/template/html/index.html +35 -0
- data/template/php/index.php +5 -0
- data/template/php/partials/_footer.php +15 -0
- data/template/php/partials/_header.php +17 -0
- metadata +233 -0
@@ -0,0 +1,423 @@
|
|
1
|
+
/* ---------------------------
|
2
|
+
Normalize | git.io/normalize
|
3
|
+
------------------------------ */
|
4
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
|
5
|
+
|
6
|
+
audio, canvas, video { display: inline-block; }
|
7
|
+
|
8
|
+
audio:not([controls]) { display: none; height: 0; }
|
9
|
+
|
10
|
+
[hidden] { display: none; }
|
11
|
+
|
12
|
+
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
13
|
+
|
14
|
+
body { margin: 0; }
|
15
|
+
|
16
|
+
a:focus { outline: thin dotted; }
|
17
|
+
|
18
|
+
a:active, a:hover { outline: 0; }
|
19
|
+
|
20
|
+
h1 { font-size: 2em; margin: 0.67em 0; }
|
21
|
+
|
22
|
+
abbr[title] { border-bottom: 1px dotted; }
|
23
|
+
|
24
|
+
b, strong { font-weight: bold; }
|
25
|
+
|
26
|
+
dfn { font-style: italic; }
|
27
|
+
|
28
|
+
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
|
29
|
+
|
30
|
+
mark { background: #ff0; color: #000; }
|
31
|
+
|
32
|
+
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
|
33
|
+
|
34
|
+
pre { white-space: pre-wrap; }
|
35
|
+
|
36
|
+
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
|
37
|
+
|
38
|
+
small { font-size: 80%; }
|
39
|
+
|
40
|
+
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
41
|
+
|
42
|
+
sup { top: -0.5em; }
|
43
|
+
|
44
|
+
sub { bottom: -0.25em; }
|
45
|
+
|
46
|
+
img { border: 0; }
|
47
|
+
|
48
|
+
svg:not(:root) { overflow: hidden; }
|
49
|
+
|
50
|
+
figure { margin: 0; }
|
51
|
+
|
52
|
+
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
|
53
|
+
|
54
|
+
legend { border: 0; padding: 0; }
|
55
|
+
|
56
|
+
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
|
57
|
+
|
58
|
+
button, input { line-height: normal; }
|
59
|
+
|
60
|
+
button, select { text-transform: none; }
|
61
|
+
|
62
|
+
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
|
63
|
+
|
64
|
+
button[disabled], html input[disabled] { cursor: default; }
|
65
|
+
|
66
|
+
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
|
67
|
+
|
68
|
+
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
|
69
|
+
|
70
|
+
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
71
|
+
|
72
|
+
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
|
73
|
+
|
74
|
+
textarea { overflow: auto; vertical-align: top; }
|
75
|
+
|
76
|
+
table { border-collapse: collapse; border-spacing: 0; }
|
77
|
+
|
78
|
+
/* ------------------
|
79
|
+
EDGE Boilerplate
|
80
|
+
--------------------- */
|
81
|
+
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
82
|
+
|
83
|
+
html, body { font-size: 16px; }
|
84
|
+
|
85
|
+
body { position: relative; background: white; color: #222222; padding: 0; margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; }
|
86
|
+
|
87
|
+
h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", "Helvetica", Helvetica, Arial, sans-serif; }
|
88
|
+
|
89
|
+
p { line-height: 1.5; margin-top: 0; margin-bottom: 0; }
|
90
|
+
|
91
|
+
hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; }
|
92
|
+
|
93
|
+
a:focus { outline: none; }
|
94
|
+
|
95
|
+
h1 { margin: 0; }
|
96
|
+
|
97
|
+
fieldset { border: 0; margin: 0; padding: 0; }
|
98
|
+
|
99
|
+
img, object, embed { max-width: 100%; height: auto; }
|
100
|
+
|
101
|
+
object, embed { height: 100%; }
|
102
|
+
|
103
|
+
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
|
104
|
+
|
105
|
+
textarea { resize: vertical; height: auto; min-height: 50px; }
|
106
|
+
|
107
|
+
select { width: 100%; }
|
108
|
+
|
109
|
+
img { display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; }
|
110
|
+
|
111
|
+
body { -webkit-animation: bugfix infinite 1s; }
|
112
|
+
|
113
|
+
@-webkit-keyframes bugfix { from { padding: 0; }
|
114
|
+
to { padding: 0; } }
|
115
|
+
|
116
|
+
/* Miscellaneous useful HTML classes */
|
117
|
+
.left { float: left !important; }
|
118
|
+
|
119
|
+
.right { float: right !important; }
|
120
|
+
|
121
|
+
.text-left { text-align: left !important; }
|
122
|
+
|
123
|
+
.text-right { text-align: right !important; }
|
124
|
+
|
125
|
+
.text-center { text-align: center !important; }
|
126
|
+
|
127
|
+
.text-justify { text-align: justify !important; }
|
128
|
+
|
129
|
+
.hide { display: none !important; visibility: hidden !important; }
|
130
|
+
|
131
|
+
.visual-hide { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
|
132
|
+
|
133
|
+
.bold, b, strong { font-weight: 700 !important; }
|
134
|
+
|
135
|
+
.italic, em { font-style: italic !important; }
|
136
|
+
|
137
|
+
.antialiased { -webkit-font-smoothing: antialiased; }
|
138
|
+
|
139
|
+
/* ---------------
|
140
|
+
EDGE Grid
|
141
|
+
--------------- */
|
142
|
+
body.not-responsive { min-width: 71.25em; }
|
143
|
+
body.only-responsive-below-small { min-width: 71.25em; }
|
144
|
+
@media only screen and (max-width: 47.9375em) { body.only-responsive-below-small { min-width: 0; } }
|
145
|
+
|
146
|
+
.row { zoom: 1; width: 100%; max-width: 71.25em; margin: 0 auto; }
|
147
|
+
.row:before, .row:after { content: " "; display: table; }
|
148
|
+
.row:after { clear: both; }
|
149
|
+
.row .column, .row .columns { position: relative; margin-right: 2.19298%; float: left; }
|
150
|
+
.row .column:last-child, .row .columns:last-child { margin-right: 0; }
|
151
|
+
.row .column.last, .row .columns.last { margin-right: 0 !important; }
|
152
|
+
.row .large-1 { width: 6.3231%; }
|
153
|
+
.row .large-2 { width: 14.83918%; }
|
154
|
+
.row .large-3 { width: 23.35526%; }
|
155
|
+
.row .large-4 { width: 31.87135%; }
|
156
|
+
.row .large-5 { width: 40.38743%; }
|
157
|
+
.row .large-6 { width: 48.90351%; }
|
158
|
+
.row .large-7 { width: 57.41959%; }
|
159
|
+
.row .large-8 { width: 65.93567%; }
|
160
|
+
.row .large-9 { width: 74.45175%; }
|
161
|
+
.row .large-10 { width: 82.96784%; }
|
162
|
+
.row .large-11 { width: 91.48392%; }
|
163
|
+
.row .large-12 { width: 100%; }
|
164
|
+
.row.collapse .column, .row.collapse .columns { padding-left: 0; padding-right: 0; margin-right: 0; float: left; }
|
165
|
+
.row.collapse .row { width: auto; max-width: none; margin: 0; }
|
166
|
+
.row.collapse .row .column, .row.collapse .row .columns { position: relative; margin-right: 2.19298%; margin-right: 0; float: left; }
|
167
|
+
.row.collapse .row .column:last-child, .row.collapse .row .columns:last-child { margin-right: 0; }
|
168
|
+
.row.collapse .large-1 { width: 8.33333%; }
|
169
|
+
.row.collapse .large-2 { width: 16.66667%; }
|
170
|
+
.row.collapse .large-3 { width: 25%; }
|
171
|
+
.row.collapse .large-4 { width: 33.33333%; }
|
172
|
+
.row.collapse .large-5 { width: 41.66667%; }
|
173
|
+
.row.collapse .large-6 { width: 50%; }
|
174
|
+
.row.collapse .large-7 { width: 58.33333%; }
|
175
|
+
.row.collapse .large-8 { width: 66.66667%; }
|
176
|
+
.row.collapse .large-9 { width: 75%; }
|
177
|
+
.row.collapse .large-10 { width: 83.33333%; }
|
178
|
+
.row.collapse .large-11 { width: 91.66667%; }
|
179
|
+
.row.collapse .large-12 { width: 100%; }
|
180
|
+
.row .row { width: auto; max-width: none; margin-left: 0; margin-right: 0; }
|
181
|
+
.row .large-offset-1 { margin-left: 8.33333%; }
|
182
|
+
.row .large-offset-2 { margin-left: 16.66667%; }
|
183
|
+
.row .large-offset-3 { margin-left: 25%; }
|
184
|
+
.row .large-offset-4 { margin-left: 33.33333%; }
|
185
|
+
.row .large-offset-5 { margin-left: 41.66667%; }
|
186
|
+
.row .large-offset-6 { margin-left: 50%; }
|
187
|
+
.row .large-offset-7 { margin-left: 58.33333%; }
|
188
|
+
.row .large-offset-8 { margin-left: 66.66667%; }
|
189
|
+
.row .large-offset-9 { margin-left: 75%; }
|
190
|
+
.row .large-offset-10 { margin-left: 83.33333%; }
|
191
|
+
|
192
|
+
.column.large-centered, .columns.large-centered { margin-left: auto !important; margin-right: auto !important; float: none !important; }
|
193
|
+
|
194
|
+
.row .push-2 { left: 17.03216%; right: auto; }
|
195
|
+
.row .pull-2 { right: 17.03216%; left: auto; }
|
196
|
+
.row.collapse .push-2 { margin-right: 0; left: 16.66667%; right: auto; }
|
197
|
+
.row.collapse .pull-2 { margin-right: 0; right: 16.66667%; left: auto; }
|
198
|
+
|
199
|
+
.row .push-3 { left: 25.54825%; right: auto; }
|
200
|
+
.row .pull-3 { right: 25.54825%; left: auto; }
|
201
|
+
.row.collapse .push-3 { margin-right: 0; left: 25%; right: auto; }
|
202
|
+
.row.collapse .pull-3 { margin-right: 0; right: 25%; left: auto; }
|
203
|
+
|
204
|
+
.row .push-4 { left: 34.06433%; right: auto; }
|
205
|
+
.row .pull-4 { right: 34.06433%; left: auto; }
|
206
|
+
.row.collapse .push-4 { margin-right: 0; left: 33.33333%; right: auto; }
|
207
|
+
.row.collapse .pull-4 { margin-right: 0; right: 33.33333%; left: auto; }
|
208
|
+
|
209
|
+
.row .push-5 { left: 42.58041%; right: auto; }
|
210
|
+
.row .pull-5 { right: 42.58041%; left: auto; }
|
211
|
+
.row.collapse .push-5 { margin-right: 0; left: 41.66667%; right: auto; }
|
212
|
+
.row.collapse .pull-5 { margin-right: 0; right: 41.66667%; left: auto; }
|
213
|
+
|
214
|
+
.row .push-6 { left: 51.09649%; right: auto; }
|
215
|
+
.row .pull-6 { right: 51.09649%; left: auto; }
|
216
|
+
.row.collapse .push-6 { margin-right: 0; left: 50%; right: auto; }
|
217
|
+
.row.collapse .pull-6 { margin-right: 0; right: 50%; left: auto; }
|
218
|
+
|
219
|
+
.row .push-7 { left: 59.61257%; right: auto; }
|
220
|
+
.row .pull-7 { right: 59.61257%; left: auto; }
|
221
|
+
.row.collapse .push-7 { margin-right: 0; left: 58.33333%; right: auto; }
|
222
|
+
.row.collapse .pull-7 { margin-right: 0; right: 58.33333%; left: auto; }
|
223
|
+
|
224
|
+
.row .push-8 { left: 68.12865%; right: auto; }
|
225
|
+
.row .pull-8 { right: 68.12865%; left: auto; }
|
226
|
+
.row.collapse .push-8 { margin-right: 0; left: 66.66667%; right: auto; }
|
227
|
+
.row.collapse .pull-8 { margin-right: 0; right: 66.66667%; left: auto; }
|
228
|
+
|
229
|
+
.row .push-9 { left: 76.64474%; right: auto; }
|
230
|
+
.row .pull-9 { right: 76.64474%; left: auto; }
|
231
|
+
.row.collapse .push-9 { margin-right: 0; left: 75%; right: auto; }
|
232
|
+
.row.collapse .pull-9 { margin-right: 0; right: 75%; left: auto; }
|
233
|
+
|
234
|
+
.row .push-10 { left: 85.16082%; right: auto; }
|
235
|
+
.row .pull-10 { right: 85.16082%; left: auto; }
|
236
|
+
.row.collapse .push-10 { margin-right: 0; left: 83.33333%; right: auto; }
|
237
|
+
.row.collapse .pull-10 { margin-right: 0; right: 83.33333%; left: auto; }
|
238
|
+
|
239
|
+
@media only screen and (min-width: 47.9375em) { .small-push-2 { left: inherit; }
|
240
|
+
.small-pull-2 { right: inherit; }
|
241
|
+
.small-push-3 { left: inherit; }
|
242
|
+
.small-pull-3 { right: inherit; }
|
243
|
+
.small-push-4 { left: inherit; }
|
244
|
+
.small-pull-4 { right: inherit; }
|
245
|
+
.small-push-5 { left: inherit; }
|
246
|
+
.small-pull-5 { right: inherit; }
|
247
|
+
.small-push-6 { left: inherit; }
|
248
|
+
.small-pull-6 { right: inherit; }
|
249
|
+
.small-push-7 { left: inherit; }
|
250
|
+
.small-pull-7 { right: inherit; }
|
251
|
+
.small-push-8 { left: inherit; }
|
252
|
+
.small-pull-8 { right: inherit; }
|
253
|
+
.small-push-9 { left: inherit; }
|
254
|
+
.small-pull-9 { right: inherit; }
|
255
|
+
.small-push-10 { left: inherit; }
|
256
|
+
.small-pull-10 { right: inherit; } }
|
257
|
+
@media only screen and (max-width: 47.9375em) { .row .column, .row .columns, .row.collapse .column, .row.collapse .columns { width: 100%; float: left; }
|
258
|
+
.row .column[class*="push"], .row .column[class*="pull"], .row .columns[class*="push"], .row .columns[class*="pull"], .row.collapse .column[class*="push"], .row.collapse .column[class*="pull"], .row.collapse .columns[class*="push"], .row.collapse .columns[class*="pull"] { left: auto; right: auto; }
|
259
|
+
.row [class*="large-offset"] { margin-left: 0; }
|
260
|
+
.row .small-1 { width: 6.3231%; }
|
261
|
+
.row .small-2 { width: 14.83918%; }
|
262
|
+
.row .small-3 { width: 23.35526%; }
|
263
|
+
.row .small-4 { width: 31.87135%; }
|
264
|
+
.row .small-5 { width: 40.38743%; }
|
265
|
+
.row .small-6 { width: 48.90351%; }
|
266
|
+
.row .small-7 { width: 57.41959%; }
|
267
|
+
.row .small-8 { width: 65.93567%; }
|
268
|
+
.row .small-9 { width: 74.45175%; }
|
269
|
+
.row .small-10 { width: 82.96784%; }
|
270
|
+
.row .small-11 { width: 91.48392%; }
|
271
|
+
.row .small-12 { width: 100%; }
|
272
|
+
.row .small-offset-1, .row.collapse .small-offset-1 { margin-left: 8.33333%; }
|
273
|
+
.row .small-offset-2, .row.collapse .small-offset-2 { margin-left: 16.66667%; }
|
274
|
+
.row .small-offset-3, .row.collapse .small-offset-3 { margin-left: 25%; }
|
275
|
+
.row .small-offset-4, .row.collapse .small-offset-4 { margin-left: 33.33333%; }
|
276
|
+
.row .small-offset-5, .row.collapse .small-offset-5 { margin-left: 41.66667%; }
|
277
|
+
.row .small-offset-6, .row.collapse .small-offset-6 { margin-left: 50%; }
|
278
|
+
.row .small-offset-7, .row.collapse .small-offset-7 { margin-left: 58.33333%; }
|
279
|
+
.row .small-offset-8, .row.collapse .small-offset-8 { margin-left: 66.66667%; }
|
280
|
+
.row .small-offset-9, .row.collapse .small-offset-9 { margin-left: 75%; }
|
281
|
+
.row .small-offset-10, .row.collapse .small-offset-10 { margin-left: 83.33333%; }
|
282
|
+
.column.small-centered, .columns.small-centered { margin-left: auto !important; margin-right: auto !important; float: none !important; } }
|
283
|
+
/* ---------------
|
284
|
+
EDGE Block Grid
|
285
|
+
--------------- */
|
286
|
+
[class*="block-grid-"] { display: block; padding: 0; zoom: 1; }
|
287
|
+
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
|
288
|
+
[class*="block-grid-"]:after { clear: both; }
|
289
|
+
[class*="block-grid-"] > li { display: block; height: auto; float: left; margin-right: 2.19298%; }
|
290
|
+
|
291
|
+
.large-block-grid-2 > li { width: 48.90351%; }
|
292
|
+
.large-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; }
|
293
|
+
.large-block-grid-2.collapse > li { width: 50%; }
|
294
|
+
|
295
|
+
.large-block-grid-3 > li { width: 31.87135%; }
|
296
|
+
.large-block-grid-3 > li:nth-of-type(3n) { margin-right: 0; }
|
297
|
+
.large-block-grid-3.collapse > li { width: 33.33333%; }
|
298
|
+
|
299
|
+
.large-block-grid-4 > li { width: 23.35526%; }
|
300
|
+
.large-block-grid-4 > li:nth-of-type(4n) { margin-right: 0; }
|
301
|
+
.large-block-grid-4.collapse > li { width: 25%; }
|
302
|
+
|
303
|
+
.large-block-grid-5 > li { width: 18.24561%; }
|
304
|
+
.large-block-grid-5 > li:nth-of-type(5n) { margin-right: 0; }
|
305
|
+
.large-block-grid-5.collapse > li { width: 20%; }
|
306
|
+
|
307
|
+
.large-block-grid-6 > li { width: 14.83918%; }
|
308
|
+
.large-block-grid-6 > li:nth-of-type(6n) { margin-right: 0; }
|
309
|
+
.large-block-grid-6.collapse > li { width: 16.66667%; }
|
310
|
+
|
311
|
+
.large-block-grid-7 > li { width: 12.40602%; }
|
312
|
+
.large-block-grid-7 > li:nth-of-type(7n) { margin-right: 0; }
|
313
|
+
.large-block-grid-7.collapse > li { width: 14.28571%; }
|
314
|
+
|
315
|
+
.large-block-grid-8 > li { width: 10.58114%; }
|
316
|
+
.large-block-grid-8 > li:nth-of-type(8n) { margin-right: 0; }
|
317
|
+
.large-block-grid-8.collapse > li { width: 12.5%; }
|
318
|
+
|
319
|
+
.large-block-grid-9 > li { width: 9.16179%; }
|
320
|
+
.large-block-grid-9 > li:nth-of-type(9n) { margin-right: 0; }
|
321
|
+
.large-block-grid-9.collapse > li { width: 11.11111%; }
|
322
|
+
|
323
|
+
.large-block-grid-10 > li { width: 8.02632%; }
|
324
|
+
.large-block-grid-10 > li:nth-of-type(10n) { margin-right: 0; }
|
325
|
+
.large-block-grid-10.collapse > li { width: 10%; }
|
326
|
+
|
327
|
+
.large-block-grid-11 > li { width: 7.09729%; }
|
328
|
+
.large-block-grid-11 > li:nth-of-type(11n) { margin-right: 0; }
|
329
|
+
.large-block-grid-11.collapse > li { width: 9.09091%; }
|
330
|
+
|
331
|
+
.large-block-grid-12 > li { width: 6.3231%; }
|
332
|
+
.large-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; }
|
333
|
+
.large-block-grid-12.collapse > li { width: 8.33333%; }
|
334
|
+
|
335
|
+
@media only screen and (max-width: 47.9375em) { [class*="small-block-grid-"] > li { clear: none !important; }
|
336
|
+
[class*="large-block-grid-"] > li:nth-child(n+1) { margin-right: 2.19298%; }
|
337
|
+
.small-block-grid-2 > li { width: 48.90351%; }
|
338
|
+
.small-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; }
|
339
|
+
.small-block-grid-2.collapse > li { width: 50%; }
|
340
|
+
.small-block-grid-3 > li { width: 31.87135%; }
|
341
|
+
.small-block-grid-3 > li:nth-of-type(3n) { margin-right: 0; }
|
342
|
+
.small-block-grid-3.collapse > li { width: 33.33333%; }
|
343
|
+
.small-block-grid-4 > li { width: 23.35526%; }
|
344
|
+
.small-block-grid-4 > li:nth-of-type(4n) { margin-right: 0; }
|
345
|
+
.small-block-grid-4.collapse > li { width: 25%; }
|
346
|
+
.small-block-grid-5 > li { width: 18.24561%; }
|
347
|
+
.small-block-grid-5 > li:nth-of-type(5n) { margin-right: 0; }
|
348
|
+
.small-block-grid-5.collapse > li { width: 20%; }
|
349
|
+
.small-block-grid-6 > li { width: 14.83918%; }
|
350
|
+
.small-block-grid-6 > li:nth-of-type(6n) { margin-right: 0; }
|
351
|
+
.small-block-grid-6.collapse > li { width: 16.66667%; }
|
352
|
+
.small-block-grid-7 > li { width: 12.40602%; }
|
353
|
+
.small-block-grid-7 > li:nth-of-type(7n) { margin-right: 0; }
|
354
|
+
.small-block-grid-7.collapse > li { width: 14.28571%; }
|
355
|
+
.small-block-grid-8 > li { width: 10.58114%; }
|
356
|
+
.small-block-grid-8 > li:nth-of-type(8n) { margin-right: 0; }
|
357
|
+
.small-block-grid-8.collapse > li { width: 12.5%; }
|
358
|
+
.small-block-grid-9 > li { width: 9.16179%; }
|
359
|
+
.small-block-grid-9 > li:nth-of-type(9n) { margin-right: 0; }
|
360
|
+
.small-block-grid-9.collapse > li { width: 11.11111%; }
|
361
|
+
.small-block-grid-10 > li { width: 8.02632%; }
|
362
|
+
.small-block-grid-10 > li:nth-of-type(10n) { margin-right: 0; }
|
363
|
+
.small-block-grid-10.collapse > li { width: 10%; }
|
364
|
+
.small-block-grid-11 > li { width: 7.09729%; }
|
365
|
+
.small-block-grid-11 > li:nth-of-type(11n) { margin-right: 0; }
|
366
|
+
.small-block-grid-11.collapse > li { width: 9.09091%; }
|
367
|
+
.small-block-grid-12 > li { width: 6.3231%; }
|
368
|
+
.small-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; }
|
369
|
+
.small-block-grid-12.collapse > li { width: 8.33333%; } }
|
370
|
+
[class*="block-grid-"].collapse { display: block; padding: 0; zoom: 1; }
|
371
|
+
[class*="block-grid-"].collapse:before, [class*="block-grid-"].collapse:after { content: " "; display: table; }
|
372
|
+
[class*="block-grid-"].collapse:after { clear: both; }
|
373
|
+
[class*="block-grid-"].collapse > li { display: block; height: auto; float: left; margin-right: 0; }
|
374
|
+
|
375
|
+
/* ------------------------------
|
376
|
+
H5BP PRINT
|
377
|
+
- Style for printing the website
|
378
|
+
--------------------------------- */
|
379
|
+
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
|
380
|
+
a, a:visited { text-decoration: underline; }
|
381
|
+
a[href]:after { content: " (" attr(href) ")"; }
|
382
|
+
abbr[title]:after { content: " (" attr(title) ")"; }
|
383
|
+
/* Don't show links for images, or javascript/internal links */
|
384
|
+
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
|
385
|
+
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
386
|
+
thead { display: table-header-group; /* h5bp.com/t */ }
|
387
|
+
tr, img { page-break-inside: avoid; }
|
388
|
+
img { max-width: 100% !important; }
|
389
|
+
@page { margin: 0.5cm; }
|
390
|
+
p, h2, h3 { orphans: 3; widows: 3; }
|
391
|
+
h2, h3 { page-break-after: avoid; } }
|
392
|
+
input::-ms-clear { display: none; }
|
393
|
+
|
394
|
+
input::-webkit-calendar-picker-indicator { display: none; }
|
395
|
+
|
396
|
+
input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; }
|
397
|
+
|
398
|
+
/* ---------------
|
399
|
+
EDGE Visibility
|
400
|
+
--------------- */
|
401
|
+
/* Above small breakpoint (>=768px) */
|
402
|
+
.show-for-small, .hide-for-large { display: none !important; }
|
403
|
+
|
404
|
+
.show-for-large, .hide-for-small { display: inherit !important; }
|
405
|
+
|
406
|
+
table.show-for-large, table.hide-for-small { display: none !important; }
|
407
|
+
|
408
|
+
thead.show-for-large, thead.hide-for-small { display: table-header-group !important; }
|
409
|
+
|
410
|
+
tbody.show-for-large, tbody.hide-for-small { display: table-row-group !important; }
|
411
|
+
|
412
|
+
tr.show-for-large, tr.hide-for-small { display: table-row !important; }
|
413
|
+
|
414
|
+
td.show-for-large, td.hide-for-small, th.show-for-large, th.hide-for-small { display: table-cell !important; }
|
415
|
+
|
416
|
+
/* Below small breakpoint (<768px) */
|
417
|
+
@media only screen and (max-width: 47.9375em) { .show-for-large, .hide-for-small { display: none !important; }
|
418
|
+
.show-for-small, .hide-for-large { display: inherit !important; }
|
419
|
+
table.show-for-small, table.hide-for-large { display: none !important; }
|
420
|
+
thead.show-for-small, thead.hide-for-large { display: table-header-group !important; }
|
421
|
+
tbody.show-for-small, tbody.hide-for-large { display: table-row-group !important; }
|
422
|
+
tr.show-for-small, tr.hide-for-large { display: table-row !important; }
|
423
|
+
td.show-for-small, td.hide-for-large, th.show-for-small, th.hide-for-large { display: table-cell !important; } }
|
@@ -0,0 +1,51 @@
|
|
1
|
+
/* -------------------------------------------------------------
|
2
|
+
|
3
|
+
Normalize v2.1.0 | MIT License | git.io/normalize
|
4
|
+
|
5
|
+
-------------------------------------------------------------- */
|
6
|
+
|
7
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
|
8
|
+
audio, canvas, video { display: inline-block; }
|
9
|
+
audio:not([controls]) { display: none; height: 0; }
|
10
|
+
[hidden] { display: none; }
|
11
|
+
|
12
|
+
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
13
|
+
body { margin: 0; }
|
14
|
+
|
15
|
+
a:focus { outline: thin dotted; }
|
16
|
+
a:active, a:hover { outline: 0; }
|
17
|
+
|
18
|
+
h1 { font-size: 2em; margin: 0.67em 0; }
|
19
|
+
abbr[title] { border-bottom: 1px dotted; }
|
20
|
+
b, strong { font-weight: bold; }
|
21
|
+
dfn { font-style: italic; }
|
22
|
+
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
|
23
|
+
|
24
|
+
mark { background: #ff0; color: #000; }
|
25
|
+
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
|
26
|
+
pre { white-space: pre-wrap; }
|
27
|
+
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
|
28
|
+
small { font-size: 80%; }
|
29
|
+
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
30
|
+
sup { top: -0.5em; }
|
31
|
+
sub { bottom: -0.25em; }
|
32
|
+
|
33
|
+
img { border: 0; }
|
34
|
+
svg:not(:root) { overflow: hidden; }
|
35
|
+
|
36
|
+
figure { margin: 0; }
|
37
|
+
|
38
|
+
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
|
39
|
+
legend { border: 0; padding: 0; }
|
40
|
+
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0;}
|
41
|
+
button, input { line-height: normal; }
|
42
|
+
button, select { text-transform: none; }
|
43
|
+
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
|
44
|
+
button[disabled], html input[disabled] { cursor: default; }
|
45
|
+
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
|
46
|
+
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
|
47
|
+
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
48
|
+
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
|
49
|
+
textarea { overflow: auto; vertical-align: top; }
|
50
|
+
|
51
|
+
table { border-collapse: collapse; border-spacing: 0; }
|