Merge lp:~stephen-stewart/snapweb/bem-html-css-for-great-justice into lp:~snappy-dev/snapweb/trunk
- bem-html-css-for-great-justice
- Merge into trunk
Proposed by
Stephen Stewart
Status: | Merged |
---|---|
Approved by: | John Lenton |
Approved revision: | 154 |
Merged at revision: | 112 |
Proposed branch: | lp:~stephen-stewart/snapweb/bem-html-css-for-great-justice |
Merge into: | lp:~snappy-dev/snapweb/trunk |
Diff against target: |
6031 lines (+675/-4674) 60 files modified
www/gulpfile.js (+1/-2) www/package.json (+2/-1) www/src/css/app-details.css (+0/-107) www/src/css/app-list.css (+0/-55) www/src/css/banner.css (+120/-0) www/src/css/base.css (+0/-118) www/src/css/install.css (+57/-0) www/src/css/layout.css (+0/-167) www/src/css/search-results.css (+0/-95) www/src/css/snap.css (+65/-0) www/src/css/snaplist.css (+101/-19) www/src/css/switch.css (+0/-82) www/src/css/tt.css (+0/-1) www/src/css/ubuntu-styles.css (+0/-3517) www/src/css/v2/home.css (+0/-6) www/src/images/cof.svg (+27/-0) www/src/images/settings.svg (+20/-224) www/src/js/app.js (+4/-3) www/src/js/collections/snaplist.js (+2/-2) www/src/js/controllers/home.js (+3/-3) www/src/js/controllers/search.js (+3/-3) www/src/js/controllers/store.js (+3/-3) www/src/js/controllers/system.js (+2/-2) www/src/js/models/snap.js (+10/-10) www/src/js/routers/router.js (+0/-1) www/src/js/templates/home.hbs (+2/-6) www/src/js/templates/layout-banner.hbs (+32/-0) www/src/js/templates/layout-footer.hbs (+1/-0) www/src/js/templates/layout-main.hbs (+3/-1) www/src/js/templates/search.hbs (+1/-0) www/src/js/templates/settings.hbs (+1/-1) www/src/js/templates/snap-detail.hbs (+2/-33) www/src/js/templates/snap-item.hbs (+0/-5) www/src/js/templates/snap-layout.hbs (+15/-23) www/src/js/templates/snap-menu.hbs (+9/-11) www/src/js/templates/snap-reviews.hbs (+1/-6) www/src/js/templates/snap-settings.hbs (+1/-6) www/src/js/templates/snaplist-item.hbs (+6/-0) www/src/js/templates/store-bask-item.hbs (+0/-5) www/src/js/templates/store.hbs (+2/-3) www/src/js/templates/system.hbs (+3/-14) www/src/js/views/empty-snaplist.js (+1/-1) www/src/js/views/home.js (+3/-5) www/src/js/views/layout-banner.js (+55/-0) www/src/js/views/layout-footer.js (+12/-0) www/src/js/views/layout-main.js (+17/-8) www/src/js/views/search.js (+1/-1) www/src/js/views/settings.js (+0/-2) www/src/js/views/snap-layout.js (+18/-12) www/src/js/views/snap-menu.js (+25/-0) www/src/js/views/snap-reviews.js (+3/-1) www/src/js/views/snaplist-item.js (+2/-4) www/src/js/views/snaplist.js (+16/-10) www/src/js/views/store-bask-snap.js (+0/-21) www/src/js/views/store-bask.js (+0/-10) www/src/js/views/store.js (+1/-3) www/src/js/views/system.js (+1/-3) www/templates/base.html (+15/-52) www/tests/snapItemViewSpec.js (+1/-1) www/tests/snapLayoutViewSpec.js (+5/-5) |
To merge this branch: | bzr merge lp:~stephen-stewart/snapweb/bem-html-css-for-great-justice |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
John Lenton (community) | Approve | ||
Review via email: mp+258265@code.launchpad.net |
Commit message
refactor CSS to BEM style, remove some uneccessary views as a result
Description of the change
To post a comment you must log in.
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1 | === modified file 'www/gulpfile.js' |
2 | --- www/gulpfile.js 2015-04-30 14:09:21 +0000 |
3 | +++ www/gulpfile.js 2015-05-05 15:23:39 +0000 |
4 | @@ -15,7 +15,6 @@ |
5 | var uglify = require('gulp-uglify'); |
6 | var watchify = require('watchify'); |
7 | |
8 | - |
9 | gulp.task('js:build', ['js:clean', 'js:lint'], function() { |
10 | return createBundler(); |
11 | }); |
12 | @@ -72,7 +71,7 @@ |
13 | // Styles |
14 | |
15 | gulp.task('styles', ['styles:clean'], function() { |
16 | - return gulp.src(['src/css/**/*.css']) |
17 | + return gulp.src(['node_modules/normalize.css/normalize.css', 'src/css/**/*.css']) |
18 | .pipe(csso()) |
19 | .pipe(autoprefixer()) |
20 | .pipe(concat('webdm.css')) |
21 | |
22 | === modified file 'www/package.json' |
23 | --- www/package.json 2015-04-23 13:11:59 +0000 |
24 | +++ www/package.json 2015-05-05 15:23:39 +0000 |
25 | @@ -36,6 +36,7 @@ |
26 | "lodash": "~3.3.1", |
27 | "vinyl-buffer": "~1.0.0", |
28 | "vinyl-source-stream": "~1.1.0", |
29 | - "watchify": "~3.1.2" |
30 | + "watchify": "~3.1.2", |
31 | + "normalize.css": "^3.0.3" |
32 | } |
33 | } |
34 | |
35 | === removed file 'www/src/css/app-details.css' |
36 | --- www/src/css/app-details.css 2015-04-29 16:15:23 +0000 |
37 | +++ www/src/css/app-details.css 1970-01-01 00:00:00 +0000 |
38 | @@ -1,107 +0,0 @@ |
39 | -.app-details.row-hero { |
40 | - background: #fff; |
41 | - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15); |
42 | - padding: 20px 10px 0; |
43 | -} |
44 | - |
45 | -.app__icon { |
46 | - border-radius: 14px; |
47 | - height: 96px; |
48 | - width: 96px; |
49 | - margin-bottom: 20px; |
50 | - vertical-align: top; |
51 | - display: inline-block; |
52 | - margin-right: 1em; |
53 | -} |
54 | - |
55 | -.app__details { |
56 | - display: inline-block; |
57 | - margin-top: -10px; |
58 | -} |
59 | - |
60 | -.app__details-title { |
61 | - color: #333; |
62 | - font-size: 2.8125em; |
63 | - margin-bottom: 0; |
64 | - display: inline-block; |
65 | -} |
66 | - |
67 | -.app__details-list { |
68 | - margin-left: 0; |
69 | -} |
70 | - |
71 | -.app__details-list li { |
72 | - display: inline; |
73 | - list-style: ; |
74 | -} |
75 | - |
76 | -.app__details-list li:after { |
77 | - color: #888; |
78 | - content: "•"; |
79 | - vertical-align: middle; |
80 | - margin: 0 5px 0 10px; |
81 | -} |
82 | - |
83 | -.app__details-list li:last-of-type:after { |
84 | - content: ""; |
85 | -} |
86 | - |
87 | -.row.settings, |
88 | -.row.details, |
89 | -.row.reviews { |
90 | - background: transparent; |
91 | -} |
92 | - |
93 | -.row.app__details-nav { |
94 | - padding: 15px; |
95 | -} |
96 | - |
97 | -.app__details-title--smaller { |
98 | - font-size: 2.5em; |
99 | -} |
100 | - |
101 | -.app__details-nav .inline-icons li { |
102 | - margin-bottom: 0; |
103 | -} |
104 | - |
105 | -.app__details-nav a:link, |
106 | -.app__details-nav a:visited { |
107 | - box-sizing: border-box; |
108 | - color: #333; |
109 | - border-bottom: 2px solid transparent; |
110 | - padding: 15px 0; |
111 | -} |
112 | - |
113 | -@media only screen and (min-width: 768px) { |
114 | - .app__details-nav a:link, |
115 | - .app__details-nav a:visited { |
116 | - padding: 20px; |
117 | - } |
118 | - .row.app__details-nav { |
119 | - padding: 20px; |
120 | - } |
121 | -} |
122 | - |
123 | -.app__details-nav a:hover { |
124 | - color: #dd4814; |
125 | - text-decoration: none; |
126 | -} |
127 | - |
128 | -.app__details-nav a.active { |
129 | - border-bottom: 2px solid #dd4814; |
130 | -} |
131 | - |
132 | -.app__details-screenshots .inline-icons img { |
133 | - max-width: none; |
134 | - max-height: none; |
135 | - width: 100%; |
136 | -} |
137 | - |
138 | -.app__details-screenshots { |
139 | - margin-top: 20px; |
140 | -} |
141 | - |
142 | -.error-message { |
143 | - font-size:smaller; |
144 | - color:#DF382C; |
145 | -} |
146 | |
147 | === removed file 'www/src/css/app-list.css' |
148 | --- www/src/css/app-list.css 2015-04-14 19:38:06 +0000 |
149 | +++ www/src/css/app-list.css 1970-01-01 00:00:00 +0000 |
150 | @@ -1,55 +0,0 @@ |
151 | -.icon--get-apps { |
152 | - margin: 0 2em; |
153 | -} |
154 | -.header--get-apps { |
155 | - float: left; |
156 | -} |
157 | -.icon--app-icon { |
158 | - width: 100%; |
159 | - box-sizing: border-box; |
160 | - border: 5px solid #EFEFEF; |
161 | - border-radius: 20px; |
162 | -} |
163 | -.icon--app-icon:hover { |
164 | - background: #efefef; |
165 | -} |
166 | -.list--apps { |
167 | - list-style-type: none; |
168 | - margin: 0; |
169 | - overflow: hidden; |
170 | -} |
171 | -.list--apps .three-col, |
172 | -.list--apps .two-col { |
173 | - width: 48.9362%; |
174 | - margin-right: 0; |
175 | -} |
176 | -@media only screen and (min-width: 768px) { |
177 | - .list--apps .three-col { |
178 | - width: 23.3%; |
179 | - margin-right: 2.12766%; |
180 | - } |
181 | - .list--apps .two-col { |
182 | - width: 14.8936%; |
183 | - margin-right: 2.12766%; |
184 | - } |
185 | -} |
186 | -.label--app-name { |
187 | - font-weight: 400; |
188 | - text-align: center; |
189 | - display: block; |
190 | - cursor: pointer; |
191 | - font-size: 1em; |
192 | - white-space: nowrap; |
193 | - overflow: hidden; |
194 | - text-overflow: ellipsis; |
195 | -} |
196 | -.link--app, |
197 | -.link--app:link, |
198 | -.link--app:hover, |
199 | -.link--app:visited { |
200 | - color: #333333; |
201 | -} |
202 | - |
203 | -.list--apps .three-col:nth-of-type(4n + 0) { |
204 | - margin-right:0; |
205 | -} |
206 | |
207 | === added file 'www/src/css/banner.css' |
208 | --- www/src/css/banner.css 1970-01-01 00:00:00 +0000 |
209 | +++ www/src/css/banner.css 2015-05-05 15:23:39 +0000 |
210 | @@ -0,0 +1,120 @@ |
211 | +.b-banner { |
212 | + display:flex; |
213 | + align-items:center; |
214 | + background-color:#202020; |
215 | + color:#efefef; |
216 | + line-height:20px; |
217 | +} |
218 | + |
219 | +.b-banner img { |
220 | + display:block; |
221 | +} |
222 | + |
223 | +.b-banner a { |
224 | + text-decoration:none; |
225 | + color:#fff; |
226 | + display:block; |
227 | +} |
228 | + |
229 | +.b-banner a.active { |
230 | +} |
231 | + |
232 | +.b-banner__brand a { |
233 | + display: flex; |
234 | + align-items:center; |
235 | + padding:15px 2em 15px 15px; |
236 | +} |
237 | + |
238 | +.b-banner__brand img { |
239 | + margin:0 15px 0 0; |
240 | +} |
241 | + |
242 | +.b-banner__search { |
243 | + flex:1; |
244 | +} |
245 | + |
246 | +.b-banner__form { |
247 | + display:flex; |
248 | +} |
249 | + |
250 | +.b-banner__search input[type=search] { |
251 | + width:50%; |
252 | + border:none; |
253 | + height:30px; |
254 | + line-height:20px; |
255 | + padding:15px 25px 15px 15px; |
256 | + background-color:#333; |
257 | +} |
258 | + |
259 | +.b-banner__search input[type=search]:focus { |
260 | + outline:0; |
261 | +} |
262 | + |
263 | +.b-banner__submit { |
264 | + display:block; |
265 | + border:0; |
266 | + height:60px; |
267 | + width:60px; |
268 | + background: #333 url(/public/images/search.svg) 50% 50% no-repeat; |
269 | + background-size:20px; |
270 | + cursor:pointer; |
271 | +} |
272 | + |
273 | +.b-banner__submit:active, |
274 | +.b-banner__submit:focus { |
275 | + outline:0; |
276 | +} |
277 | + |
278 | +.b-banner__submit:hover { |
279 | + background-color:#dd4814; |
280 | +} |
281 | + |
282 | +.b-banner__nav-item { |
283 | + border-right:1px solid #333; |
284 | +} |
285 | + |
286 | +.b-banner__nav-item--active { |
287 | + position:relative; |
288 | +} |
289 | + |
290 | +.b-banner__nav-item--active::before { |
291 | + position:absolute; |
292 | + content:''; |
293 | + background:#dd4814; |
294 | + bottom:0; |
295 | + left:-1px; |
296 | + right:-1px; |
297 | + height:3px; |
298 | +} |
299 | + |
300 | +.b-banner__primary-nav .b-banner__nav-item a { |
301 | + white-space: nowrap; |
302 | + padding:20px 2em; |
303 | +} |
304 | + |
305 | +.b-banner__primary-nav .b-banner__nav-item:hover { |
306 | + background-color:#dd4814; |
307 | +} |
308 | + |
309 | +.b-banner__secondary-nav { |
310 | + margin-left:auto; |
311 | +} |
312 | + |
313 | +.b-banner__secondary-nav .b-banner__nav-item:last-child { |
314 | + border-right:none; |
315 | +} |
316 | + |
317 | +.b-banner__secondary-nav .b-banner__nav-item a { |
318 | + padding: 15px; |
319 | +} |
320 | + |
321 | +.b-banner__secondary-nav .b-banner__nav-item svg { |
322 | + display:block; |
323 | + height:30px; |
324 | + width:30px; |
325 | +} |
326 | + |
327 | +.b-banner__secondary-nav .b-banner__nav-item:hover { |
328 | + background-color:#dd4814; |
329 | +} |
330 | + |
331 | |
332 | === added file 'www/src/css/base.css' |
333 | --- www/src/css/base.css 1970-01-01 00:00:00 +0000 |
334 | +++ www/src/css/base.css 2015-05-05 15:23:39 +0000 |
335 | @@ -0,0 +1,25 @@ |
336 | +html { |
337 | + box-sizing: border-box; |
338 | +} |
339 | + |
340 | +*, *:before, *:after { |
341 | + box-sizing: inherit; |
342 | +} |
343 | + |
344 | +html, body { |
345 | + font: normal 300 15px/1.4 'Ubuntu', 'Arial', 'libra sans', sans-serif; |
346 | + background-color:white; |
347 | + color:#333; |
348 | +} |
349 | + |
350 | +body { |
351 | + background: url('../images/image-background-paper.png') repeat-y fixed 50% 0 #f7f7f7; |
352 | +} |
353 | + |
354 | +a { |
355 | + color:#dd4814; |
356 | +} |
357 | + |
358 | +h1 { |
359 | + font-weight:300; |
360 | +} |
361 | |
362 | === removed file 'www/src/css/base.css' |
363 | --- www/src/css/base.css 2015-03-26 13:05:32 +0000 |
364 | +++ www/src/css/base.css 1970-01-01 00:00:00 +0000 |
365 | @@ -1,118 +0,0 @@ |
366 | -html { |
367 | - box-sizing: border-box; |
368 | -} |
369 | - |
370 | -html, body { |
371 | - font-family: Ubuntu, Arial, 'libra sans', sans-serif; |
372 | - background-color:white; |
373 | - color:#333; |
374 | -} |
375 | - |
376 | -*, *:before, *:after { |
377 | - box-sizing: inherit; |
378 | -} |
379 | - |
380 | -a { |
381 | - color:#dd4814; |
382 | -} |
383 | - |
384 | -.cof { |
385 | - width:27px; |
386 | - height:27px; |
387 | -} |
388 | - |
389 | -.pkg { |
390 | - margin-bottom: 1em; |
391 | - padding: 1em 1em 1em 133px; |
392 | - position:relative; |
393 | -} |
394 | - |
395 | -.services-pkg p, .pkg p, .about p { |
396 | - margin:0; |
397 | -} |
398 | - |
399 | -.pkg-img { |
400 | - width: 40px; |
401 | -} |
402 | - |
403 | -.pkg-publisher { |
404 | - font-size:11px; |
405 | - text-transform:uppercase; |
406 | - color:#aaa; |
407 | -} |
408 | - |
409 | -.pkg-name { |
410 | - font-size:30px; |
411 | -} |
412 | - |
413 | -.pkg-show { |
414 | - color:white; |
415 | - background-color:#dd4814; |
416 | - font-size:11px; |
417 | - text-transform:uppercase; |
418 | - padding:4px 1em; |
419 | - display:inline-block; |
420 | - vertical-align:middle; |
421 | - margin-left:1em; |
422 | - border-radius:3px; |
423 | - text-decoration:none; |
424 | -} |
425 | - |
426 | -.pkg-show.hide { |
427 | - display:none; |
428 | -} |
429 | - |
430 | -h1, h2, h3, h4 { |
431 | - margin:0; |
432 | - font-weight:300; |
433 | -} |
434 | - |
435 | -.install { |
436 | - border: 1px solid #FFF; |
437 | - background: #eee; |
438 | - padding: 0 1em; |
439 | - border-radius: 3px; |
440 | - margin: 1em 0; |
441 | -} |
442 | - |
443 | -fieldset { |
444 | - margin:0; |
445 | - padding:0; |
446 | - border:0; |
447 | -} |
448 | - |
449 | -.services { |
450 | - margin-top:1em; |
451 | -} |
452 | - |
453 | -.services h2 { |
454 | - font-size:18px; |
455 | - margin-bottom:0.6em; |
456 | -} |
457 | - |
458 | -.service-row { |
459 | - display:flex; |
460 | - padding:1em; |
461 | - border-top:1px solid #ddd; |
462 | - border-bottom:1px solid #ddd; |
463 | -} |
464 | -.service-row + .service-row { |
465 | - border-top:none; |
466 | -} |
467 | - |
468 | -.service-row::nth-of-type(2) { |
469 | - background: #eee; |
470 | -} |
471 | - |
472 | -.service-name { |
473 | - flex:2; |
474 | -} |
475 | - |
476 | -.service-action { |
477 | - flex:1; |
478 | -} |
479 | - |
480 | -.service-action .switch { |
481 | - margin:0; |
482 | -} |
483 | - |
484 | |
485 | === added file 'www/src/css/install.css' |
486 | --- www/src/css/install.css 1970-01-01 00:00:00 +0000 |
487 | +++ www/src/css/install.css 2015-05-05 15:23:39 +0000 |
488 | @@ -0,0 +1,57 @@ |
489 | +.b-installer { |
490 | + max-width:300px; |
491 | +} |
492 | + |
493 | +.b-installer__button { |
494 | + background-color: #dd4814; |
495 | + border-radius:4px; |
496 | + color:#fff; |
497 | + cursor:pointer; |
498 | + font-weight:400; |
499 | + overflow: hidden; |
500 | + padding:8px 2em; |
501 | + position:relative; |
502 | + text-align:center; |
503 | + text-overflow: ellipsis; |
504 | + transition: background-color 0.3s; |
505 | + user-select: none; |
506 | + white-space: nowrap; |
507 | +} |
508 | + |
509 | +.b-installer--uninstall .b-installer__button { |
510 | + background-color:#ccc; |
511 | + color:#fff; |
512 | + font-weight:300; |
513 | +} |
514 | + |
515 | +.b-installer--thinking .b-installer__button { |
516 | + cursor:progress; |
517 | +} |
518 | + |
519 | +.b-installer__progress { |
520 | + background: white; |
521 | + border-radius:10px; |
522 | + border:1px solid #dd4814; |
523 | + bottom:3px; |
524 | + box-sizing:border-box; |
525 | + display:none; |
526 | + height:5px; |
527 | + left:8px; |
528 | + margin:0; |
529 | + padding:0; |
530 | + position:absolute; |
531 | + right:8px; |
532 | +} |
533 | + |
534 | +.b-installer__value { |
535 | + background-color:rgba(221, 72, 20, 1); |
536 | + bottom:0; |
537 | + left:0; |
538 | + position:absolute; |
539 | + right:100%; |
540 | + top:0; |
541 | +} |
542 | + |
543 | +.b-installer--thinking .b-installer__progress { |
544 | + display:block; |
545 | +} |
546 | |
547 | === added file 'www/src/css/layout.css' |
548 | --- www/src/css/layout.css 1970-01-01 00:00:00 +0000 |
549 | +++ www/src/css/layout.css 2015-05-05 15:23:39 +0000 |
550 | @@ -0,0 +1,29 @@ |
551 | +.b-layout { |
552 | + display: flex; |
553 | + min-height: 100vh; |
554 | + flex-direction: column; |
555 | +} |
556 | + |
557 | +.b-layout__banner { |
558 | +} |
559 | + |
560 | +.b-layout__main { |
561 | + flex: 1; |
562 | + padding:0 3em; |
563 | +} |
564 | + |
565 | +.b-layout__main:empty { |
566 | + opacity:0.5; |
567 | + background:transparent url("/public/images/default-package-icon.svg") 50% 50% no-repeat; |
568 | +} |
569 | + |
570 | +.b-layout__main:empty + .b-layout__footer { |
571 | + display:none; |
572 | +} |
573 | + |
574 | +.b-layout__footer { |
575 | + padding:2em 0; |
576 | + text-align:center; |
577 | + font-size:12px; |
578 | + color:#999; |
579 | +} |
580 | |
581 | === removed file 'www/src/css/layout.css' |
582 | --- www/src/css/layout.css 2015-04-13 14:10:56 +0000 |
583 | +++ www/src/css/layout.css 1970-01-01 00:00:00 +0000 |
584 | @@ -1,167 +0,0 @@ |
585 | -html, body { |
586 | - height: 100%; |
587 | - margin:0; |
588 | -} |
589 | - |
590 | -.layout-nav-primary .icon { |
591 | - padding: 1em 1em 1em 3em; |
592 | - white-space: nowrap; |
593 | - overflow: hidden; |
594 | - text-overflow: ellipsis; |
595 | - border-bottom: 1px solid #444; |
596 | - cursor:pointer; |
597 | -} |
598 | - |
599 | -.layout-app-nav-primary { |
600 | - position: fixed; |
601 | - width: 120px; |
602 | - background-color: #444; |
603 | - top: 54px; |
604 | - bottom: 0; |
605 | - left: 180px; |
606 | - color:#eee; |
607 | -} |
608 | - |
609 | -.layout-app-nav-primary .icon { |
610 | - padding: 0.6em; |
611 | - white-space: nowrap; |
612 | - overflow: hidden; |
613 | - text-overflow: ellipsis; |
614 | - border-bottom: 1px solid #333; |
615 | - text-transform:uppercase; |
616 | - font-size:12px; |
617 | - cursor:pointer; |
618 | -} |
619 | - |
620 | -.layout-app-nav-primary + |
621 | -.layout-content { |
622 | - margin-left:120px; |
623 | -} |
624 | - |
625 | -header { |
626 | - width:100%; |
627 | - background-color:#262626; |
628 | - position:fixed; |
629 | - top:0; |
630 | - z-index:100000; |
631 | -} |
632 | - |
633 | -.header-brand { |
634 | - display:flex; |
635 | - padding:16px 0 0 16px; |
636 | - font-size:18px; |
637 | - color:white; |
638 | - text-decoration:none; |
639 | - color:white; |
640 | -} |
641 | - |
642 | -.header-brand .logo { |
643 | - flex:0 0 36px; |
644 | -} |
645 | - |
646 | -.header-brand .logotype { |
647 | - display: none; |
648 | - margin-right: 1.3em; |
649 | - padding-top: 3px; |
650 | - flex:1; |
651 | -} |
652 | -@media only screen and (min-width: 768px) { |
653 | - .header-brand .logotype { |
654 | - display: block; |
655 | - } |
656 | -} |
657 | - |
658 | -header.banner .nav-primary ul.layout-nav-primary { |
659 | - position: absolute; |
660 | - right: 0; |
661 | - top: 0; |
662 | -} |
663 | -header form.search-form input[type="search"] { |
664 | - color: #fff; |
665 | - margin-left: 0; |
666 | - width: 100%; |
667 | - transition: width 0.3s; |
668 | - font-size: 14px; |
669 | -} |
670 | - |
671 | -@media only screen and (min-width: 768px) { |
672 | - header form.search-form input[type="search"] { |
673 | - width: 90%; |
674 | - } |
675 | -} |
676 | - |
677 | -header.banner nav.nav-primary ul li a.settings-link:link { |
678 | - padding-top: 16px; |
679 | - padding-bottom: 8px; |
680 | -} |
681 | - |
682 | -header.banner .close { |
683 | - position: absolute; |
684 | - left: 15px; |
685 | - top: 15px; |
686 | - display: none; |
687 | - cursor: pointer; |
688 | -} |
689 | - |
690 | -header.banner.to-close .close { |
691 | - display: block; |
692 | -} |
693 | - |
694 | -header.banner.to-close .logo{ |
695 | - display: none; |
696 | -} |
697 | - |
698 | -.layout-nav-primary .settings-icon { |
699 | - width: 30px; |
700 | - height: 30px; |
701 | -} |
702 | - |
703 | -.search-wrapper { |
704 | - max-width: 1030px; |
705 | - width: auto; |
706 | - height: 60px; |
707 | - padding-left: 0; |
708 | - padding-right: 0; |
709 | - border-radius: 0; |
710 | - box-shadow: none; |
711 | - background-color: transparent; |
712 | - background-image: none; |
713 | - margin: 0 auto; |
714 | - padding-bottom: 0; |
715 | - float: none; |
716 | -} |
717 | - |
718 | -.app-overlay { |
719 | - display:none; |
720 | - position:absolute; |
721 | - top:60px; |
722 | - left:0; |
723 | - bottom:0; |
724 | - right:0; |
725 | - background-color: rgba(0,0,0,0.5); |
726 | - z-index:99; |
727 | -} |
728 | - |
729 | -.app-overlay.app-overlay--show { |
730 | - display:block; |
731 | -} |
732 | - |
733 | -.app-overlay.app-overlay--hide { |
734 | - display:none; |
735 | -} |
736 | - |
737 | -.layout-body { |
738 | - padding-bottom: 30px; |
739 | -} |
740 | - |
741 | -.loading::after { |
742 | - content:''; |
743 | - display:block; |
744 | - background-color:rgba(255,255,255,0.8); |
745 | - position:absolute; |
746 | - top:0; |
747 | - left:0; |
748 | - right:0; |
749 | - bottom:0; |
750 | - z-index:100000; |
751 | -} |
752 | |
753 | === removed file 'www/src/css/search-results.css' |
754 | --- www/src/css/search-results.css 2015-03-26 13:05:32 +0000 |
755 | +++ www/src/css/search-results.css 1970-01-01 00:00:00 +0000 |
756 | @@ -1,95 +0,0 @@ |
757 | -.search-results { |
758 | - position:absolute; |
759 | - top:60px; |
760 | - left:0; |
761 | - right:0; |
762 | - z-index:100; |
763 | -} |
764 | - |
765 | -.search-results .search-background { |
766 | - position: relative; |
767 | - background-color:#efefef; |
768 | - box-shadow: 0 1px 1px 0 rgba(0,0,0,.15); |
769 | - z-index:100; |
770 | -} |
771 | -.search-results__list { |
772 | - margin-left: 0; |
773 | - margin-bottom: 1em; |
774 | - list-style: none; |
775 | -} |
776 | -.search-results__list div, .search-results__list h3, .search-results__list ul { |
777 | - margin-bottom: 0; |
778 | -} |
779 | -.search-results__list p { |
780 | - font-size: .875em; |
781 | -} |
782 | -.search-results__list .search-results__tags--link:link, .search-results__list .search-results__tags--link:visited { |
783 | - box-sizing: border-box; |
784 | - color: #333; |
785 | - position: absolute; |
786 | - top: 0; |
787 | - left: 0; |
788 | - display: block; |
789 | - width: 100%; |
790 | - height: 100%; |
791 | - overflow: hidden; |
792 | - z-index: 2; |
793 | -} |
794 | -.search-results__list .list__icons li, .search-results__list .search-results__tags li { |
795 | - position: relative; |
796 | - z-index: 500; |
797 | -} |
798 | -.search-results__list .search-results__list--item .cell { |
799 | - display: inline-block; |
800 | - position: relative; |
801 | - z-index: 10; |
802 | -} |
803 | -@media only screen and (min-width : 769px) { |
804 | - .search-results__list .search-results__list--item .cell:hover { |
805 | - display: table; |
806 | - z-index: 200; |
807 | - } |
808 | -} |
809 | -.search-results__list--header { |
810 | - display: none; |
811 | -} |
812 | -.search-results__list--item { |
813 | - box-sizing: border-box; |
814 | - width: 100%; |
815 | - position: relative; |
816 | - padding: .8em 10px; |
817 | - margin-bottom: 20px; |
818 | - transition: all .2s; |
819 | -} |
820 | - |
821 | -@media only screen and (min-width : 768px) { |
822 | - .search-results__list--item { |
823 | - margin-bottom: 0; |
824 | - } |
825 | -} |
826 | -.search-results__list--item p { |
827 | - padding-top: .2em; |
828 | - word-wrap: break-word; |
829 | -} |
830 | -.search-results__list--item:last-of-type { |
831 | - margin-bottom: 1em; |
832 | -} |
833 | -.search-results__list--item div:empty { |
834 | - display: none; |
835 | -} |
836 | -.search-results__list--item h3 { |
837 | - margin-top: 0; |
838 | - line-height: 24px; |
839 | -} |
840 | -.search-results__list--item h3 img { |
841 | - margin-right: 3px; |
842 | -} |
843 | -.search-results__list--item img { |
844 | - vertical-align: top; |
845 | -} |
846 | -.search-results__list--item .deploys__column { |
847 | - font-weight: 500; |
848 | -} |
849 | -.search-results__list--item:hover { |
850 | - box-shadow: -2px 2px 3px 0 #cdcdcd, 2px 2px 3px 0 #cdcdcd; |
851 | -} |
852 | |
853 | === renamed file 'www/src/css/v2/snap.css' => 'www/src/css/snap.css' |
854 | --- www/src/css/v2/snap.css 2015-03-27 17:22:01 +0000 |
855 | +++ www/src/css/snap.css 2015-05-05 15:23:39 +0000 |
856 | @@ -0,0 +1,65 @@ |
857 | +.b-snap { |
858 | +} |
859 | + |
860 | +.b-snap__icon { |
861 | +} |
862 | +.b-snap__icon img { |
863 | + display:block; |
864 | +} |
865 | + |
866 | +.b-snap__banner { |
867 | + display: flex; |
868 | + line-height:1.3; |
869 | + margin:0 -3em; |
870 | + padding:1.3em 3em 1.3em; |
871 | + align-items: flex-start; |
872 | + background-color:rgba(255,255,255,0.7); |
873 | +} |
874 | + |
875 | +.b-snap__meta { |
876 | + flex: 2; |
877 | +} |
878 | + |
879 | +.b-snap__meta > * { |
880 | + margin:0; |
881 | +} |
882 | + |
883 | +.b-snap__actions { |
884 | + display:flex; |
885 | + flex: 1; |
886 | +} |
887 | + |
888 | +.b-snap__actions .b-installer { |
889 | + margin-left:auto; |
890 | +} |
891 | + |
892 | +.b-snap__navigation { |
893 | + background-color:rgba(255,255,255,0.5); |
894 | + display: flex; |
895 | + align-items: center; |
896 | + margin:0 0 1em 0; |
897 | + border-top:1px solid #efefef; |
898 | + border-bottom:1px solid #ddd; |
899 | + margin:0 -3em 1em -3em; |
900 | + padding:0 3em; |
901 | +} |
902 | + |
903 | +.b-snap__nav-item { |
904 | + min-width:120px; |
905 | + text-align: center; |
906 | + position:relative; |
907 | + display:block; |
908 | + color:#333; |
909 | + text-decoration:none; |
910 | + padding:15px 0; |
911 | +} |
912 | + |
913 | +.b-snap__nav-item--active::before { |
914 | + position:absolute; |
915 | + content:''; |
916 | + background:#dd4814; |
917 | + bottom:0; |
918 | + left:0; |
919 | + right:0; |
920 | + height:3px; |
921 | +} |
922 | |
923 | === renamed file 'www/src/css/v2/bask.css' => 'www/src/css/snaplist.css' |
924 | --- www/src/css/v2/bask.css 2015-04-14 19:38:06 +0000 |
925 | +++ www/src/css/snaplist.css 2015-05-05 15:23:39 +0000 |
926 | @@ -1,34 +1,114 @@ |
927 | -/** b-bask: snap collection block **/ |
928 | -.b-bask { |
929 | - display:flex; |
930 | - flex-flow: row wrap; |
931 | -} |
932 | - |
933 | -.b-bask__snap { |
934 | - flex:1 0 13%; |
935 | - margin:20px; |
936 | -} |
937 | - |
938 | -.b-bask__snap a, |
939 | -.b-bask__snap a:link, |
940 | -.b-bask__snap a:hover, |
941 | -.b-bask__snap a:visited { |
942 | +.b-snaplist { |
943 | +} |
944 | + |
945 | +.b-snaplist__item { |
946 | + cursor: pointer; |
947 | +} |
948 | + |
949 | +/** grid style **/ |
950 | + |
951 | +.b-snaplist--grid { |
952 | + display:flex; |
953 | + flex-wrap: wrap; |
954 | +} |
955 | + |
956 | +.b-snaplist--grid .b-snaplist__item { |
957 | + flex: 0 1 20%; |
958 | + padding:10px; |
959 | +} |
960 | + |
961 | +.b-snaplist--grid .b-snaplist__icon { |
962 | +} |
963 | + |
964 | +.b-snaplist--grid .b-snaplist__icon img { |
965 | + border-radius:15%; |
966 | + width:100%; |
967 | +} |
968 | + |
969 | +.b-snaplist--grid .b-snaplist__label { |
970 | + text-align: center; |
971 | + white-space: nowrap; |
972 | + overflow: hidden; |
973 | + text-overflow: ellipsis; |
974 | +} |
975 | + |
976 | +.b-snaplist--grid .b-snaplist__label ~ * { |
977 | + display:none; |
978 | +} |
979 | + |
980 | +/** row style **/ |
981 | + |
982 | +.b-snaplist--row .b-snaplist__item { |
983 | + width:100%; |
984 | + display:flex; |
985 | + align-items:center; |
986 | + padding:0.6em; |
987 | + border-radius:4px; |
988 | + margin-bottom:0.6em; |
989 | + background-color:#fff; |
990 | +} |
991 | + |
992 | +.b-snaplist--row .b-snaplist__item:last-child { |
993 | + margin-bottom:0; |
994 | +} |
995 | + |
996 | +.b-snaplist--row .b-snaplist__icon { |
997 | + flex:0 0 40px; |
998 | +} |
999 | + |
1000 | +.b-snaplist--row .b-snaplist__icon img { |
1001 | + display:block; |
1002 | + width: 40px; |
1003 | + height: 40px; |
1004 | +} |
1005 | + |
1006 | +.b-snaplist--row .b-snaplist__label, |
1007 | +.b-snaplist--row .b-snaplist__author, |
1008 | +.b-snaplist--row .b-snaplist__title { |
1009 | + flex:2; |
1010 | + margin:0 1em; |
1011 | + white-space: nowrap; |
1012 | + width: 100%; |
1013 | + overflow: hidden; |
1014 | + text-overflow: ellipsis; |
1015 | +} |
1016 | + |
1017 | +.b-snaplist--row .b-snaplist__label { |
1018 | + min-width:100px; |
1019 | +} |
1020 | + |
1021 | +.b-snaplist--row .b-snaplist__title { |
1022 | + flex:4 1; |
1023 | +} |
1024 | + |
1025 | +.b-snaplist--row .b-snaplist__install { |
1026 | + flex:3; |
1027 | + margin:0 1em; |
1028 | + min-width:100px; |
1029 | +} |
1030 | + |
1031 | +/** |
1032 | + |
1033 | +.b-snaplist__item a, |
1034 | +.b-snaplist__item a:link, |
1035 | +.b-snaplist__item a:hover, |
1036 | +.b-snaplist__item a:visited { |
1037 | color: #333333; |
1038 | } |
1039 | |
1040 | -.b-bask__snap-icon { |
1041 | +.b-snaplist__snap-icon { |
1042 | text-align:center; |
1043 | } |
1044 | |
1045 | -.b-bask__snap-icon img { |
1046 | +.b-snaplist__snap-icon img { |
1047 | border-radius:5%; |
1048 | } |
1049 | |
1050 | -.b-bask__snap-icon:hover { |
1051 | +.b-snaplist__snap-icon:hover { |
1052 | background: #efefef; |
1053 | } |
1054 | |
1055 | -.b-bask__snap-label { |
1056 | +.b-snaplist__snap-label { |
1057 | font-weight: 400; |
1058 | text-align: center; |
1059 | display: block; |
1060 | @@ -38,3 +118,5 @@ |
1061 | overflow: hidden; |
1062 | text-overflow: ellipsis; |
1063 | } |
1064 | + |
1065 | +**/ |
1066 | |
1067 | === removed file 'www/src/css/switch.css' |
1068 | --- www/src/css/switch.css 2015-03-26 13:05:32 +0000 |
1069 | +++ www/src/css/switch.css 1970-01-01 00:00:00 +0000 |
1070 | @@ -1,82 +0,0 @@ |
1071 | -.switch { |
1072 | - box-sizing:border-box; |
1073 | - position:relative; |
1074 | - padding:0 2.5em 0 0; |
1075 | - margin:1em 0; |
1076 | -} |
1077 | -.switch label { |
1078 | - position:absolute; |
1079 | - z-index:10; |
1080 | - padding-left:4em; |
1081 | - user-select: none; |
1082 | -} |
1083 | -.switch input { |
1084 | - display:none; |
1085 | -} |
1086 | -.switch .thing { |
1087 | - display:inline-block; |
1088 | - position:relative; |
1089 | - width:3em; |
1090 | - height:1.5em; |
1091 | - vertical-align:bottom; |
1092 | - border-radius:3px; |
1093 | - background-color:#eee; |
1094 | -} |
1095 | -.switch .thing::before, .switch .thing::after { |
1096 | - box-sizing:border-box; |
1097 | - content:""; |
1098 | - display:block; |
1099 | - position:absolute; |
1100 | - left:0; |
1101 | - height:1.5em; |
1102 | - transition:all 100ms; |
1103 | - border-radius:2px; |
1104 | -} |
1105 | -.switch .thing::before { |
1106 | - width:3em; |
1107 | - border:1px solid #ccc; |
1108 | - box-shadow:inset 0 0 5px 0 rgba(10,10,10,0.1); |
1109 | - z-index:2; |
1110 | -} |
1111 | -.switch .thing::after { |
1112 | - width:1.5em; |
1113 | - background-color:#fff; |
1114 | - border:2px solid #ccc; |
1115 | - z-index:3; |
1116 | - |
1117 | -} |
1118 | -.switch input:checked + .thing::before { |
1119 | - background-color:#38B44A; |
1120 | - border-color:#38B44A; |
1121 | -} |
1122 | -.switch input:checked + .thing::after { |
1123 | - left:1.5em; |
1124 | - border-color:#38B44A; |
1125 | -} |
1126 | - |
1127 | -.switch.thinking .thing, |
1128 | -.link-cta-positive.thinking, |
1129 | -.link-cta-negative.thinking { |
1130 | - background-size: 30px 30px; |
1131 | - background-image: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0, 0.1) 50%, rgba(0,0,0, 0.1) 75%, transparent 75%, transparent); |
1132 | - animation: thinking 0.6s linear infinite; |
1133 | - cursor: progress; |
1134 | -} |
1135 | - |
1136 | -.switch.thinking input:checked + .thing::before { |
1137 | - background-color:rgba(56,180,74,0.5); |
1138 | - border-color:rgba(56,180,74,0.5); |
1139 | -} |
1140 | - |
1141 | -.status { |
1142 | - color: #38b44a; |
1143 | -} |
1144 | - |
1145 | -@keyframes thinking { |
1146 | - from { |
1147 | - background-position: 0 0; |
1148 | - } |
1149 | - to { |
1150 | - background-position: 60px 30px; |
1151 | - } |
1152 | -} |
1153 | |
1154 | === removed file 'www/src/css/tt.css' |
1155 | --- www/src/css/tt.css 2015-03-26 13:05:32 +0000 |
1156 | +++ www/src/css/tt.css 1970-01-01 00:00:00 +0000 |
1157 | @@ -1,1 +0,0 @@ |
1158 | -[data-tt]{position:relative;box-sizing:border-box}[data-tt]::before,[data-tt]::after{border:none;box-sizing:inherit;display:inline-block;font-size:13px;font-style:normal;font-weight:300;line-height:18px;opacity:0;pointer-events:none;position:absolute;right:50%;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;top:100%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-webkit-transition:opacity .2s step-start 100ms;transition:opacity .2s step-start 100ms;visibility:hidden;z-index:1000000}[data-tt]::before{background:#333;border-radius:3px;color:#eee;content:attr(data-tt);margin:10px 0 0;padding:9px 13px;white-space:pre;word-wrap:break-word}[data-tt]::after{border:5px solid transparent;border-bottom-color:#333;content:'';margin:0 0 0 -5px}[data-tt]:hover::before,[data-tt]:hover::after{visibility:visible;opacity:1}.tt-n::before,.tt-n::after{top:auto;bottom:100%}.tt-e::before,.tt-e::after,.tt-w::before,.tt-w::after{top:auto;bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.tt-e::before,.tt-e::after{left:100%;right:auto}.tt-w::before,.tt-w::after{left:auto;right:100%}.tt-n::before{margin:0 0 10px}.tt-e::before{margin:0 0 0 10px}.tt-w::before{margin:0 10px 0 0}.tt-n::after{border-color:transparent;border-top-color:#333;margin:0 0 0 5px}.tt-e::after,.tt-w::after{border-color:transparent;margin:5px 0 0}.tt-e::after{border-right-color:#333}.tt-w::after{border-left-color:#333} |
1159 | \ No newline at end of file |
1160 | |
1161 | === removed file 'www/src/css/ubuntu-styles.css' |
1162 | --- www/src/css/ubuntu-styles.css 2015-04-13 14:10:56 +0000 |
1163 | +++ www/src/css/ubuntu-styles.css 1970-01-01 00:00:00 +0000 |
1164 | @@ -1,3517 +0,0 @@ |
1165 | -@charset "UTF-8"; |
1166 | -body { |
1167 | - font-size: 14px; |
1168 | -} |
1169 | -body, a:link, a:visited { |
1170 | - -webkit-font-smoothing: antialiased; |
1171 | -} |
1172 | -.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .col { |
1173 | - box-sizing: border-box; |
1174 | - clear: none; |
1175 | - display: inline-block; |
1176 | - float: none; |
1177 | - margin-right: 2.12766%; |
1178 | - margin-bottom: 20px; |
1179 | - padding: 0; |
1180 | - position: relative; |
1181 | - width: 100% |
1182 | -} |
1183 | -.twelve-col .one-col, .twelve-col .two-col, .twelve-col .three-col, .twelve-col .four-col, .twelve-col .five-col, .twelve-col .six-col, .twelve-col .seven-col, .twelve-col .eight-col, .twelve-col .nine-col, .twelve-col .ten-col, .twelve-col .eleven-col { |
1184 | - width: 100% |
1185 | -} |
1186 | -.last-col, .last { |
1187 | - margin-right: 0; |
1188 | -} |
1189 | -.clearfix:after, .container:after { |
1190 | - clear: both; |
1191 | - content: "\0020"; |
1192 | - display: block; |
1193 | - height: 0; |
1194 | - overflow: hidden; |
1195 | - visibility: hidden; |
1196 | -} |
1197 | -.clear { |
1198 | - clear: both; |
1199 | -} |
1200 | -.clearfix { |
1201 | - display: block; |
1202 | -} |
1203 | -@media only screen and (min-width: 768px) { |
1204 | - body { |
1205 | - font-size: 15px; |
1206 | -} |
1207 | -.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .col { |
1208 | - float: left; |
1209 | -} |
1210 | -.one-col { |
1211 | - width: 6.38297% |
1212 | -} |
1213 | -.two-col { |
1214 | - width: 14.89361% |
1215 | -} |
1216 | -.three-col { |
1217 | - width: 23.40425% |
1218 | -} |
1219 | -.four-col { |
1220 | - width: 31.91489% |
1221 | -} |
1222 | -.five-col { |
1223 | - width: 40.42553% |
1224 | -} |
1225 | -.six-col { |
1226 | - width: 48.93617% |
1227 | -} |
1228 | -.seven-col { |
1229 | - width: 57.4468% |
1230 | -} |
1231 | -.eight-col { |
1232 | - width: 65.95744% |
1233 | -} |
1234 | -.nine-col { |
1235 | - width: 74.46808% |
1236 | -} |
1237 | -.ten-col { |
1238 | - width: 82.97872% |
1239 | -} |
1240 | -.eleven-col { |
1241 | - width: 91.48936% |
1242 | -} |
1243 | -.twelve-col { |
1244 | - width: 100%; |
1245 | - margin-right: 0; |
1246 | -} |
1247 | -.twelve-col .one-col { |
1248 | - width: 6.3053%; |
1249 | - margin-right: 2.21238% |
1250 | -} |
1251 | -.twelve-col .two-col { |
1252 | - width: 14.823%; |
1253 | - margin-right: 2.21238% |
1254 | -} |
1255 | -.twelve-col .three-col { |
1256 | - width: 23.3407%; |
1257 | - margin-right: 2.21238% |
1258 | -} |
1259 | -.twelve-col .three-col { |
1260 | - width: 48.8938%; |
1261 | - margin-right: 2.21238% |
1262 | -} |
1263 | -.twelve-col .four-col { |
1264 | - width: 31.8584%; |
1265 | - margin-right: 2.21238% |
1266 | -} |
1267 | -.twelve-col .five-col { |
1268 | - width: 40.3761%; |
1269 | - margin-right: 2.21238% |
1270 | -} |
1271 | -.twelve-col .six-col { |
1272 | - width: 48.8938%; |
1273 | - margin-right: 2.21238% |
1274 | -} |
1275 | -.twelve-col .seven-col { |
1276 | - width: 57.4115%; |
1277 | - margin-right: 2.21238% |
1278 | -} |
1279 | -.twelve-col .eight-col { |
1280 | - width: 65.9292%; |
1281 | - margin-right: 2.21238% |
1282 | -} |
1283 | -.twelve-col .nine-col { |
1284 | - width: 74.4469%; |
1285 | - margin-right: 2.21238% |
1286 | -} |
1287 | -.twelve-col .ten-col { |
1288 | - width: 82.9646%; |
1289 | - margin-right: 2.21238% |
1290 | -} |
1291 | -.twelve-col .eleven-col { |
1292 | - width: 91.4823%; |
1293 | - margin-right: 2.21238% |
1294 | -} |
1295 | -.twelve-col .twelve-col { |
1296 | - width: 100%; |
1297 | - margin-right: 0; |
1298 | -} |
1299 | -.eleven-col .one-col { |
1300 | - width: 6.89238%; |
1301 | - margin-right: 2.41837% |
1302 | -} |
1303 | -.eleven-col .two-col { |
1304 | - width: 16.20314%; |
1305 | - margin-right: 2.41837% |
1306 | -} |
1307 | -.eleven-col .three-col { |
1308 | - width: 25.5139%; |
1309 | - margin-right: 2.41837% |
1310 | -} |
1311 | -.eleven-col .four-col { |
1312 | - width: 34.82466%; |
1313 | - margin-right: 2.41837% |
1314 | -} |
1315 | -.eleven-col .five-col { |
1316 | - width: 44.13542%; |
1317 | - margin-right: 2.41837% |
1318 | -} |
1319 | -.eleven-col .six-col { |
1320 | - width: 53.44619%; |
1321 | - margin-right: 2.41837% |
1322 | -} |
1323 | -.eleven-col .seven-col { |
1324 | - width: 62.75695%; |
1325 | - margin-right: 2.41837% |
1326 | -} |
1327 | -.eleven-col .eight-col { |
1328 | - width: 72.06771%; |
1329 | - margin-right: 2.41837% |
1330 | -} |
1331 | -.eleven-col .nine-col { |
1332 | - width: 81.37847%; |
1333 | - margin-right: 2.41837% |
1334 | -} |
1335 | -.eleven-col .ten-col { |
1336 | - width: 90.68923%; |
1337 | - margin-right: 2.41837% |
1338 | -} |
1339 | -.eleven-col .eleven-col { |
1340 | - width: 100%; |
1341 | - margin-right: 0; |
1342 | -} |
1343 | -.ten-col .one-col { |
1344 | - width: 7.6%; |
1345 | - margin-right: 2.66666% |
1346 | -} |
1347 | -.ten-col .two-col { |
1348 | - width: 17.86666%; |
1349 | - margin-right: 2.66666% |
1350 | -} |
1351 | -.ten-col .three-col { |
1352 | - width: 28.13333%; |
1353 | - margin-right: 2.66666% |
1354 | -} |
1355 | -.ten-col .four-col { |
1356 | - width: 38.4%; |
1357 | - margin-right: 2.66666% |
1358 | -} |
1359 | -.ten-col .five-col { |
1360 | - width: 48.66666%; |
1361 | - margin-right: 2.66666% |
1362 | -} |
1363 | -.ten-col .six-col { |
1364 | - width: 58.93333%; |
1365 | - margin-right: 2.66666% |
1366 | -} |
1367 | -.ten-col .seven-col { |
1368 | - width: 69.19999%; |
1369 | - margin-right: 2.66666% |
1370 | -} |
1371 | -.ten-col .eight-col { |
1372 | - width: 79.46666%; |
1373 | - margin-right: 2.66666% |
1374 | -} |
1375 | -.ten-col .nine-col { |
1376 | - width: 89.73333%; |
1377 | - margin-right: 2.66666% |
1378 | -} |
1379 | -.ten-col .ten-col { |
1380 | - width: 100%; |
1381 | - margin-right: 0; |
1382 | -} |
1383 | -.nine-col .one-col { |
1384 | - width: 8.46953%; |
1385 | - margin-right: 2.97176% |
1386 | -} |
1387 | -.nine-col .two-col { |
1388 | - width: 19.91084%; |
1389 | - margin-right: 2.97176% |
1390 | -} |
1391 | -.nine-col .three-col { |
1392 | - width: 31.35215%; |
1393 | - margin-right: 2.97176% |
1394 | -} |
1395 | -.nine-col .four-col { |
1396 | - width: 42.79346%; |
1397 | - margin-right: 2.97176% |
1398 | -} |
1399 | -.nine-col .five-col { |
1400 | - width: 54.23476%; |
1401 | - margin-right: 2.97176% |
1402 | -} |
1403 | -.nine-col .six-col { |
1404 | - width: 65.67607%; |
1405 | - margin-right: 2.97176% |
1406 | -} |
1407 | -.nine-col .seven-col { |
1408 | - width: 77.11738%; |
1409 | - margin-right: 2.97176% |
1410 | -} |
1411 | -.nine-col .eight-col { |
1412 | - width: 88.55869%; |
1413 | - margin-right: 2.97176% |
1414 | -} |
1415 | -.nine-col .nine-col { |
1416 | - width: 100%; |
1417 | - margin-right: 0; |
1418 | -} |
1419 | -.eight-col .one-col { |
1420 | - width: 9.56375%; |
1421 | - margin-right: 3.3557% |
1422 | -} |
1423 | -.eight-col .two-col { |
1424 | - width: 22.48322%; |
1425 | - margin-right: 3.3557% |
1426 | -} |
1427 | -.eight-col .three-col { |
1428 | - width: 35.40268%; |
1429 | - margin-right: 3.3557% |
1430 | -} |
1431 | -.eight-col .four-col { |
1432 | - width: 48.32214%; |
1433 | - margin-right: 3.3557% |
1434 | -} |
1435 | -.eight-col .five-col { |
1436 | - width: 61.24161%; |
1437 | - margin-right: 3.3557% |
1438 | -} |
1439 | -.eight-col .six-col { |
1440 | - width: 74.16107%; |
1441 | - margin-right: 3.3557% |
1442 | -} |
1443 | -.eight-col .seven-col { |
1444 | - width: 87.08053%; |
1445 | - margin-right: 3.3557% |
1446 | -} |
1447 | -.eight-col .eight-col { |
1448 | - width: 100%; |
1449 | - margin-right: 0; |
1450 | -} |
1451 | -.seven-col .one-col { |
1452 | - width: 10.98265%; |
1453 | - margin-right: 3.85356% |
1454 | -} |
1455 | -.seven-col .two-col { |
1456 | - width: 25.81888%; |
1457 | - margin-right: 3.85356% |
1458 | -} |
1459 | -.seven-col .three-col { |
1460 | - width: 40.6551%; |
1461 | - margin-right: 3.85356% |
1462 | -} |
1463 | -.seven-col .four-col { |
1464 | - width: 55.49132%; |
1465 | - margin-right: 3.85356% |
1466 | -} |
1467 | -.seven-col .five-col { |
1468 | - width: 70.32755%; |
1469 | - margin-right: 3.85356% |
1470 | -} |
1471 | -.seven-col .six-col { |
1472 | - width: 85.16377%; |
1473 | - margin-right: 3.85356% |
1474 | -} |
1475 | -.seven-col .seven-col { |
1476 | - width: 100%; |
1477 | - margin-right: 0; |
1478 | -} |
1479 | -.six-col .one-col { |
1480 | - width: 12.89592%; |
1481 | - margin-right: 4.52488% |
1482 | -} |
1483 | -.six-col .two-col { |
1484 | - width: 30.31674%; |
1485 | - margin-right: 4.52488% |
1486 | -} |
1487 | -.six-col .three-col { |
1488 | - width: 47.73755%; |
1489 | - margin-right: 4.52488% |
1490 | -} |
1491 | -.six-col .four-col { |
1492 | - width: 65.15837%; |
1493 | - margin-right: 4.52488% |
1494 | -} |
1495 | -.six-col .five-col { |
1496 | - width: 82.57918%; |
1497 | - margin-right: 4.52488% |
1498 | -} |
1499 | -.six-col .six-col { |
1500 | - width: 100%; |
1501 | - margin-right: 0; |
1502 | -} |
1503 | -.five-col .one-col { |
1504 | - width: 15.61643%; |
1505 | - margin-right: 5.47945% |
1506 | -} |
1507 | -.five-col .two-col { |
1508 | - width: 36.71232%; |
1509 | - margin-right: 5.47945% |
1510 | -} |
1511 | -.five-col .three-col { |
1512 | - width: 57.80821%; |
1513 | - margin-right: 5.47945% |
1514 | -} |
1515 | -.five-col .four-col { |
1516 | - width: 78.9041%; |
1517 | - margin-right: 5.47945% |
1518 | -} |
1519 | -.five-col .five-col { |
1520 | - width: 100%; |
1521 | - margin-right: 0; |
1522 | -} |
1523 | -.four-col .one-col { |
1524 | - width: 19.79166%; |
1525 | - margin-right: 6.94444% |
1526 | -} |
1527 | -.four-col .two-col { |
1528 | - width: 46.52777%; |
1529 | - margin-right: 6.94444% |
1530 | -} |
1531 | -.four-col .three-col { |
1532 | - width: 73.26388%; |
1533 | - margin-right: 6.94444% |
1534 | -} |
1535 | -.four-col .four-col { |
1536 | - width: 100%; |
1537 | - margin-right: 0; |
1538 | -} |
1539 | -.three-col .one-col { |
1540 | - width: 27.01421%; |
1541 | - margin-right: 9.47867% |
1542 | -} |
1543 | -.three-col .two-col { |
1544 | - width: 63.5071%; |
1545 | - margin-right: 9.47867% |
1546 | -} |
1547 | -.three-col .three-col { |
1548 | - width: 100%; |
1549 | - margin-right: 0; |
1550 | -} |
1551 | -.two-col .one-col { |
1552 | - width: 42.53731%; |
1553 | - margin-right: 14.92537% |
1554 | -} |
1555 | -.two-col .two-col { |
1556 | - width: 100%; |
1557 | - margin-right: 0; |
1558 | -} |
1559 | -.one-col .one-col { |
1560 | - width: 100%; |
1561 | - margin-right: 0; |
1562 | -} |
1563 | -.twelve-col .last-col { |
1564 | - margin-right: 0; |
1565 | -} |
1566 | -.eleven-col .last-col { |
1567 | - margin-right: 0; |
1568 | -} |
1569 | -.ten-col .last-col { |
1570 | - margin-right: 0; |
1571 | -} |
1572 | -.nine-col .last-col { |
1573 | - margin-right: 0; |
1574 | -} |
1575 | -.eight-col .last-col { |
1576 | - margin-right: 0; |
1577 | -} |
1578 | -.seven-col .last-col { |
1579 | - margin-right: 0; |
1580 | -} |
1581 | -.six-col .last-col { |
1582 | - margin-right: 0; |
1583 | -} |
1584 | -.five-col .last-col { |
1585 | - margin-right: 0; |
1586 | -} |
1587 | -.four-col .last-col { |
1588 | - margin-right: 0; |
1589 | -} |
1590 | -.three-col .last-col { |
1591 | - margin-right: 0; |
1592 | -} |
1593 | -.two-col .last-col { |
1594 | - margin-right: 0; |
1595 | -} |
1596 | -.one-col .last-col { |
1597 | - margin-right: 0; |
1598 | -} |
1599 | -.row, #context-footer { |
1600 | - border-radius: 0; |
1601 | - margin: 0; |
1602 | - padding: 40px 40px 20px; |
1603 | -} |
1604 | -.row:after { |
1605 | - content: "."; |
1606 | - visibility: hidden; |
1607 | - display: block; |
1608 | - height: 0; |
1609 | - clear: both; |
1610 | -} |
1611 | -.row-feature { |
1612 | - background: none; |
1613 | -} |
1614 | -.container { |
1615 | - box-sizing: border-box; |
1616 | - margin: 20px 20px 0; |
1617 | - width: 100% |
1618 | -} |
1619 | -.append-one { |
1620 | - margin-right: 8.51063% |
1621 | -} |
1622 | -.append-two { |
1623 | - margin-right: 17.02127% |
1624 | -} |
1625 | -.append-three { |
1626 | - margin-right: 25.53191% |
1627 | -} |
1628 | -.append-four { |
1629 | - margin-right: 34.04255% |
1630 | -} |
1631 | -.append-five { |
1632 | - margin-right: 42.55319% |
1633 | -} |
1634 | -.append-six { |
1635 | - margin-right: 51.06383% |
1636 | -} |
1637 | -.append-seven { |
1638 | - margin-right: 59.57446% |
1639 | -} |
1640 | -.append-eight { |
1641 | - margin-right: 68.0851% |
1642 | -} |
1643 | -.append-nine { |
1644 | - margin-right: 76.59574% |
1645 | -} |
1646 | -.append-ten { |
1647 | - margin-right: 85.10638% |
1648 | -} |
1649 | -.append-eleven { |
1650 | - margin-right: 93.61702% |
1651 | -} |
1652 | -.prepend-one { |
1653 | - margin-left: 8.51063% |
1654 | -} |
1655 | -.prepend-two { |
1656 | - margin-left: 17.02127% |
1657 | -} |
1658 | -.prepend-three { |
1659 | - margin-left: 25.53191% |
1660 | -} |
1661 | -.prepend-four { |
1662 | - margin-left: 34.04255% |
1663 | -} |
1664 | -.prepend-five { |
1665 | - margin-left: 42.55319% |
1666 | -} |
1667 | -.prepend-six { |
1668 | - margin-left: 51.06383% |
1669 | -} |
1670 | -.prepend-seven { |
1671 | - margin-left: 59.57446% |
1672 | -} |
1673 | -.prepend-eight { |
1674 | - margin-left: 68.0851% |
1675 | -} |
1676 | -.prepend-nine { |
1677 | - margin-left: 76.59574% |
1678 | -} |
1679 | -.prepend-ten { |
1680 | - margin-left: 85.10638% |
1681 | -} |
1682 | -.prepend-eleven { |
1683 | - margin-left: 93.61702% |
1684 | -} |
1685 | -.push-one { |
1686 | - margin-left: 57px; |
1687 | -} |
1688 | -.pull-one, .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven { |
1689 | - float: left; |
1690 | - position: relative; |
1691 | -} |
1692 | -.pull-one { |
1693 | - margin-left: -6.38297% |
1694 | -} |
1695 | -.pull-two { |
1696 | - margin-left: -17.02127% |
1697 | -} |
1698 | -.pull-three { |
1699 | - margin-left: -25.53191% |
1700 | -} |
1701 | -.pull-four { |
1702 | - margin-left: -34.04255% |
1703 | -} |
1704 | -.pull-five { |
1705 | - margin-left: -34.04255% |
1706 | -} |
1707 | -.pull-six { |
1708 | - margin-left: -51.06383% |
1709 | -} |
1710 | -.pull-seven { |
1711 | - margin-left: -59.57446% |
1712 | -} |
1713 | -.pull-eight { |
1714 | - margin-left: -68.0851% |
1715 | -} |
1716 | -.pull-nine { |
1717 | - margin-left: -76.59574% |
1718 | -} |
1719 | -.pull-ten { |
1720 | - margin-left: -85.10638% |
1721 | -} |
1722 | -.pull-eleven { |
1723 | - margin-left: -93.61702% |
1724 | -} |
1725 | -.push-1, .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven { |
1726 | - float: left; |
1727 | - position: relative; |
1728 | -} |
1729 | -.push-one { |
1730 | - margin: 0 -8.51063% 0 8.51063% |
1731 | -} |
1732 | -.push-two { |
1733 | - margin: 0 -19.14893% 0 19.14893% |
1734 | -} |
1735 | -.push-three { |
1736 | - margin: 0 -27.65957% 0 27.65957% |
1737 | -} |
1738 | -.push-four { |
1739 | - margin: 0 -36.17021% 0 36.17021% |
1740 | -} |
1741 | -.push-five { |
1742 | - margin: 0 -36.17021% 0 36.17021% |
1743 | -} |
1744 | -.push-six { |
1745 | - margin: 0 -53.19149% 0 53.19149% |
1746 | -} |
1747 | -.push-seven { |
1748 | - margin: 0 -61.70212% 0 61.70212% |
1749 | -} |
1750 | -.push-eight { |
1751 | - margin: 0 -70.21276% 0 70.21276% |
1752 | -} |
1753 | -.push-nine { |
1754 | - margin: 0 -78.7234% 0 78.7234% |
1755 | -} |
1756 | -.push-ten { |
1757 | - margin: 0 -87.23404% 0 87.23404% |
1758 | -} |
1759 | -.push-eleven { |
1760 | - margin: 0 -95.74468% 0 95.74468% |
1761 | -} |
1762 | -}@media only screen and (min-width: 984px) { |
1763 | - body { |
1764 | - font-size: 16px; |
1765 | -} |
1766 | -.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .col { |
1767 | - float: left; |
1768 | -} |
1769 | -.one-col { |
1770 | - width: 6.38297% |
1771 | -} |
1772 | -.two-col { |
1773 | - width: 14.89361% |
1774 | -} |
1775 | -.three-col { |
1776 | - width: 23.40425% |
1777 | -} |
1778 | -.four-col { |
1779 | - width: 31.91489% |
1780 | -} |
1781 | -.five-col { |
1782 | - width: 40.42553% |
1783 | -} |
1784 | -.six-col { |
1785 | - width: 48.93617% |
1786 | -} |
1787 | -.seven-col { |
1788 | - width: 57.4468% |
1789 | -} |
1790 | -.eight-col { |
1791 | - width: 65.95744% |
1792 | -} |
1793 | -.nine-col { |
1794 | - width: 74.46808% |
1795 | -} |
1796 | -.ten-col { |
1797 | - width: 82.97872% |
1798 | -} |
1799 | -.eleven-col { |
1800 | - width: 91.48936% |
1801 | -} |
1802 | -.three-col:nth-child(1):nth-last-child(4), .three-col:nth-child(2):nth-last-child(3), .three-col:nth-child(3):nth-last-child(2), .three-col:nth-child(4):nth-last-child(1) { |
1803 | - width: 23.36% |
1804 | -} |
1805 | -.three-col:nth-of-type(2) { |
1806 | - margin-right: 2.21238% |
1807 | -} |
1808 | -.twelve-col { |
1809 | - width: 100%; |
1810 | - margin-right: 0; |
1811 | -} |
1812 | -.twelve-col .one-col { |
1813 | - width: 6.3053%; |
1814 | - margin-right: 2.21238% |
1815 | -} |
1816 | -.twelve-col .two-col { |
1817 | - width: 14.823%; |
1818 | - margin-right: 2.21238% |
1819 | -} |
1820 | -.twelve-col .three-col { |
1821 | - width: 23.3407%; |
1822 | - margin-right: 2.21238% |
1823 | -} |
1824 | -.twelve-col .three-col:nth-child(1):nth-last-child(4), .twelve-col .three-col:nth-child(2):nth-last-child(3), .twelve-col .three-col:nth-child(3):nth-last-child(2), .twelve-col .three-col:nth-child(4):nth-last-child(1) { |
1825 | - width: 23.3407% |
1826 | -} |
1827 | -.twelve-col .three-col:nth-of-type(2) { |
1828 | - margin-right: 2.21238% |
1829 | -} |
1830 | -.twelve-col .four-col { |
1831 | - width: 31.8584%; |
1832 | - margin-right: 2.21238% |
1833 | -} |
1834 | -.twelve-col .five-col { |
1835 | - width: 40.3761%; |
1836 | - margin-right: 2.21238% |
1837 | -} |
1838 | -.twelve-col .six-col { |
1839 | - width: 48.8938%; |
1840 | - margin-right: 2.21238% |
1841 | -} |
1842 | -.twelve-col .seven-col { |
1843 | - width: 57.4115%; |
1844 | - margin-right: 2.21238% |
1845 | -} |
1846 | -.twelve-col .eight-col { |
1847 | - width: 65.9292%; |
1848 | - margin-right: 2.21238% |
1849 | -} |
1850 | -.twelve-col .nine-col { |
1851 | - width: 74.4469%; |
1852 | - margin-right: 2.21238% |
1853 | -} |
1854 | -.twelve-col .ten-col { |
1855 | - width: 82.9646%; |
1856 | - margin-right: 2.21238% |
1857 | -} |
1858 | -.twelve-col .eleven-col { |
1859 | - width: 91.4823%; |
1860 | - margin-right: 2.21238% |
1861 | -} |
1862 | -.twelve-col .twelve-col { |
1863 | - width: 100%; |
1864 | - margin-right: 0; |
1865 | -} |
1866 | -.eleven-col .one-col { |
1867 | - width: 6.89238%; |
1868 | - margin-right: 2.41837% |
1869 | -} |
1870 | -.eleven-col .two-col { |
1871 | - width: 16.20314%; |
1872 | - margin-right: 2.41837% |
1873 | -} |
1874 | -.eleven-col .three-col { |
1875 | - width: 25.5139%; |
1876 | - margin-right: 2.41837% |
1877 | -} |
1878 | -.eleven-col .four-col { |
1879 | - width: 34.82466%; |
1880 | - margin-right: 2.41837% |
1881 | -} |
1882 | -.eleven-col .five-col { |
1883 | - width: 44.13542%; |
1884 | - margin-right: 2.41837% |
1885 | -} |
1886 | -.eleven-col .six-col { |
1887 | - width: 53.44619%; |
1888 | - margin-right: 2.41837% |
1889 | -} |
1890 | -.eleven-col .seven-col { |
1891 | - width: 62.75695%; |
1892 | - margin-right: 2.41837% |
1893 | -} |
1894 | -.eleven-col .eight-col { |
1895 | - width: 72.06771%; |
1896 | - margin-right: 2.41837% |
1897 | -} |
1898 | -.eleven-col .nine-col { |
1899 | - width: 81.37847%; |
1900 | - margin-right: 2.41837% |
1901 | -} |
1902 | -.eleven-col .ten-col { |
1903 | - width: 90.68923%; |
1904 | - margin-right: 2.41837% |
1905 | -} |
1906 | -.eleven-col .eleven-col { |
1907 | - width: 100%; |
1908 | - margin-right: 0; |
1909 | -} |
1910 | -.ten-col .one-col { |
1911 | - width: 7.6%; |
1912 | - margin-right: 2.66666% |
1913 | -} |
1914 | -.ten-col .two-col { |
1915 | - width: 17.86666%; |
1916 | - margin-right: 2.66666% |
1917 | -} |
1918 | -.ten-col .three-col { |
1919 | - width: 28.13333%; |
1920 | - margin-right: 2.66666% |
1921 | -} |
1922 | -.ten-col .four-col { |
1923 | - width: 38.4%; |
1924 | - margin-right: 2.66666% |
1925 | -} |
1926 | -.ten-col .five-col { |
1927 | - width: 48.66666%; |
1928 | - margin-right: 2.66666% |
1929 | -} |
1930 | -.ten-col .six-col { |
1931 | - width: 58.93333%; |
1932 | - margin-right: 2.66666% |
1933 | -} |
1934 | -.ten-col .seven-col { |
1935 | - width: 69.19999%; |
1936 | - margin-right: 2.66666% |
1937 | -} |
1938 | -.ten-col .eight-col { |
1939 | - width: 79.46666%; |
1940 | - margin-right: 2.66666% |
1941 | -} |
1942 | -.ten-col .nine-col { |
1943 | - width: 89.73333%; |
1944 | - margin-right: 2.66666% |
1945 | -} |
1946 | -.ten-col .ten-col { |
1947 | - width: 100%; |
1948 | - margin-right: 0; |
1949 | -} |
1950 | -.nine-col .one-col { |
1951 | - width: 8.46953%; |
1952 | - margin-right: 2.97176% |
1953 | -} |
1954 | -.nine-col .two-col { |
1955 | - width: 19.91084%; |
1956 | - margin-right: 2.97176% |
1957 | -} |
1958 | -.nine-col .three-col { |
1959 | - width: 31.35215%; |
1960 | - margin-right: 2.97176% |
1961 | -} |
1962 | -.nine-col .four-col { |
1963 | - width: 42.79346%; |
1964 | - margin-right: 2.97176% |
1965 | -} |
1966 | -.nine-col .five-col { |
1967 | - width: 54.23476%; |
1968 | - margin-right: 2.97176% |
1969 | -} |
1970 | -.nine-col .six-col { |
1971 | - width: 65.67607%; |
1972 | - margin-right: 2.97176% |
1973 | -} |
1974 | -.nine-col .seven-col { |
1975 | - width: 77.11738%; |
1976 | - margin-right: 2.97176% |
1977 | -} |
1978 | -.nine-col .eight-col { |
1979 | - width: 88.55869%; |
1980 | - margin-right: 2.97176% |
1981 | -} |
1982 | -.nine-col .nine-col { |
1983 | - width: 100%; |
1984 | - margin-right: 0; |
1985 | -} |
1986 | -.eight-col .one-col { |
1987 | - width: 9.56375%; |
1988 | - margin-right: 3.3557% |
1989 | -} |
1990 | -.eight-col .two-col { |
1991 | - width: 22.48322%; |
1992 | - margin-right: 3.3557% |
1993 | -} |
1994 | -.eight-col .three-col { |
1995 | - width: 35.40268%; |
1996 | - margin-right: 3.3557% |
1997 | -} |
1998 | -.eight-col .four-col { |
1999 | - width: 48.32214%; |
2000 | - margin-right: 3.3557% |
2001 | -} |
2002 | -.eight-col .five-col { |
2003 | - width: 61.24161%; |
2004 | - margin-right: 3.3557% |
2005 | -} |
2006 | -.eight-col .six-col { |
2007 | - width: 74.16107%; |
2008 | - margin-right: 3.3557% |
2009 | -} |
2010 | -.eight-col .seven-col { |
2011 | - width: 87.08053%; |
2012 | - margin-right: 3.3557% |
2013 | -} |
2014 | -.eight-col .eight-col { |
2015 | - width: 100%; |
2016 | - margin-right: 0; |
2017 | -} |
2018 | -.seven-col .one-col { |
2019 | - width: 10.98265%; |
2020 | - margin-right: 3.85356% |
2021 | -} |
2022 | -.seven-col .two-col { |
2023 | - width: 25.81888%; |
2024 | - margin-right: 3.85356% |
2025 | -} |
2026 | -.seven-col .three-col { |
2027 | - width: 40.6551%; |
2028 | - margin-right: 3.85356% |
2029 | -} |
2030 | -.seven-col .four-col { |
2031 | - width: 55.49132%; |
2032 | - margin-right: 3.85356% |
2033 | -} |
2034 | -.seven-col .five-col { |
2035 | - width: 70.32755%; |
2036 | - margin-right: 3.85356% |
2037 | -} |
2038 | -.seven-col .six-col { |
2039 | - width: 85.16377%; |
2040 | - margin-right: 3.85356% |
2041 | -} |
2042 | -.seven-col .seven-col { |
2043 | - width: 100%; |
2044 | - margin-right: 0; |
2045 | -} |
2046 | -.six-col .one-col { |
2047 | - width: 12.89592%; |
2048 | - margin-right: 4.52488% |
2049 | -} |
2050 | -.six-col .two-col { |
2051 | - width: 30.31674%; |
2052 | - margin-right: 4.52488% |
2053 | -} |
2054 | -.six-col .three-col { |
2055 | - width: 47.73755%; |
2056 | - margin-right: 4.52488% |
2057 | -} |
2058 | -.six-col .four-col { |
2059 | - width: 65.15837%; |
2060 | - margin-right: 4.52488% |
2061 | -} |
2062 | -.six-col .five-col { |
2063 | - width: 82.57918%; |
2064 | - margin-right: 4.52488% |
2065 | -} |
2066 | -.six-col .six-col { |
2067 | - width: 100%; |
2068 | - margin-right: 0; |
2069 | -} |
2070 | -.five-col .one-col { |
2071 | - width: 15.61643%; |
2072 | - margin-right: 5.47945% |
2073 | -} |
2074 | -.five-col .two-col { |
2075 | - width: 36.71232%; |
2076 | - margin-right: 5.47945% |
2077 | -} |
2078 | -.five-col .three-col { |
2079 | - width: 57.80821%; |
2080 | - margin-right: 5.47945% |
2081 | -} |
2082 | -.five-col .four-col { |
2083 | - width: 78.9041%; |
2084 | - margin-right: 5.47945% |
2085 | -} |
2086 | -.five-col .five-col { |
2087 | - width: 100%; |
2088 | - margin-right: 0; |
2089 | -} |
2090 | -.four-col .one-col { |
2091 | - width: 19.79166%; |
2092 | - margin-right: 6.94444% |
2093 | -} |
2094 | -.four-col .two-col { |
2095 | - width: 46.52777%; |
2096 | - margin-right: 6.94444% |
2097 | -} |
2098 | -.four-col .three-col { |
2099 | - width: 73.26388%; |
2100 | - margin-right: 6.94444% |
2101 | -} |
2102 | -.four-col .four-col { |
2103 | - width: 100%; |
2104 | - margin-right: 0; |
2105 | -} |
2106 | -.three-col .one-col { |
2107 | - width: 27.01421%; |
2108 | - margin-right: 9.47867% |
2109 | -} |
2110 | -.three-col .two-col { |
2111 | - width: 63.5071%; |
2112 | - margin-right: 9.47867% |
2113 | -} |
2114 | -.three-col .three-col { |
2115 | - width: 100%; |
2116 | - margin-right: 0; |
2117 | -} |
2118 | -.two-col .one-col { |
2119 | - width: 42.53731%; |
2120 | - margin-right: 14.92537% |
2121 | -} |
2122 | -.two-col .two-col { |
2123 | - width: 100%; |
2124 | - margin-right: 0; |
2125 | -} |
2126 | -.one-col .one-col { |
2127 | - width: 100%; |
2128 | - margin-right: 0; |
2129 | -} |
2130 | -.twelve-col .last-col { |
2131 | - margin-right: 0; |
2132 | -} |
2133 | -.eleven-col .last-col { |
2134 | - margin-right: 0; |
2135 | -} |
2136 | -.ten-col .last-col { |
2137 | - margin-right: 0; |
2138 | -} |
2139 | -.nine-col .last-col { |
2140 | - margin-right: 0; |
2141 | -} |
2142 | -.eight-col .last-col { |
2143 | - margin-right: 0; |
2144 | -} |
2145 | -.seven-col .last-col { |
2146 | - margin-right: 0; |
2147 | -} |
2148 | -.six-col .last-col { |
2149 | - margin-right: 0; |
2150 | -} |
2151 | -.five-col .last-col { |
2152 | - margin-right: 0; |
2153 | -} |
2154 | -.four-col .last-col { |
2155 | - margin-right: 0; |
2156 | -} |
2157 | -.three-col .last-col { |
2158 | - margin-right: 0; |
2159 | -} |
2160 | -.two-col .last-col { |
2161 | - margin-right: 0; |
2162 | -} |
2163 | -.one-col .last-col { |
2164 | - margin-right: 0; |
2165 | -} |
2166 | -.row, #context-footer { |
2167 | - border-radius: 0; |
2168 | - margin: 0; |
2169 | - padding: 40px 40px 20px; |
2170 | -} |
2171 | -.row:after { |
2172 | - content: "."; |
2173 | - visibility: hidden; |
2174 | - display: block; |
2175 | - height: 0; |
2176 | - clear: both; |
2177 | -} |
2178 | -.row-feature { |
2179 | - background: none; |
2180 | -} |
2181 | -.container { |
2182 | - box-sizing: border-box; |
2183 | - margin: 20px 20px 0; |
2184 | - width: 100% |
2185 | -} |
2186 | -.append-one { |
2187 | - margin-right: 8.51063% |
2188 | -} |
2189 | -.append-two { |
2190 | - margin-right: 17.02127% |
2191 | -} |
2192 | -.append-three { |
2193 | - margin-right: 25.53191% |
2194 | -} |
2195 | -.append-four { |
2196 | - margin-right: 34.04255% |
2197 | -} |
2198 | -.append-five { |
2199 | - margin-right: 42.55319% |
2200 | -} |
2201 | -.append-six { |
2202 | - margin-right: 51.06383% |
2203 | -} |
2204 | -.append-seven { |
2205 | - margin-right: 59.57446% |
2206 | -} |
2207 | -.append-eight { |
2208 | - margin-right: 68.0851% |
2209 | -} |
2210 | -.append-nine { |
2211 | - margin-right: 76.59574% |
2212 | -} |
2213 | -.append-ten { |
2214 | - margin-right: 85.10638% |
2215 | -} |
2216 | -.append-eleven { |
2217 | - margin-right: 93.61702% |
2218 | -} |
2219 | -.prepend-one { |
2220 | - margin-left: 8.51063% |
2221 | -} |
2222 | -.prepend-two { |
2223 | - margin-left: 17.02127% |
2224 | -} |
2225 | -.prepend-three { |
2226 | - margin-left: 25.53191% |
2227 | -} |
2228 | -.prepend-four { |
2229 | - margin-left: 34.04255% |
2230 | -} |
2231 | -.prepend-five { |
2232 | - margin-left: 42.55319% |
2233 | -} |
2234 | -.prepend-six { |
2235 | - margin-left: 51.06383% |
2236 | -} |
2237 | -.prepend-seven { |
2238 | - margin-left: 59.57446% |
2239 | -} |
2240 | -.prepend-eight { |
2241 | - margin-left: 68.0851% |
2242 | -} |
2243 | -.prepend-nine { |
2244 | - margin-left: 76.59574% |
2245 | -} |
2246 | -.prepend-ten { |
2247 | - margin-left: 85.10638% |
2248 | -} |
2249 | -.prepend-eleven { |
2250 | - margin-left: 93.61702% |
2251 | -} |
2252 | -.push-one { |
2253 | - margin-left: 57px; |
2254 | -} |
2255 | -.pull-one, .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven { |
2256 | - float: left; |
2257 | - position: relative; |
2258 | -} |
2259 | -.pull-one { |
2260 | - margin-left: -6.38297% |
2261 | -} |
2262 | -.pull-two { |
2263 | - margin-left: -17.02127% |
2264 | -} |
2265 | -.pull-three { |
2266 | - margin-left: -25.53191% |
2267 | -} |
2268 | -.pull-four { |
2269 | - margin-left: -34.04255% |
2270 | -} |
2271 | -.pull-five { |
2272 | - margin-left: -34.04255% |
2273 | -} |
2274 | -.pull-six { |
2275 | - margin-left: -51.06383% |
2276 | -} |
2277 | -.pull-seven { |
2278 | - margin-left: -59.57446% |
2279 | -} |
2280 | -.pull-eight { |
2281 | - margin-left: -68.0851% |
2282 | -} |
2283 | -.pull-nine { |
2284 | - margin-left: -76.59574% |
2285 | -} |
2286 | -.pull-ten { |
2287 | - margin-left: -85.10638% |
2288 | -} |
2289 | -.pull-eleven { |
2290 | - margin-left: -93.61702% |
2291 | -} |
2292 | -.push-1, .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven { |
2293 | - float: left; |
2294 | - position: relative; |
2295 | -} |
2296 | -.push-one { |
2297 | - margin: 0 -8.51063% 0 8.51063% |
2298 | -} |
2299 | -.push-two { |
2300 | - margin: 0 -19.14893% 0 19.14893% |
2301 | -} |
2302 | -.push-three { |
2303 | - margin: 0 -27.65957% 0 27.65957% |
2304 | -} |
2305 | -.push-four { |
2306 | - margin: 0 -36.17021% 0 36.17021% |
2307 | -} |
2308 | -.push-five { |
2309 | - margin: 0 -36.17021% 0 36.17021% |
2310 | -} |
2311 | -.push-six { |
2312 | - margin: 0 -53.19149% 0 53.19149% |
2313 | -} |
2314 | -.push-seven { |
2315 | - margin: 0 -61.70212% 0 61.70212% |
2316 | -} |
2317 | -.push-eight { |
2318 | - margin: 0 -70.21276% 0 70.21276% |
2319 | -} |
2320 | -.push-nine { |
2321 | - margin: 0 -78.7234% 0 78.7234% |
2322 | -} |
2323 | -.push-ten { |
2324 | - margin: 0 -87.23404% 0 87.23404% |
2325 | -} |
2326 | -.push-eleven { |
2327 | - margin: 0 -95.74468% 0 95.74468% |
2328 | -} |
2329 | -} |
2330 | -html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { |
2331 | - border: 0; |
2332 | - margin: 0; |
2333 | - padding: 0; |
2334 | - vertical-align: baseline; |
2335 | -} |
2336 | -article, aside, details, figcaption, figure, footer, header, nav, section { |
2337 | - display: block; |
2338 | -} |
2339 | -audio, canvas, video { |
2340 | - display: inline-block; |
2341 | -} |
2342 | -audio:not([controls]) { |
2343 | - display: none; |
2344 | -} |
2345 | -[hidden] { |
2346 | - display: none; |
2347 | -} |
2348 | -html { |
2349 | - background: url("../images/image-background-paper.png") repeat-y fixed center top #f7f7f7; |
2350 | - font-size: 100%; |
2351 | - overflow-y: scroll; |
2352 | - text-size-adjust: 100%; |
2353 | - transition: background-position 100 ease; |
2354 | -} |
2355 | -body { |
2356 | - background: url("../images/image-background-paper.png") repeat-y center top #f7f7f7; |
2357 | - color: #333; |
2358 | - font-family: Ubuntu, Arial, "libra sans", sans-serif; |
2359 | - font-weight: 300; |
2360 | -} |
2361 | -blockquote, q { |
2362 | - quotes: none; |
2363 | -} |
2364 | -blockquote { |
2365 | - margin: 28px 20px; |
2366 | -} |
2367 | -blockquote:before, blockquote:after, q:before, q:after { |
2368 | - content: ""; |
2369 | - content: none; |
2370 | -} |
2371 | -legend { |
2372 | - border: 0; |
2373 | -} |
2374 | -figure { |
2375 | - margin: 0; |
2376 | -} |
2377 | -abbr, acronym { |
2378 | - cursor: help; |
2379 | -} |
2380 | -a:focus { |
2381 | - outline: thin dotted; |
2382 | -} |
2383 | -a:hover, a:active { |
2384 | - outline: 0; |
2385 | -} |
2386 | -a:link, a:visited { |
2387 | - color: #dd4814; |
2388 | - text-decoration: none; |
2389 | -} |
2390 | -a:hover, a:active, a:focus { |
2391 | - text-decoration: underline; |
2392 | -} |
2393 | -ol, ul { |
2394 | - margin-left: 20px; |
2395 | - margin-bottom: 20px; |
2396 | -} |
2397 | -ol ol, ul ul, ol ul, ul ol { |
2398 | - margin-bottom: 0; |
2399 | -} |
2400 | -nav ul, nav ol { |
2401 | - list-style: none; |
2402 | - list-style-image: none; |
2403 | -} |
2404 | -svg:not(:root) { |
2405 | - overflow: hidden; |
2406 | -} |
2407 | -img { |
2408 | - border: 0; |
2409 | - height: auto; |
2410 | - max-width: 100% |
2411 | -} |
2412 | -img.left { |
2413 | - margin-right: 20px; |
2414 | -} |
2415 | -img.right { |
2416 | - margin-left: 20px; |
2417 | -} |
2418 | -.middle img { |
2419 | - vertical-align: middle; |
2420 | - margin-top: 4em; |
2421 | -} |
2422 | -h1, h2, h3, h4, h5, h6 { |
2423 | - font-weight: 300; |
2424 | - line-height: 1.3; |
2425 | -} |
2426 | -h1 { |
2427 | - font-size: 1.625em; |
2428 | - margin-bottom: .5em; |
2429 | -} |
2430 | -h2 { |
2431 | - font-size: 1.438em; |
2432 | - margin-bottom: .5em; |
2433 | -} |
2434 | -h3 { |
2435 | - font-size: 1.219em; |
2436 | - margin-bottom: .522em; |
2437 | -} |
2438 | -h4 { |
2439 | - font-size: 1.25em; |
2440 | - font-weight: 400; |
2441 | - margin-bottom: .615em; |
2442 | -} |
2443 | -h5 { |
2444 | - font-size: 1em; |
2445 | - font-weight: 700; |
2446 | - margin-bottom: 1em; |
2447 | -} |
2448 | -h6 { |
2449 | - font-size: .723em; |
2450 | - font-weight: 400; |
2451 | - margin-bottom: 1em; |
2452 | - letter-spacing: .1em; |
2453 | - text-transform: uppercase; |
2454 | -} |
2455 | -p, li { |
2456 | - font-size: 1em; |
2457 | - line-height: 1.5; |
2458 | - margin: 0; |
2459 | - margin-bottom: .75em; |
2460 | - padding: 0; |
2461 | -} |
2462 | -h2 span, h1 span { |
2463 | - display: block; |
2464 | -} |
2465 | -p+h2, ul+h2, ol+h2, pre+h2 { |
2466 | - margin-top: 0.5625em; |
2467 | -} |
2468 | -header nav a:link { |
2469 | - font-weight: normal; |
2470 | -} |
2471 | -p+h3, ul+h3, ol+h3, pre+h3 { |
2472 | - margin-top: 0.78261em; |
2473 | -} |
2474 | -p+h4, ul+h4, ol+h4, pre+h4 { |
2475 | - margin-top: 1.39286em; |
2476 | -} |
2477 | -ol+h2, p+h2, pre+h2, ul+h2 { |
2478 | - margin-top: .563em; |
2479 | -} |
2480 | -ol+h3, p+h3, pre+h3, ul+h3 { |
2481 | - margin-top: .783em; |
2482 | -} |
2483 | -ol+h4, p+h4, pre+h4, ul+h4 { |
2484 | - margin-top: 1.219em; |
2485 | -} |
2486 | -li { |
2487 | - margin-bottom: .4em; |
2488 | -} |
2489 | -li:last-of-type { |
2490 | - margin-bottom: 0; |
2491 | -} |
2492 | -ins { |
2493 | - background: #fffbeb; |
2494 | - text-decoration: none; |
2495 | -} |
2496 | -small, .smaller { |
2497 | - font-size: 13px; |
2498 | -} |
2499 | -sub, sup { |
2500 | - font-size: 75%; |
2501 | - line-height: 0; |
2502 | - position: relative; |
2503 | - vertical-align: baseline; |
2504 | -} |
2505 | -sup { |
2506 | - vertical-align: text-top; |
2507 | -} |
2508 | -sub { |
2509 | - vertical-align: text-bottom; |
2510 | -} |
2511 | -dfn { |
2512 | - font-style: italic; |
2513 | -} |
2514 | -mark { |
2515 | - background: #ff0; |
2516 | - color: #000; |
2517 | -} |
2518 | -code, pre { |
2519 | - font-family: "Ubuntu Mono", "Consolas", "Monaco", "Lucida Console", "Courier New", Courier, monospace; |
2520 | -} |
2521 | -pre { |
2522 | - border-radius: 4px; |
2523 | - background: #fdf6f2; |
2524 | - padding: .6em 1em; |
2525 | - white-space: pre-wrap; |
2526 | - word-wrap: break-word; |
2527 | -} |
2528 | -blockquote { |
2529 | - margin: 0; |
2530 | -} |
2531 | -blockquote > p { |
2532 | - font-size: 0.92857em; |
2533 | - margin-bottom: 0.92308em; |
2534 | - font-weight: 100; |
2535 | - margin: 0 0 .4em 0; |
2536 | -} |
2537 | -blockquote small { |
2538 | - font-size: .813em; |
2539 | - line-height: 1.4; |
2540 | -} |
2541 | -button, input, select, textarea { |
2542 | - font-family: Ubuntu, Arial, "libra sans", sans-serif; |
2543 | - margin: 0; |
2544 | - vertical-align: baseline; |
2545 | -} |
2546 | -select { |
2547 | - font-size: 1em; |
2548 | - font-weight: 300; |
2549 | -} |
2550 | -button, input { |
2551 | - line-height: normal; |
2552 | -} |
2553 | -button, input[type="button"], input[type="reset"], input[type="submit"] { |
2554 | - cursor: pointer; |
2555 | - -webkit-appearance: button; |
2556 | -} |
2557 | -input[type="checkbox"], input[type="radio"] { |
2558 | - box-sizing: border-box; |
2559 | - padding: 0; |
2560 | -} |
2561 | -input[type="search"] { |
2562 | - border-radius: 2px; |
2563 | - -webkit-appearance: none; |
2564 | - box-sizing: content-box; |
2565 | - font-family: Ubuntu, Arial, "libra sans", sans-serif; |
2566 | - font-weight: 300; |
2567 | - outline: none; |
2568 | - padding: 0.6956522em 0.869565em; |
2569 | -} |
2570 | -input[type="search"]::-webkit-search-decoration { |
2571 | - -webkit-appearance: none; |
2572 | -} |
2573 | -button::-moz-focus-inner, input::-moz-focus-inner { |
2574 | - border: 0; |
2575 | - padding: 0; |
2576 | -} |
2577 | -textarea { |
2578 | - overflow: auto; |
2579 | - vertical-align: top; |
2580 | -} |
2581 | -form fieldset { |
2582 | - border-radius: 4px; |
2583 | - background-repeat: no-repeat; |
2584 | - background-color: #EFEEEC; |
2585 | - background-position: -15px -15px; |
2586 | - border: 0; |
2587 | - margin-bottom: 8px; |
2588 | - padding: 15px 20px; |
2589 | -} |
2590 | -form fieldset h3 { |
2591 | - border-bottom: 1px dotted #dfdcd9; |
2592 | - margin-bottom: 9px; |
2593 | - padding-bottom: 10px; |
2594 | -} |
2595 | -form fieldset li:first-child { |
2596 | - margin-top: 0; |
2597 | -} |
2598 | -form input[type="text"], form input[type="email"], form input[type="tel"], form textarea { |
2599 | - -webkit-appearance: none; |
2600 | - border-radius: 2px; |
2601 | - background: #fff; |
2602 | - border: 1px solid #999; |
2603 | - display: block; |
2604 | - font-family: Ubuntu, Arial, "libra sans", sans-serif; |
2605 | - font-size: 1em; |
2606 | - font-weight: 300; |
2607 | - padding: 0.6956522em 0.869565em; |
2608 | -} |
2609 | -form input:focus, form textarea:focus { |
2610 | - border: 1px solid #dd4814; |
2611 | -} |
2612 | -form textarea[readonly='readonly'] { |
2613 | - color: #999; |
2614 | -} |
2615 | -form input[type="checkbox"], form input[type="radio"] { |
2616 | - margin: 0; |
2617 | - width: auto; |
2618 | -} |
2619 | -form input[type="checkbox"]+label, form input[type="radio"]+label { |
2620 | - display: inline; |
2621 | - margin-left: 5px; |
2622 | - vertical-align: middle; |
2623 | - width: auto; |
2624 | -} |
2625 | -form input[type="submit"] { |
2626 | - font-size: 1.14286em; |
2627 | - margin-bottom: 0.75em; |
2628 | - border-radius: 4px; |
2629 | - background-color: #dd4814; |
2630 | - background-image: linear-gradient(#f26120, #dd4814); |
2631 | - box-shadow: none; |
2632 | - border: 0; |
2633 | - color: #fff; |
2634 | - display: block; |
2635 | - padding: 10px 14px; |
2636 | - text-shadow: none; |
2637 | - width: auto; |
2638 | - margin-bottom: 0; |
2639 | -} |
2640 | -form input[type="submit"]:hover { |
2641 | - background: #dd4814; |
2642 | -} |
2643 | -form label { |
2644 | - cursor: pointer; |
2645 | - display: block; |
2646 | - margin-bottom: 4px; |
2647 | -} |
2648 | -form label span { |
2649 | - color: #df382c; |
2650 | -} |
2651 | -form ul { |
2652 | - margin-left: 0; |
2653 | -} |
2654 | -form li { |
2655 | - list-style: none outside none; |
2656 | - margin-top: 14px; |
2657 | -} |
2658 | -form button[type="submit"] { |
2659 | - border: 0; |
2660 | - display: inline-block; |
2661 | - font-family: Ubuntu, Arial, "libra sans", sans-serif; |
2662 | - text-decoration: none; |
2663 | - font-weight: 300; |
2664 | -} |
2665 | -form input[type="reset"] { |
2666 | - display: none; |
2667 | -} |
2668 | -table { |
2669 | - border-collapse: collapse; |
2670 | - border-spacing: 0; |
2671 | - overflow-x: scroll; |
2672 | - margin-bottom: 20px; |
2673 | - margin: 0 0 2.85714em 0; |
2674 | - width: 100% |
2675 | -} |
2676 | -table th, table td { |
2677 | - padding: 15px 10px; |
2678 | - background: #f0edea; |
2679 | - border: 1px dotted #888; |
2680 | -} |
2681 | -table td { |
2682 | - text-align: center; |
2683 | - vertical-align: middle; |
2684 | -} |
2685 | -table thead th { |
2686 | - border-collapse: separate; |
2687 | - border-spacing: 0 10px; |
2688 | - background: #fee3d2; |
2689 | - color: #333333; |
2690 | - font-weight: normal; |
2691 | -} |
2692 | -table tbody th { |
2693 | - text-align: left; |
2694 | - font-weight: normal; |
2695 | - font-weight: 300; |
2696 | -} |
2697 | -table th[scope="col"] { |
2698 | - text-align: center; |
2699 | -} |
2700 | -table thead th:first-of-type { |
2701 | - text-align: left; |
2702 | -} |
2703 | -@media only screen and (max-width: 768px) { |
2704 | - table { |
2705 | - display: block; |
2706 | -} |
2707 | -}@media only screen and (min-width: 984px) { |
2708 | - form fieldset { |
2709 | - padding: 15px 20px; |
2710 | -} |
2711 | -img { |
2712 | - max-width: none; |
2713 | -} |
2714 | -.row-enterprise { |
2715 | - background: #772953; |
2716 | - color: #fff; |
2717 | - border-radius: 0; |
2718 | -} |
2719 | -.row-enterprise .box, .row-enterprise div { |
2720 | - background: #772953; |
2721 | - color: #fff; |
2722 | -} |
2723 | -.row-enterprise a { |
2724 | - color: #fff; |
2725 | -} |
2726 | -.wrapper, header.banner .nav-primary, nav div.footer-a div, .inline-lists ul, .legal { |
2727 | - box-sizing: border-box; |
2728 | - width: auto; |
2729 | -} |
2730 | -.inner-wrapper { |
2731 | - box-sizing: border-box; |
2732 | - background: #fff; |
2733 | - clear: both; |
2734 | - display: block; |
2735 | - float: left; |
2736 | - width: 100%; |
2737 | - margin: 0; |
2738 | - padding-bottom: 20px; |
2739 | - position: relative; |
2740 | - z-index: 1; |
2741 | -} |
2742 | -}@media only screen and (min-width: 768px) { |
2743 | - .med-six-col .three-col { |
2744 | - width: 48% |
2745 | -} |
2746 | -.med-six-col .three-col:nth-of-type(2n) { |
2747 | - margin-right: 0; |
2748 | -} |
2749 | -}@media only screen and (min-width: 769px) { |
2750 | - .inner-wrapper { |
2751 | - border-radius: 4px; |
2752 | - padding-bottom: 20px; |
2753 | -} |
2754 | -}@media only screen and (min-width: 984px) { |
2755 | - .wrapper { |
2756 | - box-sizing: border-box; |
2757 | - background: #fff; |
2758 | - margin: 0 auto; |
2759 | - position: relative; |
2760 | - text-align: left; |
2761 | - width: 984px; |
2762 | -} |
2763 | -.inner-wrapper { |
2764 | - box-shadow: 0 0 3px #c9c9c9; |
2765 | - margin: 10px 0 30px; |
2766 | -} |
2767 | -.three-col, .med-six-col .three-col { |
2768 | - width: 23.30% |
2769 | -} |
2770 | -.three-col.last-col:nth-of-type(2n) { |
2771 | - margin-right: 0; |
2772 | -} |
2773 | -.med-six-col .three-col:nth-of-type(2n) { |
2774 | - margin-right: 20px; |
2775 | -} |
2776 | -.med-six-col .three-col.last-col { |
2777 | - margin-right: 0; |
2778 | -} |
2779 | -}.left { |
2780 | - float: left; |
2781 | -} |
2782 | -.right { |
2783 | - float: right; |
2784 | -} |
2785 | -.caps { |
2786 | - text-transform: uppercase; |
2787 | -} |
2788 | -img { |
2789 | - border: 0 none; |
2790 | - height: auto; |
2791 | - max-width: 100% |
2792 | -} |
2793 | -img.left { |
2794 | - margin-right: 0; |
2795 | -} |
2796 | -img.touch-border { |
2797 | - margin-bottom: -3px; |
2798 | -} |
2799 | -.accessibility-aid, .off-left { |
2800 | - position: absolute; |
2801 | - left: -999em; |
2802 | -} |
2803 | -a.external { |
2804 | - background-size: 0.7em 0.7em; |
2805 | - padding-right: .9em; |
2806 | - background-image: url("../images/external-link-orange.svg"); |
2807 | - background-position: right 1px; |
2808 | - background-repeat: no-repeat; |
2809 | -} |
2810 | -.opera-mini a.external, .no-svg a.external { |
2811 | - background-image: url("../images/external-link-orange.png"); |
2812 | -} |
2813 | -.text-center, .align-center { |
2814 | - text-align: center; |
2815 | -} |
2816 | -.no-margin { |
2817 | - margin: 0; |
2818 | -} |
2819 | -.no-margin-bottom { |
2820 | - margin-bottom: 0; |
2821 | -} |
2822 | -.no-padding-bottom { |
2823 | - padding-bottom: 0; |
2824 | -} |
2825 | -.pull-left-20 { |
2826 | - margin-left: -20px; |
2827 | -} |
2828 | -.pull-right-20 { |
2829 | - margin-right: -20px; |
2830 | -} |
2831 | -.pull-left-40 { |
2832 | - margin-left: -40px; |
2833 | -} |
2834 | -.pull-right-40 { |
2835 | - margin-right: -41px; |
2836 | -} |
2837 | -.no-border { |
2838 | - border: 0; |
2839 | -} |
2840 | -.link-top { |
2841 | - font-size: 1em; |
2842 | - margin-bottom: 0.85714em; |
2843 | - clear: both; |
2844 | - margin-bottom: 40px; |
2845 | - margin-top: -40px; |
2846 | -} |
2847 | -.link-top a { |
2848 | - background: #fff; |
2849 | - margin-right: 10px; |
2850 | - margin-top: -17px; |
2851 | - padding: 5px; |
2852 | - float: right; |
2853 | -} |
2854 | -.pull-bottom-right { |
2855 | - position: absolute; |
2856 | - right: 0; |
2857 | - bottom: 0; |
2858 | - left: auto; |
2859 | -} |
2860 | -.box .pull-bottom-right { |
2861 | - border-radius: 0 0 4px 0; |
2862 | -} |
2863 | -.pull-bottom-left { |
2864 | - margin-left: -20px; |
2865 | - margin-bottom: -21px; |
2866 | -} |
2867 | -.pull-top-right { |
2868 | - margin-left: -20px; |
2869 | - margin-top: -21px; |
2870 | -} |
2871 | -div.box-image-centered span img.priority-0, div.row-image-centered span img.priority-0, div.row.row-image-centered span img.priority-0, img.priority-0 { |
2872 | - position: absolute; |
2873 | - left: -999em; |
2874 | -} |
2875 | -.priority-0, .not-for-small { |
2876 | - position: absolute; |
2877 | - left: -999em; |
2878 | -} |
2879 | -.video-container { |
2880 | - position: relative; |
2881 | - padding-bottom: 56.25%; |
2882 | - padding-top: 30px; |
2883 | - height: 0; |
2884 | - overflow: hidden; |
2885 | -} |
2886 | -.video-container iframe { |
2887 | - position: absolute; |
2888 | - top: 0; |
2889 | - left: 0; |
2890 | - width: 100%; |
2891 | - height: 100% |
2892 | -} |
2893 | -.video-container+h3, .video-container+.video-title { |
2894 | - margin-top: 20px; |
2895 | -} |
2896 | -@media only screen and (max-width: 768px) { |
2897 | - .pull-right-40 { |
2898 | - margin-right: -30px; |
2899 | -} |
2900 | -.pull-bottom-right, .pull-bottom-left { |
2901 | - position: static; |
2902 | -} |
2903 | -img.pull-bottom-left { |
2904 | - margin-bottom: 0; |
2905 | - margin-left: 0; |
2906 | -} |
2907 | -}@media only screen and (min-width: 768px) { |
2908 | - div.box-image-centered span img.priority-0, div.row-image-centered span img.priority-0, div.row.row-image-centered span img.priority-0, img.priority-0 { |
2909 | - position: relative; |
2910 | - left: auto; |
2911 | -} |
2912 | -.priority-0, .not-for-small { |
2913 | - position: relative; |
2914 | - left: auto; |
2915 | -} |
2916 | -.for-mobile, .for-small { |
2917 | - position: absolute; |
2918 | - left: -999em; |
2919 | -} |
2920 | -.pull-right { |
2921 | - float: right; |
2922 | - margin-right: -30px; |
2923 | -} |
2924 | -img.pull-left { |
2925 | - margin-left: -30px; |
2926 | -} |
2927 | -img.touch-border { |
2928 | - float: left; |
2929 | - margin-bottom: -30px; |
2930 | -} |
2931 | -}@media only screen and (min-width: 769px) { |
2932 | - img.left { |
2933 | - margin-right: 20px; |
2934 | -} |
2935 | -}@media only screen and (min-width: 984px) { |
2936 | - img.touch-border { |
2937 | - float: left; |
2938 | - margin-bottom: -40px; |
2939 | -} |
2940 | -img.pull-left { |
2941 | - margin-left: -40px; |
2942 | -} |
2943 | -.pull-right { |
2944 | - float: right; |
2945 | - margin-right: -40px; |
2946 | -} |
2947 | -.for-tablet, .for-medium { |
2948 | - display: none; |
2949 | -} |
2950 | -.no-border { |
2951 | - border: 0; |
2952 | -} |
2953 | -}.caps-centered, .muted-heading { |
2954 | - font-size: .875em; |
2955 | - margin-bottom: 20px; |
2956 | - text-align: center; |
2957 | - text-transform: uppercase; |
2958 | -} |
2959 | -p.intro { |
2960 | - font-size: 1.14286em; |
2961 | - margin-bottom: 0.75em; |
2962 | - line-height: 1.4; |
2963 | -} |
2964 | -.row div p:last-child, .row div ul:last-child { |
2965 | - margin-bottom: 0; |
2966 | -} |
2967 | -.four-col p:last-child { |
2968 | - margin-bottom: 0; |
2969 | -} |
2970 | -.note { |
2971 | - color: #888; |
2972 | - font-size: .813em; |
2973 | -} |
2974 | -@media only screen and (min-width: 768px) { |
2975 | - p.intro { |
2976 | - font-size: 1.13333em; |
2977 | -} |
2978 | -}@media only screen and (min-width: 984px) { |
2979 | - h1 { |
2980 | - font-size: 2.8125em; |
2981 | -} |
2982 | -h2 { |
2983 | - font-size: 2em; |
2984 | - margin-bottom: .375em; |
2985 | -} |
2986 | -h3 { |
2987 | - font-size: 1.438em; |
2988 | - margin-bottom: .522em; |
2989 | -} |
2990 | -h4 { |
2991 | - font-size: 1em; |
2992 | - margin-bottom: .75em; |
2993 | -} |
2994 | -h5 { |
2995 | - font-size: 1em; |
2996 | -} |
2997 | -p, li, code, pre { |
2998 | - font-size: 16px; |
2999 | - line-height: 1.5; |
3000 | - margin-bottom: .75em; |
3001 | -} |
3002 | -p.intro { |
3003 | - font-size: 1.25em; |
3004 | -} |
3005 | -}header.banner { |
3006 | - border-top: 0; |
3007 | - min-width: 100%; |
3008 | - width: auto; |
3009 | - background: #dd4814; |
3010 | - display: block; |
3011 | - position: relative; |
3012 | - z-index: 2; |
3013 | -} |
3014 | -header.banner .nav-primary { |
3015 | - border: 0; |
3016 | - margin: 0 auto; |
3017 | - overflow: hidden; |
3018 | -} |
3019 | -header.banner .nav-primary ul { |
3020 | - float: left; |
3021 | - margin: 0; |
3022 | - position: relative; |
3023 | -} |
3024 | -header.banner .nav-primary ul li { |
3025 | - border-left: 1px solid #c64012; |
3026 | - float: left; |
3027 | - list-style-image: none; |
3028 | - margin: 0; |
3029 | - text-indent: 0; |
3030 | - vertical-align: bottom; |
3031 | -} |
3032 | -header.banner .nav-primary ul li:last-child { |
3033 | - border-right: 1px solid #c64012; |
3034 | -} |
3035 | -header.banner .nav-primary ul li a:link, header.banner .nav-primary ul li a:visited { |
3036 | - font-size: 14px; |
3037 | - border-left: 1px solid #ec5b29; |
3038 | - color: #fff; |
3039 | - display: block; |
3040 | - margin-bottom: 0; |
3041 | - padding: 14px 14px 13px; |
3042 | - position: relative; |
3043 | - text-align: center; |
3044 | - text-decoration: none; |
3045 | - font-smoothing: subpixel-antialiased; |
3046 | -} |
3047 | -header.banner .nav-primary ul a.active { |
3048 | - background: #B83A10; |
3049 | - border-left: 1px solid #ec5b29; |
3050 | -} |
3051 | -header.banner nav.nav-primary ul li a:hover { |
3052 | - background-color: #dd4814; |
3053 | -} |
3054 | -header.banner nav.nav-primary ul li a.settings-link.active:link { |
3055 | - padding-bottom: 6px; |
3056 | -} |
3057 | -header.banner .nav-primary ul li a:hover { |
3058 | - background: #e1662f; |
3059 | - border-top: 0; |
3060 | - box-shadow: inset 0 2px 2px -2px #777; |
3061 | -} |
3062 | -#main-navigation-link { |
3063 | - display: none; |
3064 | -} |
3065 | -@media only screen and (min-width: 768px) { |
3066 | - header.banner nav ul { |
3067 | - background-color: #f0f0f0; |
3068 | - /*display: none;*/ |
3069 | - float: left; |
3070 | - } |
3071 | -} |
3072 | -header.banner .nav-primary.active { |
3073 | - box-shadow: 0 1px 2px 1px rgba(120, 120, 120, 0.2); |
3074 | - padding: 0; |
3075 | - border-bottom: 1px solid #d4d7d4; |
3076 | -} |
3077 | -header nav ul.active { |
3078 | - display: block; |
3079 | -} |
3080 | -header.banner .nav-primary ul li, header.banner .nav-primary ul li a:link, header.banner .nav-primary ul li a:visited, header.banner .nav-primary ul li a:active { |
3081 | - display: block; |
3082 | - padding: 0; |
3083 | - margin: 0; |
3084 | - border: none; |
3085 | -} |
3086 | -header.banner .nav-primary ul li a:hover { |
3087 | - box-shadow: none; |
3088 | - background-color: #d0d0d0; |
3089 | -} |
3090 | -header.banner .nav-primary ul li { |
3091 | - border-bottom: 1px solid #F2F2F4; |
3092 | - font-size: 16px; |
3093 | -} |
3094 | -header.banner .nav-primary ul li:last-child { |
3095 | - border: 0; |
3096 | -} |
3097 | -header.banner nav.nav-primary ul li a:link, header.banner .nav-primary ul li a:visited, header.banner .nav-primary ul li a:hover, header.banner .nav-primary ul li a:active { |
3098 | - padding: 20px 14px 19px; |
3099 | - text-align: left; |
3100 | -} |
3101 | -header.banner nav.nav-primary ul.active li ul { |
3102 | - display: none; |
3103 | -} |
3104 | -.nav-secondary { |
3105 | - border-bottom: 1px solid #dfdcd9; |
3106 | - margin-bottom: 0; |
3107 | -} |
3108 | -.nav-secondary ul { |
3109 | - float: left; |
3110 | - margin-bottom: 10px; |
3111 | - margin-left: 2px; |
3112 | -} |
3113 | -.nav-secondary ul li { |
3114 | - float: left; |
3115 | - margin-top: 16px; |
3116 | - font-size: 14px; |
3117 | - margin-right: 15px; |
3118 | -} |
3119 | -.nav-secondary ul li a:link, .nav-secondary ul li a:visited { |
3120 | - color: #333; |
3121 | - font-size: 14px; |
3122 | - float: left; |
3123 | -} |
3124 | -.nav-secondary ul li a:hover, .nav-secondary ul li a:active { |
3125 | - color: #dd4814; |
3126 | - text-decoration: none; |
3127 | -} |
3128 | -.nav-secondary ul li, .nav-secondary ul li.active a:link, .nav-secondary ul li.active a:visited { |
3129 | - color: #dd4814; |
3130 | - text-decoration: none; |
3131 | -} |
3132 | -.nav-secondary ul.breadcrumb { |
3133 | - margin-left: 20px; |
3134 | -} |
3135 | -.nav-secondary ul.breadcrumb li, .nav-secondary ul.breadcrumb li a:link, .nav-secondary ul.breadcrumb li a:visited { |
3136 | - color: #888; |
3137 | - margin-right: 8px; |
3138 | -} |
3139 | -.nav-secondary ul.breadcrumb li.active a:link, .nav-secondary ul.breadcrumb li.active a:visited { |
3140 | - color: #dd4814; |
3141 | -} |
3142 | -header.banner h2 { |
3143 | - font-size: 1.78571em; |
3144 | - margin-bottom: 0.48em; |
3145 | - display: block; |
3146 | - left: 4px; |
3147 | - margin-bottom: 0; |
3148 | - position: relative; |
3149 | - text-transform: lowercase; |
3150 | - top: 14px; |
3151 | -} |
3152 | -header.banner h2 a:link, header.banner h2 a:visited, header.banner a { |
3153 | - color: #fff; |
3154 | - float: left; |
3155 | - text-decoration: none; |
3156 | -} |
3157 | -header.banner .logo { |
3158 | - border-left: 0; |
3159 | - float: left; |
3160 | - overflow: hidden; |
3161 | - padding-right: .5em; |
3162 | -} |
3163 | -@media only screen and (max-width: 768px) { |
3164 | - header.banner .nav-primary { |
3165 | - box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); |
3166 | -} |
3167 | -header.banner .nav-primary.active { |
3168 | - box-shadow: none; |
3169 | - padding: 0; |
3170 | -} |
3171 | -header nav ul.active { |
3172 | - float: left; |
3173 | -} |
3174 | -header nav ul.active li:last-child a:link, header nav ul.active li:last-child a:visited { |
3175 | - border-bottom: 0; |
3176 | -} |
3177 | -header.banner .nav-primary ul li.active a:link, header.banner .nav-primary ul li.active a:visited { |
3178 | - color: #333; |
3179 | - font-weight: 700; |
3180 | -} |
3181 | -header.banner .nav-primary ul li, header.banner .nav-primary ul li a:link, header.banner .nav-primary ul li a:visited, header.banner .nav-primary ul li a:active { |
3182 | - box-sizing: border-box; |
3183 | - background: transparent; |
3184 | - border: none; |
3185 | - display: block; |
3186 | - font-weight: 300; |
3187 | - margin: 0; |
3188 | - padding: 0; |
3189 | - width: 100% |
3190 | -} |
3191 | -.nav-secondary { |
3192 | - background: #fff; |
3193 | -} |
3194 | -.nav-secondary ul.second-level-nav { |
3195 | - border-top: 1px solid #d4d7d4; |
3196 | - display: none; |
3197 | - margin-bottom: 0; |
3198 | - margin-left: 0; |
3199 | - padding-bottom: 10px; |
3200 | - padding-top: 10px; |
3201 | - width: 100% |
3202 | -} |
3203 | -.nav-secondary ul.second-level-nav li { |
3204 | - box-sizing: border-box; |
3205 | - width: 50%; |
3206 | - margin: 0; |
3207 | - float: left; |
3208 | -} |
3209 | -.nav-secondary ul.second-level-nav li a, .nav-secondary ul.second-level-nav li a:link, .nav-secondary ul.second-level-nav li a:visited { |
3210 | - box-sizing: border-box; |
3211 | - display: block; |
3212 | - height: 100%; |
3213 | - padding: 10px 10px 10px 20px; |
3214 | - width: 100% |
3215 | -} |
3216 | -.nav-secondary ul.second-level-nav li.active a, .nav-secondary ul.second-level-nav li.active a:link, .nav-secondary ul.second-level-nav li.active a:visited { |
3217 | - color: #333; |
3218 | - font-weight: 700; |
3219 | -} |
3220 | -.nav-secondary ul.third-level-nav { |
3221 | - display: none; |
3222 | - margin-bottom: 0; |
3223 | - width: 100%; |
3224 | - padding-bottom: 20px; |
3225 | -} |
3226 | -.nav-secondary ul.third-level-nav li { |
3227 | - box-sizing: border-box; |
3228 | - width: 50%; |
3229 | - margin: 0; |
3230 | - float: left; |
3231 | - padding-left: 30px; |
3232 | -} |
3233 | -.nav-secondary ul.third-level-nav li a, .nav-secondary ul.third-level-nav li a:link, .nav-secondary ul.third-level-nav li a:visited { |
3234 | - box-sizing: border-box; |
3235 | - padding: 10px 10px 10px 0; |
3236 | - display: block; |
3237 | - width: 100%; |
3238 | - height: 100% |
3239 | -} |
3240 | -.nav-secondary ul.third-level-nav li.active a, .nav-secondary ul.third-level-nav li.active a:link, .nav-secondary ul.third-level-nav li.active a:visited { |
3241 | - color: #333; |
3242 | - font-weight: 700; |
3243 | -} |
3244 | -.nav-secondary ul.third-level-nav li.single-link { |
3245 | - width: 100% |
3246 | -} |
3247 | -.nav-secondary ul.third-level-nav li:only-child { |
3248 | - width: 100% |
3249 | -} |
3250 | -.nav-secondary.open ul.second-level-nav, .nav-secondary.open ul.third-level-nav, .nav-secondary.open ul.breadcrumb li+li { |
3251 | - display: block; |
3252 | -} |
3253 | -header.banner .nav-toggle { |
3254 | - background-image: url("../images/navigation-menu-plain.svg"); |
3255 | - background-position: center center; |
3256 | - background-repeat: no-repeat; |
3257 | - background-size: 25px auto; |
3258 | - cursor: pointer; |
3259 | - display: block; |
3260 | - height: 48px; |
3261 | - position: absolute; |
3262 | - right: 0; |
3263 | - text-indent: -99999px; |
3264 | - width: 48px; |
3265 | -} |
3266 | -html.no-svg header.banner .nav-toggle, .opera-mini header.banner .nav-toggle { |
3267 | - background-image: url("../images/navigation-menu-plain.png"); |
3268 | -} |
3269 | -}@media only screen and (min-width: 768px) { |
3270 | - header.banner .nav-primary ul li { |
3271 | - border-bottom: 0; |
3272 | -} |
3273 | -}@media only screen and (min-width: 769px) { |
3274 | - header.banner { |
3275 | - box-shadow: 0 2px 2px -2px #777777 inset, 2px 1px #FFFFFF; |
3276 | -} |
3277 | -header.banner nav.nav-primary { |
3278 | - box-shadow: none; |
3279 | - border-bottom: 0; |
3280 | -} |
3281 | -header.banner .nav-toggle { |
3282 | - display: none; |
3283 | -} |
3284 | -header.banner nav ul { |
3285 | - background-color: transparent; |
3286 | - display: block; |
3287 | -} |
3288 | -header.banner .nav-primary ul li { |
3289 | - border-left: 1px solid #C64012; |
3290 | -} |
3291 | -header.banner .nav-primary ul li a:active, header.banner .nav-primary ul li a:hover, header.banner .nav-primary ul li a:visited, header.banner nav.nav-primary ul li a:link { |
3292 | - border-left: 1px solid #EC5B29; |
3293 | -} |
3294 | -header.banner .nav-primary ul li:last-child { |
3295 | - border-right: 1px solid #C64012; |
3296 | - border-left: 1px solid #C64012; |
3297 | -} |
3298 | -header.banner .nav-primary ul li a.active { |
3299 | - background-color: #B83A10; |
3300 | -} |
3301 | -header.banner .nav-primary ul li a:hover { |
3302 | - background-color: #E1662F; |
3303 | -} |
3304 | -.nav-secondary ul:last-child li:last-child { |
3305 | - padding-bottom: 10px; |
3306 | -} |
3307 | -.nav-secondary ul.breadcrumb li, .nav-secondary ul.second-level-nav li, .nav-secondary ul.third-level-nav li { |
3308 | - margin-right: 15px; |
3309 | -} |
3310 | -.nav-secondary ul.breadcrumb { |
3311 | - float: left; |
3312 | -} |
3313 | -.nav-secondary ul.breadcrumb li { |
3314 | - margin-bottom: 10px; |
3315 | -} |
3316 | -.nav-secondary ul { |
3317 | - float: none; |
3318 | - margin-bottom: 0; |
3319 | -} |
3320 | -.nav-secondary ul li { |
3321 | - margin-bottom: 5px; |
3322 | -} |
3323 | -}@media only screen and (min-width: 984px) { |
3324 | - header.banner { |
3325 | - margin-bottom: 20px; |
3326 | -} |
3327 | -header.banner nav.nav-primary ul { |
3328 | - display: block; |
3329 | -} |
3330 | -header.banner .nav-primary, #nav-global .nav-global-wrapper { |
3331 | - width: 984px; |
3332 | -} |
3333 | -header.banner .nav-primary.nav-right .logo-ubuntu { |
3334 | - margin-left: 0; |
3335 | -} |
3336 | -}header.banner .nav-primary ul { |
3337 | - position: static; |
3338 | -} |
3339 | -header.banner .nav-primary li ul { |
3340 | - box-shadow: 0 2px 2px -1px #777; |
3341 | - border-radius: 10px; |
3342 | - background: #f7f7f7; |
3343 | - border: 1px solid #d5d5d5; |
3344 | - display: none; |
3345 | - float: none; |
3346 | - margin: 0; |
3347 | - padding: 5px 0; |
3348 | - position: absolute; |
3349 | - top: 51px; |
3350 | - width: 200px; |
3351 | -} |
3352 | -header.banner .nav-primary li ul li { |
3353 | - border: 0; |
3354 | - float: none; |
3355 | -} |
3356 | -header.banner .nav-primary li ul li a:link, header.banner .nav-primary li ul li a:visited { |
3357 | - border: 0; |
3358 | - color: #333333; |
3359 | - padding: 0 0 11px 14px; |
3360 | - text-align: left; |
3361 | - width: 170px; |
3362 | -} |
3363 | -header.banner .nav-primary li ul li a:hover { |
3364 | - background: none repeat scroll 0 0 transparent; |
3365 | - box-shadow: none; |
3366 | - color: #DD4814; |
3367 | -} |
3368 | -header.banner .nav-primary li ul li.first a:link, header.banner .nav-primary li ul li.first a:visited, header.banner .nav-primary li ul li:first-of-type a:link { |
3369 | - padding: 10px 14px; |
3370 | -} |
3371 | -header.banner .nav-primary li ul li.active a:link, header.banner .nav-primary li ul li.active a:visited { |
3372 | - background: none repeat scroll 0 0 transparent !important; |
3373 | -} |
3374 | -header.banner .nav-primary li:hover ul { |
3375 | - display: block; |
3376 | -} |
3377 | -.header-search input[type="search"], .header-search input[type="text"] { |
3378 | - -webkit-appearance: none; |
3379 | - box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); |
3380 | - box-sizing: border-box; |
3381 | - border-radius: 4px; |
3382 | - transition: all 0.5s ease-out; |
3383 | - background-color: #be3d00; |
3384 | - border: none; |
3385 | - color: #fff; |
3386 | - display: block; |
3387 | - float: left; |
3388 | - font-size: 16px; |
3389 | - height: 2.1em; |
3390 | - margin-bottom: 0; |
3391 | - padding: 0.5em 2.5em 0.5em 0.5em; |
3392 | - width: 100% |
3393 | -} |
3394 | -.header-search ::-webkit-input-placeholder { |
3395 | - color: white; |
3396 | - opacity: 0.4; |
3397 | -} |
3398 | -.header-search ::-moz-placeholder { |
3399 | - color: white; |
3400 | - opacity: 0.4; |
3401 | -} |
3402 | -.header-search :-ms-input-placeholder { |
3403 | - color: white; |
3404 | - opacity: 0.4; |
3405 | -} |
3406 | -.header-search input:-moz-placeholder { |
3407 | - color: white; |
3408 | - opacity: 0.4; |
3409 | -} |
3410 | -.header-search ::placeholder { |
3411 | - color: white; |
3412 | - opacity: 0.4; |
3413 | -} |
3414 | -.header-search input[type="search"]:focus { |
3415 | - background-color: #a63603; |
3416 | -} |
3417 | -.header-search button[type=submit] { |
3418 | - padding: 3px 2px; |
3419 | - line-height: 0; |
3420 | - float: left; |
3421 | - margin-left: -40px; |
3422 | - display: block; |
3423 | - background: none; |
3424 | - overflow: visible; |
3425 | -} |
3426 | -.header-search button[type=submit]:hover { |
3427 | - background: none; |
3428 | -} |
3429 | -.header-search button[type=submit] img { |
3430 | - height: 28px; |
3431 | - width: 28px; |
3432 | -} |
3433 | -header.banner .search-toggle { |
3434 | - background-size: 20px 20px; |
3435 | - background-image: url("../images/search.svg"); |
3436 | - background-position: center center; |
3437 | - background-repeat: no-repeat; |
3438 | - display: block; |
3439 | - height: 48px; |
3440 | - outline: none; |
3441 | - overflow: hidden; |
3442 | - position: absolute; |
3443 | - right: 58px; |
3444 | - text-indent: -999em; |
3445 | - top: 0; |
3446 | - width: 24px; |
3447 | -} |
3448 | -.search-toggle:link, .search-toggle:active { |
3449 | - outline: none; |
3450 | -} |
3451 | -.header-search { |
3452 | - background: #f0f0f0; |
3453 | - border: 0; |
3454 | - display: none; |
3455 | - float: left; |
3456 | - margin-bottom: 0; |
3457 | - position: relative; |
3458 | - margin: 0 0 -1px 0; |
3459 | - padding: 0; |
3460 | - width: 100%; |
3461 | - z-index: 3; |
3462 | -} |
3463 | -.header-search.active, .header-search.open { |
3464 | - display: block; |
3465 | -} |
3466 | -.header-search div { |
3467 | - box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3), inset 0 5px 5px -5px rgba(0, 0, 0, 0.3); |
3468 | - background: #f0f0f0; |
3469 | - margin: 10px; |
3470 | - position: relative; |
3471 | - z-index: 1; |
3472 | -} |
3473 | -.header-search form input[type="search"] { |
3474 | - font-size: 1.14286em; |
3475 | - margin-bottom: 0.75em; |
3476 | - border-radius: 4px 4px 4px 4px; |
3477 | - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 3px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(255, 255, 255, 0.4); |
3478 | - box-sizing: border-box; |
3479 | - background: #fff; |
3480 | - border: 0; |
3481 | - color: #333; |
3482 | - font-size: 16px; |
3483 | - height: auto; |
3484 | - margin: 0; |
3485 | - float: left; |
3486 | - padding: 9px 10px; |
3487 | - width: 100% |
3488 | -} |
3489 | -.yes-js .header-inner .header-search { |
3490 | - display: none; |
3491 | -} |
3492 | -.yes-js .header-inner .header-search form { |
3493 | - box-sizing: border-box; |
3494 | - margin-left: 0; |
3495 | - margin-right: 0; |
3496 | - overflow: hidden; |
3497 | - padding: 10px; |
3498 | - top: 0; |
3499 | - z-index: 999; |
3500 | - position: relative; |
3501 | - width: 100% |
3502 | -} |
3503 | -@media only screen and (max-width: 768px) { |
3504 | - header.banner .search-toggle { |
3505 | - right: 48px; |
3506 | -} |
3507 | -html.no-svg .search-toggle, .opera-mini .search-toggle { |
3508 | - background-image: url("../images/search-white.png"); |
3509 | -} |
3510 | -}@media only screen and (min-width: 768px) { |
3511 | - header.banner .search-toggle { |
3512 | - display: none; |
3513 | -} |
3514 | -}@media only screen and (min-width: 960px) { |
3515 | - .header-search { |
3516 | - background: none; |
3517 | - overflow: hidden; |
3518 | - padding: 7px 0 7px 14px; |
3519 | - border-right: 0 none; |
3520 | - float: right; |
3521 | - margin-bottom: 0; |
3522 | - padding-bottom: 5px; |
3523 | - padding-right: 0; |
3524 | - padding-top: 7px; |
3525 | - max-width: 220px; |
3526 | -} |
3527 | -.header-search form input[type="text"], .header-search form input[type="search"] { |
3528 | - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset; |
3529 | - box-sizing: content-box; |
3530 | - background: url("../images/icon-search.png") no-repeat scroll 5px center, none repeat scroll 0 0 #be3d00; |
3531 | - border: 6px solid #DE6532; |
3532 | - border-width: 0 0 1px; |
3533 | - color: #fff; |
3534 | - font-size: 0.813em; |
3535 | - height: 24px; |
3536 | - margin-bottom: 0; |
3537 | - padding: 4px 4px 4px 30px; |
3538 | - transition: all 0.5s ease 0s; |
3539 | - width: 86px; |
3540 | -} |
3541 | -}@media only screen and (max-width: 960px) { |
3542 | - header.banner nav.nav-primary .header-search { |
3543 | - padding: 0; |
3544 | - position: relative; |
3545 | - top: 0; |
3546 | - width: 100% |
3547 | -} |
3548 | -header.banner nav.nav-primary .header-search input[type="search"] { |
3549 | - border-radius: 0; |
3550 | - background: #f7f7f7; |
3551 | - color: #333; |
3552 | -} |
3553 | -header.banner nav.nav-primary .header-search button[type="submit"] { |
3554 | - width: 32px; |
3555 | - height: 38px; |
3556 | - background-size: 28px 28px; |
3557 | -} |
3558 | -header.banner nav.nav-primary .header-search button[type="submit"] img { |
3559 | - max-width: none; |
3560 | - display: none; |
3561 | -} |
3562 | -header.banner nav.nav-primary .header-search.open { |
3563 | - display: block; |
3564 | -} |
3565 | -header.banner .search-toggle { |
3566 | - background-position: center center; |
3567 | - background-repeat: no-repeat; |
3568 | - background-size: 25px auto; |
3569 | - cursor: pointer; |
3570 | - right: 0; |
3571 | - display: block; |
3572 | - height: 48px; |
3573 | - position: absolute; |
3574 | - text-indent: -99999px; |
3575 | - width: 48px; |
3576 | -}.opera-mini x:-o-prefocus, .opera-mini header.banner .search-toggle { |
3577 | - -o-background-size: 25px auto; |
3578 | - background-size: 25px auto; |
3579 | -} |
3580 | -}@media only screen and (min-width: 984px) { |
3581 | - .header-search { |
3582 | - display: block; |
3583 | - margin-right: 0; |
3584 | -} |
3585 | -.header-search form input[type="text"]:focus { |
3586 | - width: 160px; |
3587 | -} |
3588 | -}@media only screen and (max-width: 768px) { |
3589 | - header.banner .search-toggle { |
3590 | - right: 48px; |
3591 | -} |
3592 | -}body.ubuntu-search .nav-secondary, body.search-results .nav-secondary, body.search-no-results .nav-secondary { |
3593 | - display: none; |
3594 | -} |
3595 | -body.ubuntu-search section > h1, |
3596 | -body.ubuntu-search section article h1, |
3597 | -body.search-results section > h1, |
3598 | -body.search-results section article h1, |
3599 | -body.search-no-results section > h1, |
3600 | -body.search-no-results section article h1 { |
3601 | - padding-bottom: 10px; |
3602 | - font-size: 1.438em; |
3603 | - margin-bottom: 0; |
3604 | -} |
3605 | -body.ubuntu-search section > h1, |
3606 | -body.search-results section > h1, |
3607 | -body.search-no-results section > h1 { |
3608 | - border-bottom: 1px dotted #dfdcd9; |
3609 | -} |
3610 | -body.ubuntu-search .main-search, body.search-results .main-search, body.search-no-results .main-search { |
3611 | - padding: 20px 0; |
3612 | - margin: 0 0 20px 0; |
3613 | - background-color: transparent; |
3614 | -} |
3615 | -body.ubuntu-search .main-search input[type="search"], body.search-results .main-search input[type="search"], body.search-no-results .main-search input[type="search"] { |
3616 | - float: left; |
3617 | - width: 100%; |
3618 | - font-size: 2em; |
3619 | - border: 1px solid #999; |
3620 | - -moz-box-sizing: border-box; |
3621 | - box-sizing: border-box; |
3622 | - padding: 0.2em 65px 0.2em 0.2em; |
3623 | -} |
3624 | -body.ubuntu-search .main-search button[type=submit], body.search-results .main-search button[type=submit], body.search-no-results .main-search button[type=submit] { |
3625 | - padding: 4px; |
3626 | - line-height: 0; |
3627 | - float: left; |
3628 | - margin-left: -53px; |
3629 | - display: block; |
3630 | - background: none; |
3631 | - overflow: visible; |
3632 | - width: auto; |
3633 | - margin-top: -4px; |
3634 | -} |
3635 | -body.ubuntu-search .main-search button[type=submit]:hover, body.search-results .main-search button[type=submit]:hover, body.search-no-results .main-search button[type=submit]:hover { |
3636 | - background: none; |
3637 | -} |
3638 | -body.ubuntu-search .main-search button[type=submit] img, body.search-results .main-search button[type=submit] img, body.search-no-results .main-search button[type=submit] img { |
3639 | - height: 45px; |
3640 | - width: 45px; |
3641 | -} |
3642 | -body.ubuntu-search .search-result h1 .title-main, body.search-results .search-result h1 .title-main, body.search-no-results .search-result h1 .title-main { |
3643 | - margin-right: 20px; |
3644 | -} |
3645 | -body.ubuntu-search .search-result h1 .result-url, body.search-results .search-result h1 .result-url, body.search-no-results .search-result h1 .result-url { |
3646 | - color: #999; |
3647 | - overflow: hidden; |
3648 | - text-overflow: ellipsis; |
3649 | - display: block; |
3650 | - vertical-align: bottom; |
3651 | - padding-bottom: 2px; |
3652 | -} |
3653 | -body.ubuntu-search .search-result h1 .result-url a, body.search-results .search-result h1 .result-url a, body.search-no-results .search-result h1 .result-url a { |
3654 | - color: #999; |
3655 | -} |
3656 | -body.ubuntu-search .search-result p, body.search-results .search-result p, body.search-no-results .search-result p { |
3657 | - margin-bottom: 0; |
3658 | -} |
3659 | -body.ubuntu-search .num-results, body.search-results .num-results, body.search-no-results .num-results { |
3660 | - display: inline-block; |
3661 | - margin-left: 20px; |
3662 | -} |
3663 | -body.ubuntu-search .bottom-results-total, body.search-results .bottom-results-total, body.search-no-results .bottom-results-total { |
3664 | - text-align: center; |
3665 | - width: 100%; |
3666 | - overflow: visible; |
3667 | - padding-top: 20px; |
3668 | - margin: 0; |
3669 | -} |
3670 | -body.ubuntu-search .bottom-nav, body.search-results .bottom-nav, body.search-no-results .bottom-nav { |
3671 | - overflow: hidden; |
3672 | - margin-top: -26px; |
3673 | -} |
3674 | -body.ubuntu-search .bottom-nav ul, body.search-results .bottom-nav ul, body.search-no-results .bottom-nav ul { |
3675 | - margin-bottom: 0; |
3676 | - margin-left: 0; |
3677 | - padding: 0; |
3678 | - overflow: hidden; |
3679 | -} |
3680 | -body.ubuntu-search .bottom-nav li, body.search-results .bottom-nav li, body.search-no-results .bottom-nav li { |
3681 | - float: left; |
3682 | - margin-left: 15px; |
3683 | -} |
3684 | -body.ubuntu-search .bottom-nav li:first-child, body.search-results .bottom-nav li:first-child, body.search-no-results .bottom-nav li:first-child { |
3685 | - margin-left: 0; |
3686 | -} |
3687 | -body.ubuntu-search .nav-back, body.search-results .nav-back, body.search-no-results .nav-back { |
3688 | - float: left; |
3689 | -} |
3690 | -body.ubuntu-search .nav-back li:before, body.search-results .nav-back li:before, body.search-no-results .nav-back li:before { |
3691 | - content: "\2039"; |
3692 | - color: #dd4814; |
3693 | - margin-right: 5px; |
3694 | -} |
3695 | -body.ubuntu-search .nav-back li.item-extreme:before, body.search-results .nav-back li.item-extreme:before, body.search-no-results .nav-back li.item-extreme:before { |
3696 | - content: "\2039\2039"} |
3697 | -body.ubuntu-search .nav-forward, body.search-results .nav-forward, body.search-no-results .nav-forward { |
3698 | - float: right; |
3699 | -} |
3700 | -body.ubuntu-search .nav-forward li:after, body.search-results .nav-forward li:after, body.search-no-results .nav-forward li:after { |
3701 | - content: "\203A"; |
3702 | - color: #dd4814; |
3703 | - margin-left: 5px; |
3704 | -} |
3705 | -body.ubuntu-search .nav-forward li.item-extreme:after, body.search-results .nav-forward li.item-extreme:after, body.search-no-results .nav-forward li.item-extreme:after { |
3706 | - content: "\203A\203A"} |
3707 | -body.ubuntu-search .error-notification, body.search-results .error-notification, body.search-no-results .error-notification { |
3708 | - background-color: #fdffdc; |
3709 | - color: #333; |
3710 | - padding: 20px; |
3711 | - -moz-box-sizing: border-box; |
3712 | - box-sizing: border-box; |
3713 | - width: 100%; |
3714 | - margin-top: 20px; |
3715 | - display: block; |
3716 | -} |
3717 | -body.ubuntu-search .result-line, body.search-results .result-line, body.search-no-results .result-line { |
3718 | - color: #ada69e; |
3719 | -} |
3720 | -body.ubuntu-search .results-top, body.search-results .results-top, body.search-no-results .results-top { |
3721 | - border-bottom: 1px dotted #dfdcd9; |
3722 | - padding-bottom: 0.5em; |
3723 | -} |
3724 | -body.ubuntu-search .search-container, body.search-results .search-container, body.search-no-results .search-container { |
3725 | - padding-bottom: 0; |
3726 | -} |
3727 | -@media only screen and (min-width: 768px) { |
3728 | - .ubuntu-search .main-search button[type=submit] { |
3729 | - margin-left: -60px; |
3730 | - margin-top: 0; |
3731 | -} |
3732 | -}a.link-cta-ubuntu, a.link-cta-canonical, a.link-cta-inverted, button.cta-ubuntu, button.cta-canonical, form button[type="submit"], form input[type="submit"] { |
3733 | - box-sizing: border-box; |
3734 | - font-size: 1.14286em; |
3735 | - margin-bottom: 0.75em; |
3736 | - border-radius: 3px; |
3737 | - background: #dd4814; |
3738 | - color: #fff; |
3739 | - text-decoration: none; |
3740 | - display: inline-block; |
3741 | - margin: 0; |
3742 | - font-family: Ubuntu, Arial, 'libra sans', sans-serif; |
3743 | - font-weight: 300; |
3744 | - font-smoothing: subpixel-antialiased; |
3745 | - padding: 8px 14px; |
3746 | - width: 100%; |
3747 | - text-align: center; |
3748 | -} |
3749 | -a.cta-large, button.cta-large { |
3750 | - font-size: 1.28571em; |
3751 | - margin-bottom: 0.66667em; |
3752 | - padding: 10px 20px; |
3753 | -} |
3754 | -a.link-cta-canonical, button.cta-canonical, form button.cta-canonical[type="submit"], form input.cta-canonical[type="submit"] { |
3755 | - background: #772953; |
3756 | - color: #fff; |
3757 | -} |
3758 | -a.link-cta-inverted, button.cta-inverted { |
3759 | - background: #fff; |
3760 | - color: #333; |
3761 | -} |
3762 | -.row-enterprise a.link-cta-canonical, .row-enterprise button.link-cta-canonical { |
3763 | - background: #fff; |
3764 | - color: #772953; |
3765 | -} |
3766 | -a.link-cta-ubuntu:hover, a.link-cta-ubuntu:hover, button.cta-ubuntu:hover, form button[type="submit"]:hover, form input[type="submit"]:hover { |
3767 | - background: #c03f11; |
3768 | - text-decoration: none; |
3769 | -} |
3770 | -a.link-cta-canonical:hover, button.cta-canonical:hover { |
3771 | - background: #5f2143; |
3772 | - text-decoration: none; |
3773 | -} |
3774 | -a.link-cta-inverted:hover, .row-enterprise a.link-cta-canonical:hover, button.cta-inverted:hover, .row-enterprise button.cta-canonical:hover { |
3775 | - background: #fff; |
3776 | - text-decoration: underline; |
3777 | -} |
3778 | -a.cta-deactivated, a.cta-deactivated:hover, button.cta-deactivated, button.cta-deactivated:hover { |
3779 | - background: #efefef; |
3780 | - color: #fff; |
3781 | - cursor: not-allowed; |
3782 | -} |
3783 | -@media only screen and (min-width: 768px) { |
3784 | - a.link-cta-ubuntu, a.link-cta-canonical, a.link-cta-inverted, button.cta-ubuntu, button.cta-canonical, form button[type="submit"], form input[type="submit"] { |
3785 | - width: auto; |
3786 | -} |
3787 | -}@media only screen and (min-width: 984px) { |
3788 | - a.link-cta-ubuntu, a.link-cta-canonical, a.link-cta-inverted, button.cta-ubuntu, button.cta-canonical, form button[type="submit"], form input[type="submit"] { |
3789 | - width: auto; |
3790 | -} |
3791 | -}form input, form select, form textarea { |
3792 | - box-sizing: border-box; |
3793 | - width: 100% |
3794 | -} |
3795 | -form .fieldset-submit ul { |
3796 | - margin-bottom: 0; |
3797 | -} |
3798 | -form fieldset .mktError, form fieldset .errMsg, form fieldset .reqMark { |
3799 | - color: #df382c; |
3800 | -} |
3801 | -form fieldset .mktFormMsg { |
3802 | - clear: both; |
3803 | - display: block; |
3804 | -} |
3805 | -.row { |
3806 | - box-sizing: border-box; |
3807 | - border-bottom: 1px dotted #888; |
3808 | - clear: both; |
3809 | - padding: 20px 10px 0; |
3810 | - position: relative; |
3811 | -} |
3812 | -.row br { |
3813 | - display: none; |
3814 | -} |
3815 | -.row.no-padding-bottom { |
3816 | - padding-bottom: 0 !important; |
3817 | -} |
3818 | -.row-grey { |
3819 | - background: #f7f7f7; |
3820 | -} |
3821 | -.no-border { |
3822 | - border: 0; |
3823 | -} |
3824 | -#main-content .row-hero { |
3825 | - margin-top: 20px; |
3826 | - padding-top: 0; |
3827 | -} |
3828 | -.strip { |
3829 | - width: 100%; |
3830 | - display: block; |
3831 | -} |
3832 | -.strip-dark { |
3833 | - background-color: #2c001e; |
3834 | - background-repeat: repeat; |
3835 | - color: #fff; |
3836 | -} |
3837 | -.strip-dark .list-ubuntu li { |
3838 | - border: 0; |
3839 | -} |
3840 | -.strip-dark .resource { |
3841 | - color: #333; |
3842 | - box-shadow: none; |
3843 | -} |
3844 | -.strip-dark .resource:before { |
3845 | - border-right-color: #2c001e; |
3846 | -} |
3847 | -#main-content .strip-dark .resource:before { |
3848 | - border-bottom-width: 29px; |
3849 | - right: -2px; |
3850 | - top: -1px; |
3851 | -} |
3852 | -#main-content .strip-dark .resource:hover:before { |
3853 | - border-bottom-width: 34px; |
3854 | -} |
3855 | -#main-content .strip-dark .resource h2 { |
3856 | - padding-right: 20px; |
3857 | -} |
3858 | -.row-aux { |
3859 | - background-color: rgba(255, 255, 255, 0.6); |
3860 | - text-align: center; |
3861 | -} |
3862 | -.row-aux h2, .row-aux p { |
3863 | - text-align: left; |
3864 | -} |
3865 | -.row-aux a p { |
3866 | - color: #333; |
3867 | - margin-bottom: 30px; |
3868 | -} |
3869 | -.row-step h2 { |
3870 | - position: relative; |
3871 | - top: 5px; |
3872 | -} |
3873 | -.row-step .step { |
3874 | - position: relative; |
3875 | - top: -5px; |
3876 | - height: 32px; |
3877 | - width: 32px; |
3878 | - border-radius: 50%; |
3879 | - border: 3px solid #dd4814; |
3880 | - color: #dd4814; |
3881 | - line-height: 32px; |
3882 | - text-align: center; |
3883 | - background-color: #fff; |
3884 | - font-size: 23px; |
3885 | - font-weight: 400; |
3886 | -} |
3887 | -@media only screen and (min-width: 768px) { |
3888 | - .row { |
3889 | - padding: 30px; |
3890 | -} |
3891 | -#main-content .row-hero { |
3892 | - margin-top: 40px; |
3893 | -} |
3894 | -}@media only screen and (min-width: 769px) { |
3895 | - .row-step .step { |
3896 | - height: 42px; |
3897 | - width: 42px; |
3898 | - line-height: 42px; |
3899 | -} |
3900 | -.row br { |
3901 | - display: block; |
3902 | -} |
3903 | -}@media only screen and (min-width: 984px) { |
3904 | - .row br { |
3905 | - display: block; |
3906 | -} |
3907 | -.row { |
3908 | - padding: 60px 40px 40px; |
3909 | -} |
3910 | -.no-border { |
3911 | - border: 0; |
3912 | -} |
3913 | -}.row.row-image-centered, div.box-image-centered, div.row-image-centered, div.row.row-image-centered { |
3914 | - padding: 20px 10px 0; |
3915 | -} |
3916 | -.row-box.row-image-centered { |
3917 | - padding-top: 20px; |
3918 | - padding-bottom: 20px; |
3919 | -} |
3920 | -.row.row-image-centered { |
3921 | - padding-top: 40px; |
3922 | - padding-bottom: 40px; |
3923 | -} |
3924 | -.row-hero.row-image-centered { |
3925 | - padding-top: 0; |
3926 | -} |
3927 | -div.row-image-centered div, div.row-image-centered span, div.box-image-centered div, div.box-image-centered span, div.row.row-image-centered div, div.row.row-image-centered span { |
3928 | - float: none; |
3929 | -} |
3930 | -div.row-image-centered span, div.box-image-centered span, div.row.row-image-centered span { |
3931 | - width: 100% |
3932 | -} |
3933 | -div.row-image-centered span img, div.box-image-centered span img, div.row.row-image-centered span img { |
3934 | - height: auto; |
3935 | - max-width: 100%; |
3936 | - display: block; |
3937 | - padding: 0; |
3938 | - margin: 0 auto; |
3939 | - margin-bottom: 20px; |
3940 | -} |
3941 | -div.row-image-centered p, div.row-image-centered h2, div.row-image-centered h3, div.box-image-centered p, div.box-image-centered h2, div.box-image-centered h3, div.row.row-image-centered p, div.row.row-image-centered h2, div.row.row-image-centered h3 { |
3942 | - float: none; |
3943 | -} |
3944 | -@media only screen and (min-width: 768px) { |
3945 | - div.row-image-centered, div.row.row-image-centered, div.box-image-centered { |
3946 | - box-sizing: border-box; |
3947 | - padding-bottom: 20px; |
3948 | - display: table; |
3949 | -} |
3950 | -div.row-image-centered div, div.row.row-image-centered div, div.box-image-centered div { |
3951 | - float: none; |
3952 | - display: table-cell; |
3953 | - position: relative; |
3954 | -} |
3955 | -div.row-image-centered div p, div.row-image-centered div h2, div.row-image-centered div h3, div.row.row-image-centered div p, div.row.row-image-centered div h2, div.row.row-image-centered div h3, div.box-image-centered div p, div.box-image-centered div h2, div.box-image-centered div h3 { |
3956 | - display: block; |
3957 | - width: 100%; |
3958 | - float: left; |
3959 | -} |
3960 | -div.row-image-centered div+span img, div.row.row-image-centered div+span img, div.box-image-centered div+span img { |
3961 | - padding-right: 0; |
3962 | - margin-bottom: 20px; |
3963 | -} |
3964 | -div.row-image-centered span, div.row.row-image-centered span, div.box-image-centered span { |
3965 | - display: table-cell; |
3966 | - float: none; |
3967 | - position: relative; |
3968 | - text-align: center; |
3969 | - top: 0; |
3970 | - vertical-align: middle; |
3971 | - width: auto; |
3972 | -} |
3973 | -div.row-image-centered span img, div.row.row-image-centered span img, div.box-image-centered span img { |
3974 | - padding-right: 20px; |
3975 | -} |
3976 | -.align-vertically { |
3977 | - transform-style: preserve-3d; |
3978 | -} |
3979 | -.align-vertically img, .align-vertically div { |
3980 | - position: relative; |
3981 | - top: 50%; |
3982 | - transform: translateY(-50%); |
3983 | -} |
3984 | -}div.box-image-centered { |
3985 | - padding-top: 20px; |
3986 | -} |
3987 | -@media only screen and (min-width: 768px) { |
3988 | - .row.row-image-centered, div.box-image-centered, div.row-image-centered, div.row.row-image-centered { |
3989 | - padding: 30px; |
3990 | -} |
3991 | -div.box-image-centered div+span img, div.row-image-centered div+span img, div.row.row-image-centered div+span img, div.box-image-centered span img.priority-0, div.row-image-centered span img.priority-0, div.row.row-image-centered span img.priority-0 { |
3992 | - margin-right: auto; |
3993 | - display: table-cell; |
3994 | - margin-bottom: 0; |
3995 | -} |
3996 | -}@media only screen and (min-width: 984px) { |
3997 | - .row.row-image-centered, div.row-image-centered, div.row.row-image-centered, div.box-image-centered { |
3998 | - box-sizing: border-box; |
3999 | - padding: 60px 40px 60px; |
4000 | - display: table; |
4001 | -} |
4002 | -.row.row-image-centered div, div.row-image-centered div, div.row.row-image-centered div, div.box-image-centered div { |
4003 | - float: none; |
4004 | - display: table-cell; |
4005 | - position: relative; |
4006 | -} |
4007 | -.row.row-image-centered div p, .row.row-image-centered div h2, .row.row-image-centered div h3, div.row-image-centered div p, div.row-image-centered div h2, div.row-image-centered div h3, div.row.row-image-centered div p, div.row.row-image-centered div h2, div.row.row-image-centered div h3, div.box-image-centered div p, div.box-image-centered div h2, div.box-image-centered div h3 { |
4008 | - display: block; |
4009 | - width: 100%; |
4010 | - float: left; |
4011 | -} |
4012 | -.row.row-image-centered div+span img, div.row-image-centered div+span img, div.row.row-image-centered div+span img, div.box-image-centered div+span img { |
4013 | - padding-right: 0; |
4014 | -} |
4015 | -.row.row-image-centered span, div.row-image-centered span, div.row.row-image-centered span, div.box-image-centered span { |
4016 | - display: table-cell; |
4017 | - float: none; |
4018 | - position: relative; |
4019 | - text-align: center; |
4020 | - top: 0; |
4021 | - vertical-align: middle; |
4022 | - width: auto; |
4023 | -} |
4024 | -.row.row-image-centered span img, div.row-image-centered span img, div.row.row-image-centered span img, div.box-image-centered span img { |
4025 | - padding-right: 20px; |
4026 | -} |
4027 | -}.box, .box-grey { |
4028 | - border-radius: 4px; |
4029 | - padding: 1.333em 20px; |
4030 | -} |
4031 | -.box { |
4032 | - background: #fff; |
4033 | - border: 1px solid #dfdcd9; |
4034 | -} |
4035 | -.box-grey { |
4036 | - background: #f7f7f7; |
4037 | - color: #333; |
4038 | -} |
4039 | -.box-orange { |
4040 | - background: #dd4814; |
4041 | - color: #fff; |
4042 | -} |
4043 | -.box-highlight { |
4044 | - box-shadow: 0 2px 2px 0 #c2c2c2; |
4045 | - border: 1px solid #f7f7f7; |
4046 | -} |
4047 | -@media only screen and (max-width: 768px) { |
4048 | - .box-padded-feature .inline-icons li { |
4049 | - float: left; |
4050 | - display: block; |
4051 | -} |
4052 | -.box-padded-feature .one-col { |
4053 | - width: 48px; |
4054 | - float: left; |
4055 | -} |
4056 | -} |
4057 | -.list, .list-ubuntu, .list-canonical { |
4058 | - list-style: none; |
4059 | - margin-left: 0; |
4060 | -} |
4061 | -.list li, .list-ubuntu li, .list-canonical li { |
4062 | - border-bottom: 1px dotted #888; |
4063 | - margin-bottom: 0; |
4064 | - padding: 10px 0; |
4065 | -} |
4066 | -.list li:last-of-type, .list li.last-item, .list-ubuntu li:last-of-type, .list-ubuntu li.last-item, .list-canonical li:last-of-type, .list-canonical li.last-item { |
4067 | - border: 0; |
4068 | - padding-bottom: 0; |
4069 | -} |
4070 | -.list article { |
4071 | - border-bottom: 1px dotted #888; |
4072 | - margin-bottom: 0; |
4073 | - padding: 10px 0; |
4074 | -} |
4075 | -.list-spaced article, .list-spaced li { |
4076 | - padding: 30px 0; |
4077 | -} |
4078 | -nav .list a { |
4079 | - display: block; |
4080 | -} |
4081 | -.list-ubuntu li, .list-canonical li { |
4082 | - background-repeat: no-repeat; |
4083 | - background-position: 0 1em; |
4084 | - padding-left: 25px; |
4085 | -} |
4086 | -.list-ubuntu li { |
4087 | - background-image: url("../images/icons/tick-orange.svg"); |
4088 | -} |
4089 | -.list-canonical li { |
4090 | - background-image: url("../images/icons/tick-midaubergine.svg"); |
4091 | -} |
4092 | -.list-warm li { |
4093 | - background-image: url("../images/icons/tick-warmgrey.svg"); |
4094 | -} |
4095 | -.list-dark li { |
4096 | - background-image: url("../images/icons/tick-darkaubergine.svg"); |
4097 | -} |
4098 | -.vertical-divider .list-canonical li, .vertical-divider .list-ubuntu li { |
4099 | - padding-left: 25px; |
4100 | -} |
4101 | -html.no-svg .list-ubuntu li, .opera-mini .list-ubuntu li { |
4102 | - background-image: url("../images/icons/tick-orange.png"); |
4103 | -} |
4104 | -html.no-svg .list-canonical li, .opera-mini .list-canonical li { |
4105 | - background-image: url("../images/icons/tick-midaubergine.png"); |
4106 | -} |
4107 | -html.no-svg .list-warm li, .opera-mini .list-warm li { |
4108 | - background-image: url("../images/icons/tick-warmgrey.png"); |
4109 | -} |
4110 | -html.no-svg .list-dark li, .opera-mini .list-dark li { |
4111 | - background-image: url("../images/icons/tick-darkaubergine.png"); |
4112 | -} |
4113 | -.no-bullets { |
4114 | - list-style: none; |
4115 | - margin-left: 0; |
4116 | -} |
4117 | -.row .combined-list ul, .row .combined-list div { |
4118 | - margin-bottom: 0; |
4119 | -} |
4120 | -.row .combined-list li.last-item { |
4121 | - border-bottom: 1px dotted #888; |
4122 | - padding-bottom: 10px; |
4123 | -} |
4124 | -.row .combined-list div.last-col, .row .combined-list ul.last-col { |
4125 | - margin-bottom: 20px; |
4126 | -} |
4127 | -.row .combined-list div.last-col li.last-item, .row .combined-list ul.last-col li.last-item { |
4128 | - border-bottom: 0; |
4129 | - padding-bottom: 0; |
4130 | -} |
4131 | -.inline { |
4132 | - margin-left: 0; |
4133 | -} |
4134 | -.inline li { |
4135 | - display: inline; |
4136 | - list-style: none; |
4137 | - margin-left: 0; |
4138 | - float: left; |
4139 | -} |
4140 | -@media only screen and (min-width: 768px) { |
4141 | - .row .combined-list ul, .row .combined-list div { |
4142 | - margin-bottom: 20px; |
4143 | -} |
4144 | -.row .combined-list li.last-item { |
4145 | - border-bottom: 0; |
4146 | - padding-bottom: 0; |
4147 | -} |
4148 | -}ul.inline-logos { |
4149 | - float: left; |
4150 | - margin-left: 0; |
4151 | - padding: 0; |
4152 | - text-align: center; |
4153 | - width: 100% |
4154 | -} |
4155 | -ul.inline-logos li { |
4156 | - clear: none; |
4157 | - display: inline-block; |
4158 | - float: none; |
4159 | - margin: 10px 20px; |
4160 | - padding: 0; |
4161 | -} |
4162 | -ul.inline-logos li.clear-row { |
4163 | - clear: left; |
4164 | -} |
4165 | -ul.inline-logos li.last-item { |
4166 | - border: 0; |
4167 | -} |
4168 | -ul.inline-logos img { |
4169 | - transition: all 0.5s ease-out; |
4170 | - vertical-align: middle; |
4171 | - max-width: 115px; |
4172 | - max-height: 32px; |
4173 | -} |
4174 | -.inline-icons { |
4175 | - margin: 0 0 20px; |
4176 | -} |
4177 | -.inline-icons li { |
4178 | - margin-right: 20px; |
4179 | - margin-bottom: 20px; |
4180 | - text-align: left; |
4181 | - display: inline-block; |
4182 | -} |
4183 | -.inline-icons li.last-item { |
4184 | - margin-right: 0; |
4185 | -} |
4186 | -.inline-icons.no-margin-bottom li { |
4187 | - margin-bottom: 0; |
4188 | -} |
4189 | -.inline-icons img { |
4190 | - vertical-align: middle; |
4191 | - max-width: 115px; |
4192 | - max-height: 32px; |
4193 | -} |
4194 | -@media only screen and (max-width: 768px) { |
4195 | - ul.inline-logos img { |
4196 | - max-width: 172px; |
4197 | - max-height: 48px; |
4198 | -} |
4199 | -}@media only screen and (min-width: 769px) { |
4200 | - ul.inline-logos li { |
4201 | - clear: none; |
4202 | - display: inline-block; |
4203 | - height: auto; |
4204 | - margin: 20px 0; |
4205 | - line-height: 60px; |
4206 | - padding: 0 40px; |
4207 | -} |
4208 | -ul.inline-logos li img { |
4209 | - float: none; |
4210 | - vertical-align: middle; |
4211 | - max-width: 200px; |
4212 | - max-height: 45px; |
4213 | -} |
4214 | -}@media only screen and (min-width: 984px) { |
4215 | - .inline-icons { |
4216 | - text-align: left; |
4217 | - margin-bottom: 20px; |
4218 | -} |
4219 | -} |
4220 | -.row-quote { |
4221 | - border-radius: 0; |
4222 | -} |
4223 | -.row-quote blockquote { |
4224 | - border-radius: 4px; |
4225 | - margin: 0; |
4226 | - padding: 0; |
4227 | -} |
4228 | -.row-quote blockquote p { |
4229 | - margin-bottom: .75em; |
4230 | - line-height: 1.3; |
4231 | - color: #333; |
4232 | - padding-left: 10px; |
4233 | - padding-right: 10px; |
4234 | - text-indent: 0; |
4235 | -} |
4236 | -.row-quote blockquote span { |
4237 | - font-weight: bold; |
4238 | - color: #dd4814; |
4239 | - line-height: 0; |
4240 | - position: relative; |
4241 | - left: -5px; |
4242 | -} |
4243 | -.row-quote blockquote span+span { |
4244 | - left: 5px; |
4245 | -} |
4246 | -.row-quote blockquote cite { |
4247 | - color: #333; |
4248 | - font-style: normal; |
4249 | - margin-bottom: 0; |
4250 | - font-size: .75em; |
4251 | - text-indent: -14px; |
4252 | - text-indent: 0; |
4253 | -} |
4254 | -@media only screen and (min-width: 768px) { |
4255 | - .row-quote blockquote { |
4256 | - text-indent: -7px; |
4257 | -} |
4258 | -.pull-quote { |
4259 | - text-indent: -.4em; |
4260 | -} |
4261 | -.row-quote blockquote p { |
4262 | - font-size: 1.77357em; |
4263 | - margin-bottom: 0.48329em; |
4264 | -} |
4265 | -blockquote.pull-quote p, .row-quote blockquote p { |
4266 | - padding-left: 0; |
4267 | - padding-right: 0; |
4268 | - text-indent: -.7em; |
4269 | -} |
4270 | -blockquote.pull-quote p span, .row-quote blockquote p span { |
4271 | - font-size: 1.391304348em; |
4272 | -} |
4273 | -blockquote.pull-quote p cite, .row-quote blockquote p cite { |
4274 | - margin-left: 0; |
4275 | - text-indent: 0; |
4276 | -} |
4277 | -blockquote.pull-quote p span, .row-quote blockquote p span { |
4278 | - top: 5px; |
4279 | -} |
4280 | -}@media only screen and (min-width: 769px) { |
4281 | - .row-quote blockquote p { |
4282 | - font-size: 1.77357em; |
4283 | - margin-bottom: 0.48329em; |
4284 | - text-indent: -.4em; |
4285 | -} |
4286 | -}@media only screen and (min-width: 984px) { |
4287 | - .row-quote blockquote { |
4288 | - padding: 0 80px 20px; |
4289 | - text-indent: -10px; |
4290 | -} |
4291 | -blockquote.pull-quote p span, .row-quote blockquote p span { |
4292 | - top: 10px; |
4293 | -} |
4294 | -} |
4295 | - |
4296 | - |
4297 | -/* CLOUD STYLES */ |
4298 | - |
4299 | - |
4300 | - |
4301 | -code, pre, p { |
4302 | - line-height: 1.5; |
4303 | -} |
4304 | -body { |
4305 | - font-size: 16px; |
4306 | -} |
4307 | -@media only screen and (min-width : 768px) { |
4308 | - code, pre, p { |
4309 | - line-height: 1.6; |
4310 | -} |
4311 | -body { |
4312 | - font-size: 16px; |
4313 | -} |
4314 | -}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
4315 | - body { |
4316 | - font-size: 18px; |
4317 | -} |
4318 | -}.not-for-medium { |
4319 | - display: none; |
4320 | -} |
4321 | -@media only screen and (min-width: 985px) { |
4322 | - .not-for-medium { |
4323 | - display: block; |
4324 | -} |
4325 | -}header.banner { |
4326 | - background: #000; |
4327 | - box-shadow: inset 0 2px 2px -2px #000; |
4328 | - margin-bottom: 0; |
4329 | -} |
4330 | -header.banner .nav-primary { |
4331 | - box-shadow: none; |
4332 | -} |
4333 | -header.banner nav.nav-primary { |
4334 | - border-bottom: 1px solid #262626; |
4335 | - overflow: visible; |
4336 | -} |
4337 | -header.banner nav.nav-primary .user-nav { |
4338 | - float: right; |
4339 | - margin-right: 20px; |
4340 | -} |
4341 | -header.banner nav.nav-primary .user-dropdown:hover ul:after { |
4342 | - display: none; |
4343 | -} |
4344 | -header.banner nav.nav-primary .user-dropdown .menu-link img { |
4345 | - margin-right: 10px; |
4346 | -} |
4347 | -header.banner nav.nav-primary .user-dropdown .menu-link img.hover { |
4348 | - display: none; |
4349 | -} |
4350 | -header.banner nav.nav-primary .user-dropdown .menu-link img.normal { |
4351 | - display: inline-block; |
4352 | -} |
4353 | -header.banner nav.nav-primary .user-dropdown .open .menu-link img.hover, header.banner nav.nav-primary .user-dropdown .menu-link:hover img.hover { |
4354 | - display: inline-block; |
4355 | -} |
4356 | -header.banner nav.nav-primary .user-dropdown .open .menu-link img.normal, header.banner nav.nav-primary .user-dropdown .menu-link:hover img.normal { |
4357 | - display: none; |
4358 | -} |
4359 | -header.banner nav.nav-primary .user-dropdown ul { |
4360 | - border-radius: 0 0 4px 4px; |
4361 | - margin-top: -2px; |
4362 | - background-color: #fff; |
4363 | - border-width: 0; |
4364 | -} |
4365 | -header.banner nav.nav-primary .user-dropdown ul a:hover { |
4366 | - background-color: transparent; |
4367 | -} |
4368 | -header.banner nav.nav-primary #user-dropdown .dropdown ul { |
4369 | - width: auto; |
4370 | -} |
4371 | -input[type=text]::-ms-reveal, input[type=text]::-ms-clear { |
4372 | - display: none; |
4373 | - width: 0; |
4374 | - height: 0; |
4375 | -} |
4376 | -input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { |
4377 | - display: none; |
4378 | -} |
4379 | -.contextual-bar { |
4380 | - overflow: hidden; |
4381 | - background-color: #fff; |
4382 | - border-bottom: 1px solid #d4d4d4; |
4383 | -} |
4384 | - |
4385 | -form.search-form { |
4386 | - overflow: hidden; |
4387 | - width: 45%; |
4388 | - position: relative; |
4389 | - display: inline-block; |
4390 | -} |
4391 | -form.search-form input { |
4392 | - border-radius: 0; |
4393 | - box-sizing: border-box; |
4394 | - border: 0; |
4395 | - border-left: 0; |
4396 | - margin: 0; |
4397 | - width: 100%; |
4398 | - height: 60px; |
4399 | - float: left; |
4400 | - font-size: 1em; |
4401 | - padding-top: 0; |
4402 | - padding-bottom: 0; |
4403 | - padding-right: 30px; |
4404 | - background-color: transparent; |
4405 | - -webkit-appearance: none; |
4406 | -} |
4407 | -form.search-form input:-webkit-autofill { |
4408 | - -webkit-box-shadow: 0 0 0px 1000px #222 inset; |
4409 | - -webkit-text-fill-color: #fff; |
4410 | -} |
4411 | -form.search-form input:focus { |
4412 | - border-color: #dd4814; |
4413 | - background: #222; |
4414 | -} |
4415 | -form.search-form button[type=submit], form.search-form button[type=submit]:hover { |
4416 | - position: absolute; |
4417 | - top: 13px; |
4418 | - right: 20px; |
4419 | - display: inline-block; |
4420 | - height: 30px; |
4421 | - width: 30px; |
4422 | - padding: 0; |
4423 | - line-height: 0; |
4424 | - -webkit-appearance: none; |
4425 | - background: transparent; |
4426 | - background-image: url("../images/search.svg"); |
4427 | - background-size: 25px; |
4428 | - background-repeat: no-repeat; |
4429 | - background-position: center center; |
4430 | -} |
4431 | -@media only screen and (min-width: 768px) { |
4432 | - form.search-form button[type=submit], form.search-form button[type=submit]:hover { |
4433 | - position: relative; |
4434 | - top: 13px; |
4435 | - left: -40px; |
4436 | - display: inline-block; |
4437 | - height: 30px; |
4438 | - width: 30px; |
4439 | - padding: 0; |
4440 | - line-height: 0; |
4441 | - -webkit-appearance: none; |
4442 | - background: transparent; |
4443 | - background-image: url("../images/search.svg"); |
4444 | - background-size: 25px; |
4445 | - background-repeat: no-repeat; |
4446 | - background-position: center center; |
4447 | - } |
4448 | -} |
4449 | -form.search-form button img { |
4450 | - height: 16px; |
4451 | -} |
4452 | - |
4453 | -header.banner nav.nav-primary ul li a.active { |
4454 | - padding-bottom: 16px; |
4455 | - background-color: #0e0c0b; |
4456 | - border-bottom: 3px solid #dd4814; |
4457 | - border-left: 1px solid #262626; |
4458 | -} |
4459 | -@media only screen and (min-width : 769px) { |
4460 | - header.banner .nav-primary ul li, |
4461 | - header.banner .nav-primary ul li:last-child { |
4462 | - border-bottom: 0; |
4463 | - width: auto; |
4464 | - } |
4465 | - header.banner nav.nav-primary li a:link, |
4466 | - header.banner nav.nav-primary li a:visited { |
4467 | - border-left: 1px solid #262626; |
4468 | - font-weight: 400; |
4469 | - } |
4470 | - header.banner nav.nav-primary ul li { |
4471 | - border-left: 1px solid #262626; |
4472 | - } |
4473 | - header.banner nav.nav-primary ul li a:hover { |
4474 | - background-color: #dd4814; |
4475 | - } |
4476 | - header.banner nav.nav-primary ul { |
4477 | - background-color: transparent; |
4478 | - border-right: 1px solid #262626; |
4479 | - display: block; |
4480 | - } |
4481 | - header.banner nav.nav-primary ul li:last-child { |
4482 | - border-left: 1px solid #262626; |
4483 | - border-right: 0; |
4484 | - } |
4485 | - header.banner .nav-primary ul li a:active, |
4486 | - header.banner .nav-primary ul li a:hover, |
4487 | - header.banner .nav-primary ul li a:visited, |
4488 | - header.banner nav.nav-primary ul li a:link { |
4489 | - border-left: 0; |
4490 | - } |
4491 | -} |
4492 | -@media only screen and (min-width : 1030px) { |
4493 | - header.banner { |
4494 | - height: 60px; |
4495 | -} |
4496 | -header.banner .nav-primary { |
4497 | - width: 100% |
4498 | -} |
4499 | -}header.banner .nav-primary:before, header.banner .nav-primary:after { |
4500 | - content: ""; |
4501 | - display: table; |
4502 | -} |
4503 | -header.banner .nav-primary:after { |
4504 | - clear: both; |
4505 | -} |
4506 | -.inner-wrapper:before, .inner-wrapper:after { |
4507 | - content: ""; |
4508 | - display: table; |
4509 | -} |
4510 | -.inner-wrapper:after { |
4511 | - clear: both; |
4512 | -} |
4513 | -body { |
4514 | - background-repeat: repeat; |
4515 | -} |
4516 | -.row { |
4517 | - border: 0; |
4518 | - background-color: rgba(255, 255, 255, 0.6); |
4519 | -} |
4520 | -@media only screen and (min-width : 769px) { |
4521 | - .append-one { |
4522 | - margin-right: 10.6% |
4523 | -} |
4524 | -.row { |
4525 | - padding: 50px 40px 30px; |
4526 | -} |
4527 | -} |
4528 | -.inner-wrapper { |
4529 | - border-radius: 0; |
4530 | - box-shadow: none; |
4531 | - background-color: transparent; |
4532 | - background-image: none; |
4533 | - margin: 0 auto; |
4534 | - padding-bottom: 0; |
4535 | - float: none; |
4536 | -} |
4537 | -.wrapper { |
4538 | - position: static; |
4539 | - background: transparent; |
4540 | - width: 100%; |
4541 | - overflow: hidden; |
4542 | -} |
4543 | -img.touch-border { |
4544 | - margin-bottom: -50px; |
4545 | -} |
4546 | -.inner-wrapper { |
4547 | - max-width: 1030px; |
4548 | - width: auto; |
4549 | - padding-left: 0; |
4550 | - padding-right: 0; |
4551 | -} |
4552 | -.touch-top { |
4553 | - margin-top: -50px; |
4554 | -} |
4555 | -@media only screen and (max-width : 1030px) { |
4556 | - .inner-wrapper { |
4557 | - padding-left: 8px; |
4558 | - padding-right: 8px; |
4559 | - width: auto; |
4560 | -} |
4561 | -} |
4562 | -.box { |
4563 | - display: block; |
4564 | -} |
4565 | -.box-dim { |
4566 | - background-color: #fafafa; |
4567 | -} |
4568 | -@media only screen and (min-width : 768px) { |
4569 | - .box { |
4570 | - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); |
4571 | - display: inline-block; |
4572 | - margin-bottom: 20px; |
4573 | - padding-left: 20px; |
4574 | - padding-right: 20px; |
4575 | - border: 0; |
4576 | -} |
4577 | -}a.indent { |
4578 | - box-shadow: inset 0 1px 2px 0 #333; |
4579 | - background: rgba(0, 0, 0, 0.1); |
4580 | - padding: 10px 30px; |
4581 | - text-weight: normal; |
4582 | -} |
4583 | -a.indent:hover { |
4584 | - background: rgba(0, 0, 0, 0.2); |
4585 | -} |
4586 | -a.link-cta-positive, a.link-cta-negative { |
4587 | - border-radius: 3px; |
4588 | - box-sizing: border-box; |
4589 | - background-color: #dd4814; |
4590 | - color: #fff; |
4591 | - display: inline-block; |
4592 | - font-size: 1.14286em; |
4593 | - font-weight: 300; |
4594 | - text-decoration: none; |
4595 | - margin: 0; |
4596 | - padding: 8px 14px; |
4597 | - text-align: center; |
4598 | - transition: background .2s; |
4599 | - width: 100%; |
4600 | - cursor: pointer; |
4601 | -} |
4602 | -a.link-cta-positive:hover, a:hover.link-cta-negative { |
4603 | - background-color: #ae3910; |
4604 | -}a.link-cta-negative { |
4605 | - background-color: #b2b2b2; |
4606 | -} |
4607 | -a.link-cta-negative:hover { |
4608 | - background-color: #888; |
4609 | -} |
4610 | -pre { |
4611 | - background: transparent; |
4612 | - border: 1px solid #888; |
4613 | - margin: 0 0 1.5em 0; |
4614 | -} |
4615 | -pre:not(:first-child) { |
4616 | - margin-top: 1.5em; |
4617 | -} |
4618 | -code.language-bash .comment { |
4619 | - color: #888; |
4620 | -} |
4621 | -#main-content .row-hero { |
4622 | - padding-top: 20px; |
4623 | - margin-top: 0; |
4624 | - margin-bottom: 0; |
4625 | -} |
4626 | -#main-content .row-hero .intro { |
4627 | - font-size: 16px; |
4628 | -} |
4629 | -@media only screen and (min-width : 769px) { |
4630 | - #main-content .row-hero { |
4631 | - padding-top: 60px; |
4632 | -} |
4633 | -#main-content .row-hero .intro { |
4634 | - font-size: 1.4375em; |
4635 | - margin-bottom: 40px; |
4636 | -} |
4637 | -} |
4638 | -.strip-dark, .strip-light { |
4639 | - clear: both; |
4640 | -} |
4641 | -.strip-dark { |
4642 | - background-color: #2c001e; |
4643 | - background-image: none; |
4644 | - background-repeat: repeat; |
4645 | - color: #fff; |
4646 | -} |
4647 | -.strip-dark.solid { |
4648 | - background-image: none; |
4649 | - background-color: #2c001e; |
4650 | -} |
4651 | -.strip-dark ul, .strip-dark ol { |
4652 | - margin: 0; |
4653 | - padding: 0; |
4654 | -} |
4655 | -.strip-light { |
4656 | - background-color: rgba(255, 255, 255, 0.6); |
4657 | -} |
4658 | -.strip-dark .connected-list li, .strip-light .connected-list li { |
4659 | - margin-bottom: 10px; |
4660 | - min-height: 52px; |
4661 | -} |
4662 | -.strip-white { |
4663 | - background: #fff; |
4664 | -} |
4665 | -.strip-trans { |
4666 | - background: transparent; |
4667 | -} |
4668 | -.strip-green { |
4669 | - background-image: linear-gradient(to right, #6fad23, #7cc227); |
4670 | - overflow: hidden; |
4671 | -} |
4672 | -.strip-green, .strip-green a { |
4673 | - color: #fff; |
4674 | -} |
4675 | -.strip-blue { |
4676 | - background-image: linear-gradient(to right, #1076a2, #359fcd); |
4677 | - overflow: hidden; |
4678 | -} |
4679 | -.strip-blue, .strip-blue a { |
4680 | - color: #fff; |
4681 | -} |
4682 | |
4683 | === removed directory 'www/src/css/v2' |
4684 | === removed file 'www/src/css/v2/app.css' |
4685 | === removed file 'www/src/css/v2/home.css' |
4686 | --- www/src/css/v2/home.css 2015-03-27 17:22:01 +0000 |
4687 | +++ www/src/css/v2/home.css 1970-01-01 00:00:00 +0000 |
4688 | @@ -1,6 +0,0 @@ |
4689 | -.view-home .region-installed { |
4690 | -} |
4691 | - |
4692 | -.view-home .region-installed:empty::after { |
4693 | - content: 'empty'; |
4694 | -} |
4695 | |
4696 | === added file 'www/src/images/cof.svg' |
4697 | --- www/src/images/cof.svg 1970-01-01 00:00:00 +0000 |
4698 | +++ www/src/images/cof.svg 2015-05-05 15:23:39 +0000 |
4699 | @@ -0,0 +1,27 @@ |
4700 | +<?xml version="1.0" encoding="utf-8"?> |
4701 | +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In --> |
4702 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [ |
4703 | + <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/"> |
4704 | +]> |
4705 | +<svg version="1.1" |
4706 | + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" |
4707 | + x="0px" y="0px" width="285px" height="285px" viewBox="-0.866 -0.866 285 285" enable-background="new -0.866 -0.866 285 285" |
4708 | + xml:space="preserve"> |
4709 | +<defs> |
4710 | +</defs> |
4711 | +<path fill="#FFFFFF" d="M283.465,141.734c0,78.273-63.457,141.73-141.734,141.73S0,220.008,0,141.734C0,63.455,63.453,0,141.73,0 |
4712 | + S283.465,63.455,283.465,141.734z"/> |
4713 | +<path d="M45.356,122.812c-10.453,0-18.923,8.47-18.923,18.923c0,10.449,8.47,18.92,18.923,18.92c10.449,0,18.92-8.471,18.92-18.92 |
4714 | + C64.276,131.281,55.806,122.812,45.356,122.812z M180.463,208.814c-9.051,5.225-12.149,16.793-6.926,25.84 |
4715 | + c5.226,9.051,16.793,12.151,25.844,6.926c9.048-5.224,12.148-16.792,6.923-25.842C201.08,206.691,189.511,203.59,180.463,208.814z |
4716 | + M86.458,141.732c0-18.701,9.293-35.219,23.504-45.221L96.128,73.338c-16.56,11.064-28.878,27.978-33.995,47.788 |
4717 | + c5.977,4.872,9.796,12.291,9.796,20.608c0,8.315-3.819,15.734-9.797,20.605c5.116,19.812,17.435,36.726,33.995,47.789l13.835-23.175 |
4718 | + C95.751,176.953,86.458,160.436,86.458,141.732z M141.733,86.457c28.877,0,52.564,22.141,55.047,50.373l26.968-0.394 |
4719 | + c-1.327-20.844-10.432-39.562-24.425-53.319c-7.194,2.718-15.505,2.306-22.688-1.842c-7.192-4.152-11.705-11.156-12.941-18.757 |
4720 | + c-6.992-1.935-14.351-2.99-21.96-2.99c-13.086,0-25.449,3.072-36.431,8.512l13.146,23.56 |
4721 | + C125.526,88.307,133.412,86.457,141.733,86.457z M141.733,197.008c-8.322,0-16.207-1.85-23.285-5.143L105.3,215.427 |
4722 | + c10.983,5.438,23.347,8.511,36.433,8.511c7.609,0,14.968-1.055,21.961-2.99c1.236-7.601,5.75-14.605,12.943-18.76 |
4723 | + c7.183-4.146,15.494-4.558,22.688-1.839c13.992-13.758,23.097-32.476,24.422-53.32l-26.968-0.394 |
4724 | + C194.298,174.871,170.61,197.008,141.733,197.008z M180.46,74.649c9.05,5.227,20.619,2.126,25.842-6.921 |
4725 | + c5.226-9.051,2.128-20.619-6.923-25.845c-9.049-5.224-20.617-2.124-25.843,6.927C168.312,57.857,171.412,69.426,180.46,74.649z"/> |
4726 | +</svg> |
4727 | |
4728 | === modified file 'www/src/images/settings.svg' |
4729 | --- www/src/images/settings.svg 2015-03-26 13:05:32 +0000 |
4730 | +++ www/src/images/settings.svg 2015-05-05 15:23:39 +0000 |
4731 | @@ -1,224 +1,20 @@ |
4732 | -<?xml version="1.0" encoding="UTF-8" standalone="no"?> |
4733 | -<!-- Created with Inkscape (http://www.inkscape.org/) --> |
4734 | - |
4735 | -<svg |
4736 | - xmlns:dc="http://purl.org/dc/elements/1.1/" |
4737 | - xmlns:cc="http://creativecommons.org/ns#" |
4738 | - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" |
4739 | - xmlns:svg="http://www.w3.org/2000/svg" |
4740 | - xmlns="http://www.w3.org/2000/svg" |
4741 | - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
4742 | - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
4743 | - width="90" |
4744 | - height="90" |
4745 | - id="svg4874" |
4746 | - version="1.1" |
4747 | - inkscape:version="0.48+devel r" |
4748 | - viewBox="0 0 90 90.000001" |
4749 | - sodipodi:docname="settings.svg"> |
4750 | - <defs |
4751 | - id="defs4876" /> |
4752 | - <sodipodi:namedview |
4753 | - id="base" |
4754 | - pagecolor="#ffffff" |
4755 | - bordercolor="#ffffff" |
4756 | - borderopacity="1.0" |
4757 | - inkscape:pageopacity="0.0" |
4758 | - inkscape:pageshadow="2" |
4759 | - inkscape:zoom="5.0931703" |
4760 | - inkscape:cx="16.286514" |
4761 | - inkscape:cy="39.111198" |
4762 | - inkscape:document-units="px" |
4763 | - inkscape:current-layer="g5449" |
4764 | - showgrid="true" |
4765 | - showborder="true" |
4766 | - fit-margin-top="0" |
4767 | - fit-margin-left="0" |
4768 | - fit-margin-right="0" |
4769 | - fit-margin-bottom="0" |
4770 | - inkscape:snap-bbox="true" |
4771 | - inkscape:bbox-paths="true" |
4772 | - inkscape:bbox-nodes="true" |
4773 | - inkscape:snap-bbox-edge-midpoints="true" |
4774 | - inkscape:snap-bbox-midpoints="true" |
4775 | - inkscape:object-paths="true" |
4776 | - inkscape:snap-intersection-paths="true" |
4777 | - inkscape:object-nodes="true" |
4778 | - inkscape:snap-smooth-nodes="true" |
4779 | - inkscape:snap-midpoints="true" |
4780 | - inkscape:snap-object-midpoints="true" |
4781 | - inkscape:snap-center="true" |
4782 | - showguides="false" |
4783 | - inkscape:guide-bbox="true" |
4784 | - inkscape:snap-global="true"> |
4785 | - <inkscape:grid |
4786 | - type="xygrid" |
4787 | - id="grid5451" |
4788 | - empspacing="6" /> |
4789 | - <sodipodi:guide |
4790 | - orientation="1,0" |
4791 | - position="6,77" |
4792 | - id="guide4063" /> |
4793 | - <sodipodi:guide |
4794 | - orientation="1,0" |
4795 | - position="3,78" |
4796 | - id="guide4065" /> |
4797 | - <sodipodi:guide |
4798 | - orientation="0,1" |
4799 | - position="55,84" |
4800 | - id="guide4067" /> |
4801 | - <sodipodi:guide |
4802 | - orientation="0,1" |
4803 | - position="53,87" |
4804 | - id="guide4069" /> |
4805 | - <sodipodi:guide |
4806 | - orientation="0,1" |
4807 | - position="20,3" |
4808 | - id="guide4071" /> |
4809 | - <sodipodi:guide |
4810 | - orientation="0,1" |
4811 | - position="20,6" |
4812 | - id="guide4073" /> |
4813 | - <sodipodi:guide |
4814 | - orientation="1,0" |
4815 | - position="87,7" |
4816 | - id="guide4075" /> |
4817 | - <sodipodi:guide |
4818 | - orientation="1,0" |
4819 | - position="84,7" |
4820 | - id="guide4077" /> |
4821 | - <sodipodi:guide |
4822 | - orientation="0,1" |
4823 | - position="58,81" |
4824 | - id="guide4074" /> |
4825 | - <sodipodi:guide |
4826 | - orientation="1,0" |
4827 | - position="9,74" |
4828 | - id="guide4076" /> |
4829 | - <sodipodi:guide |
4830 | - orientation="0,1" |
4831 | - position="21,9" |
4832 | - id="guide4078" /> |
4833 | - <sodipodi:guide |
4834 | - orientation="1,0" |
4835 | - position="81,4" |
4836 | - id="guide4080" /> |
4837 | - </sodipodi:namedview> |
4838 | - <metadata |
4839 | - id="metadata4879"> |
4840 | - <rdf:RDF> |
4841 | - <cc:Work |
4842 | - rdf:about=""> |
4843 | - <dc:format>image/svg+xml</dc:format> |
4844 | - <dc:type |
4845 | - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> |
4846 | - <dc:title></dc:title> |
4847 | - </cc:Work> |
4848 | - </rdf:RDF> |
4849 | - </metadata> |
4850 | - <g |
4851 | - inkscape:label="Layer 1" |
4852 | - inkscape:groupmode="layer" |
4853 | - id="layer1" |
4854 | - transform="translate(67.857146,-84.50504)"> |
4855 | - <g |
4856 | - transform="matrix(0,-1,-1,0,373.50506,516.50504)" |
4857 | - id="g4845" |
4858 | - style="display:inline"> |
4859 | - <g |
4860 | - transform="matrix(0,-1,-1,0,3554.3623,615.36221)" |
4861 | - id="g5449"> |
4862 | - <rect |
4863 | - style="opacity:0.05;color:#000000;fill:none;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4864 | - id="rect5415" |
4865 | - width="90" |
4866 | - height="90.000015" |
4867 | - x="3122.3623" |
4868 | - y="174" |
4869 | - transform="matrix(0,1,1,0,0,0)" /> |
4870 | - <ellipse |
4871 | - ry="29.051676" |
4872 | - rx="29.004131" |
4873 | - cy="-1772.2792" |
4874 | - cx="2632.804" |
4875 | - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#ffffff;stroke-width:12.00000191;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate" |
4876 | - id="path5417" |
4877 | - transform="matrix(-0.49964997,0.8662274,-0.8658232,-0.50035007,0,0)" |
4878 | - inkscape:transform-center-y="0.00024527103" |
4879 | - inkscape:transform-center-x="-0.00022172925" /> |
4880 | - <path |
4881 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4882 | - d="m 226,3124.3473 -13.99991,2.09 0,13.9535 13.99991,0 0,-16.043 z" |
4883 | - id="path4168" |
4884 | - inkscape:connector-curvature="0" |
4885 | - sodipodi:nodetypes="cccccc" |
4886 | - inkscape:transform-center-x="-4.1e-05" |
4887 | - inkscape:transform-center-y="-34.49325" /> |
4888 | - <path |
4889 | - inkscape:transform-center-y="-26.3889" |
4890 | - inkscape:transform-center-x="-22.171866" |
4891 | - sodipodi:nodetypes="cccccc" |
4892 | - inkscape:connector-curvature="0" |
4893 | - id="path4170" |
4894 | - d="m 251.36903,3139.6765 -10.7824,-8.9301 -9.61192,11.4551 10.72455,8.9989 9.66945,-11.5236 z" |
4895 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> |
4896 | - <path |
4897 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4898 | - d="m 261.59221,3166.9602 -2.51964,-13.7717 -14.72636,2.5967 2.4311,13.7872 14.81446,-2.6122 z" |
4899 | - id="path4172" |
4900 | - inkscape:connector-curvature="0" |
4901 | - sodipodi:nodetypes="cccccc" |
4902 | - inkscape:transform-center-x="-33.969206" |
4903 | - inkscape:transform-center-y="-5.9818502" /> |
4904 | - <path |
4905 | - inkscape:transform-center-y="17.2467" |
4906 | - inkscape:transform-center-x="-29.833066" |
4907 | - sodipodi:nodetypes="cccccc" |
4908 | - inkscape:connector-curvature="0" |
4909 | - id="path4174" |
4910 | - d="m 251.88599,3194.432 6.92212,-12.1693 -12.95017,-7.4767 -6.99991,12.1242 13.02762,7.5215 z" |
4911 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> |
4912 | - <path |
4913 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4914 | - d="m 226.79206,3209.2376 13.12493,-4.8728 -5.11448,-14.0517 -13.15552,4.7883 5.14501,14.1357 z" |
4915 | - id="path4176" |
4916 | - inkscape:connector-curvature="0" |
4917 | - sodipodi:nodetypes="cccccc" |
4918 | - inkscape:transform-center-x="-11.781986" |
4919 | - inkscape:transform-center-y="32.41305" /> |
4920 | - <path |
4921 | - inkscape:transform-center-y="32.37075" |
4922 | - inkscape:transform-center-x="11.797464" |
4923 | - sodipodi:nodetypes="cccccc" |
4924 | - inkscape:connector-curvature="0" |
4925 | - id="path4178" |
4926 | - d="m 198.05214,3204.4493 13.18646,4.7037 5.11434,-14.0517 -13.15558,-4.7882 -5.14494,14.1358 z" |
4927 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> |
4928 | - <path |
4929 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4930 | - d="m 179.11394,3182.3076 7.07794,12.0793 12.95007,-7.4768 -6.99996,-12.1242 -13.02757,7.5215 z" |
4931 | - id="path4180" |
4932 | - inkscape:connector-curvature="0" |
4933 | - sodipodi:nodetypes="cccccc" |
4934 | - inkscape:transform-center-x="29.872059" |
4935 | - inkscape:transform-center-y="17.2241" /> |
4936 | - <path |
4937 | - inkscape:transform-center-y="-5.9897497" |
4938 | - inkscape:transform-center-x="33.924899" |
4939 | - sodipodi:nodetypes="cccccc" |
4940 | - inkscape:connector-curvature="0" |
4941 | - id="path4182" |
4942 | - d="m 178.83885,3153.1728 -2.34241,13.8029 14.72633,2.5966 2.431,-13.7872 -14.81442,-2.6121 z" |
4943 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> |
4944 | - <path |
4945 | - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4946 | - d="m 197.35561,3130.6774 -10.66672,9.068 9.61196,11.455 10.72449,-8.999 -9.66948,-11.5235 z" |
4947 | - id="path4184" |
4948 | - inkscape:connector-curvature="0" |
4949 | - sodipodi:nodetypes="cccccc" |
4950 | - inkscape:transform-center-x="22.142889" |
4951 | - inkscape:transform-center-y="-26.423399" /> |
4952 | - </g> |
4953 | - </g> |
4954 | - </g> |
4955 | -</svg> |
4956 | +<?xml version="1.0" encoding="utf-8"?> |
4957 | +<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4958 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4959 | +<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
4960 | + width="285px" height="285px" viewBox="0 0 285 285" enable-background="new 0 0 285 285" xml:space="preserve"> |
4961 | +<path fill="#FFFFFF" d="M270.475,144.479l14.528-3.572c-0.095-7.643-0.796-15.379-2.167-23.151 |
4962 | + c-1.364-7.737-3.339-15.215-5.849-22.4l-14.835,1.608c-4.896-12.86-11.804-24.726-20.342-35.213l8.829-12.07 |
4963 | + c-4.986-5.793-10.496-11.269-16.542-16.341c-6.019-5.05-12.337-9.509-18.879-13.4l-10.338,10.776 |
4964 | + c-11.724-6.557-24.583-11.32-38.212-13.925l-0.993-14.902C158.132,0.652,150.393,0,142.5,0c-7.857,0-15.563,0.646-23.075,1.87 |
4965 | + l-0.994,14.9c-13.631,2.594-26.494,7.348-38.223,13.895L69.868,19.886c-6.572,3.904-12.92,8.379-18.965,13.452 |
4966 | + c-6.02,5.051-11.508,10.499-16.475,16.264l8.826,12.066C34.708,72.15,27.791,84.012,22.884,96.867L8.046,95.259 |
4967 | + c-2.525,7.215-4.512,14.723-5.881,22.495c-1.365,7.738-2.067,15.44-2.166,23.049l14.525,3.572 |
4968 | + c0.201,14.013,2.652,27.479,7.011,40.057l-12.399,8.306c2.703,7.149,6.008,14.179,9.955,21.012 |
4969 | + c3.928,6.806,8.341,13.157,13.156,19.05l13.412-6.596c8.897,10.284,19.408,19.131,31.133,26.159l-4.164,14.347 |
4970 | + c6.666,3.738,13.716,7,21.132,9.697c7.383,2.688,14.848,4.717,22.323,6.136l6.031-13.665c6.639,1.063,13.446,1.623,20.385,1.623 |
4971 | + c6.903,0,13.676-0.554,20.282-1.605l6.033,13.668c7.51-1.422,15.006-3.455,22.422-6.155c7.383-2.687,14.404-5.931,21.044-9.649 |
4972 | + l-4.163-14.343c11.731-7.019,22.25-15.856,31.155-26.133l13.415,6.597c4.84-5.916,9.275-12.293,13.221-19.128 |
4973 | + c3.928-6.804,7.222-13.802,9.918-20.919l-12.396-8.303C267.801,171.955,270.263,158.49,270.475,144.479z M142.5,227.5 |
4974 | + c-46.9,0-85-38.1-85-85c0-46.9,38.1-85,85-85c46.9,0,85,38.1,85,85C227.5,189.4,189.4,227.5,142.5,227.5z"/> |
4975 | +</svg> |
4976 | |
4977 | === modified file 'www/src/js/app.js' |
4978 | --- www/src/js/app.js 2015-04-11 15:14:07 +0000 |
4979 | +++ www/src/js/app.js 2015-05-05 15:23:39 +0000 |
4980 | @@ -1,4 +1,5 @@ |
4981 | // app.js |
4982 | +'use strict'; |
4983 | |
4984 | var $ = require('jquery'); |
4985 | var Backbone = require('backbone'); |
4986 | @@ -8,12 +9,12 @@ |
4987 | if (window.__agent) { |
4988 | window.__agent.start(Backbone, Marionette); |
4989 | } |
4990 | -var RootView = require('./views/root.js'); |
4991 | +var MainView = require('./views/layout-main.js'); |
4992 | var router = require('./routers/router.js'); |
4993 | |
4994 | var webdm = new Marionette.Application(); |
4995 | -var rootView = new RootView(); |
4996 | -rootView.render(); |
4997 | +var mainView = new MainView(); |
4998 | +mainView.render(); |
4999 | |
5000 | webdm.on('start', function() { |
The diff has been truncated for viewing.
TIL about BEM.