Commit 7c1a0d926d97b761b5eab3e325f27f1a78a7c1b3
1 parent
ff14ae7c
Exists in
master
and in
6 other branches
gulpfile
Showing
3 changed files
with
1071 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,35 @@ |
1 | +'use strict'; | |
2 | + | |
3 | +var gulp = require('gulp'); | |
4 | +// var sass = require('gulp-sass'); | |
5 | +var sass = require('gulp-ruby-sass'); | |
6 | +var connect = require('gulp-connect'); | |
7 | + | |
8 | +// gulp.task('sass', function () { | |
9 | +// gulp.src('./sass/**/*.scss') | |
10 | +// .pipe(sass().on('error', sass.logError)) | |
11 | +// .pipe(gulp.dest('.')) | |
12 | +// .pipe(connect.reload()); | |
13 | +// }); | |
14 | + | |
15 | +gulp.task('sass', function() { | |
16 | + return sass('./sass/novo.sass') | |
17 | + .on('error', function (err) { | |
18 | + console.error('Error', err.message); | |
19 | + }) | |
20 | + .pipe(gulp.dest('.')) | |
21 | + .pipe(connect.reload()); | |
22 | +}); | |
23 | + | |
24 | +gulp.task('watch', function () { | |
25 | + gulp.watch('./sass/**/*.sass', ['sass']); | |
26 | +}); | |
27 | + | |
28 | +gulp.task('connect', function() { | |
29 | + connect.server({ | |
30 | + root: [__dirname], | |
31 | + livereload: true | |
32 | + }); | |
33 | +}); | |
34 | + | |
35 | +gulp.task('default', ['sass','connect','watch']); | |
0 | 36 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,1007 @@ |
1 | +@charset "UTF-8"; | |
2 | +body { | |
3 | + font-family: "Open Sans", sans-serif; | |
4 | + font-size: 16px; | |
5 | + font-weight: 400; } | |
6 | + | |
7 | +h1 { | |
8 | + font-size: 28px; | |
9 | + font-weight: 500; | |
10 | + margin: 20px 0; | |
11 | + text-transform: uppercase; } | |
12 | + h1 a { | |
13 | + color: #03316f; } | |
14 | + | |
15 | +h2 { | |
16 | + border-bottom: 1px solid #c4c8ce; | |
17 | + font-size: 38px; | |
18 | + font-weight: 500; | |
19 | + margin-bottom: 40px; | |
20 | + padding-bottom: 20px; } | |
21 | + h2 small { | |
22 | + display: block; | |
23 | + font-size: 16px; | |
24 | + padding-top: 5px; | |
25 | + text-transform: none; } | |
26 | + | |
27 | +h3 { | |
28 | + font-size: 28px; | |
29 | + font-weight: 500; } | |
30 | + | |
31 | +h4 { | |
32 | + font-size: 34px; | |
33 | + font-weight: 500; } | |
34 | + | |
35 | +p, ul, select { | |
36 | + color: #000; } | |
37 | + | |
38 | +blockquote { | |
39 | + border-bottom: 5px solid; | |
40 | + border-left: 0; | |
41 | + border-right: 0; | |
42 | + border-top: 5px solid; | |
43 | + font-size: 28px; | |
44 | + margin: 20px 0; | |
45 | + padding: 20px 0; } | |
46 | + | |
47 | +.container, .row { | |
48 | + margin-bottom: 20px; } | |
49 | + | |
50 | +.hide { | |
51 | + display: none; } | |
52 | + | |
53 | +.button, .button-cancela, .login input.button, .signup input.button { | |
54 | + border-bottom: 3px solid #000; | |
55 | + border-left: 0; | |
56 | + border-right: 0; | |
57 | + border-top: 0; | |
58 | + border-radius: 6px; | |
59 | + color: #fff; | |
60 | + cursor: pointer; | |
61 | + display: block; | |
62 | + font-size: 16px; | |
63 | + font-weight: 700; | |
64 | + padding-bottom: 15px; | |
65 | + padding-left: 0; | |
66 | + padding-right: 0; | |
67 | + padding-top: 15px; | |
68 | + text-align: center; | |
69 | + transition: all 400ms; } | |
70 | + .button:hover, .button-cancela:hover, .login input.button:hover, .signup input.button:hover { | |
71 | + background-color: black; | |
72 | + text-decoration: none; } | |
73 | + .button:hover, .button-cancela:hover, .login input.button:hover, .signup input.button:hover, .button:focus, .button-cancela:focus, .login input.button:focus, .signup input.button:focus { | |
74 | + color: #fff; } | |
75 | + .button-inline { | |
76 | + display: inline-block; | |
77 | + padding-bottom: 5px !important; | |
78 | + padding-top: 5px !important; } | |
79 | + .button-send span { | |
80 | + background-image: url(images/airplane.png); | |
81 | + background-position: left center; | |
82 | + background-repeat: no-repeat; | |
83 | + color: #fff; | |
84 | + padding-left: 30px; } | |
85 | + .button-participe .fa { | |
86 | + margin-right: 10px; } | |
87 | + | |
88 | +.btn { | |
89 | + background-color: transparent; | |
90 | + border: 0; | |
91 | + color: #fff; | |
92 | + font-size: 14px; | |
93 | + font-weight: 700; | |
94 | + padding-bottom: 0; | |
95 | + padding-left: 10px; | |
96 | + padding-right: 10px; | |
97 | + padding-top: 0; | |
98 | + vertical-align: middle; } | |
99 | + | |
100 | +.icon { | |
101 | + background-repeat: no-repeat; | |
102 | + background-position: 50% !important; | |
103 | + background-size: auto !important; | |
104 | + border: 0 !important; | |
105 | + border-radius: 100%; | |
106 | + color: #fff !important; | |
107 | + display: inline-block; | |
108 | + font-size: 20px; | |
109 | + height: 36px; | |
110 | + min-width: 0 !important; | |
111 | + text-align: center; | |
112 | + transform: all 200ms; | |
113 | + width: 36px; } | |
114 | + .icon-facebook { | |
115 | + background-color: #537abb; | |
116 | + padding: 8px 0; | |
117 | + transition: all 400ms; } | |
118 | + .icon-facebook:hover { | |
119 | + background-color: #37568b; | |
120 | + text-decoration: none; } | |
121 | + .icon-twitter { | |
122 | + background-color: #78caee; | |
123 | + padding: 8px 0; | |
124 | + transition: all 400ms; } | |
125 | + .icon-twitter:hover { | |
126 | + background-color: #34afe5; | |
127 | + text-decoration: none; } | |
128 | + .icon-gplus { | |
129 | + background-color: #d54000; | |
130 | + padding: 9px 0; | |
131 | + transition: all 400ms; } | |
132 | + .icon-gplus:hover { | |
133 | + background-color: #892900; | |
134 | + text-decoration: none; } | |
135 | + .icon-whatsapp { | |
136 | + background-color: #56ba62; | |
137 | + padding: 7px 0; | |
138 | + transition: all 400ms; } | |
139 | + .icon-whatsapp:hover { | |
140 | + background-color: #398b43; | |
141 | + text-decoration: none; } | |
142 | + .icon-email { | |
143 | + background-color: #edb24c; | |
144 | + padding: 7px 0; | |
145 | + transition: all 400ms; } | |
146 | + .icon-email:hover { | |
147 | + background-color: #d79016; | |
148 | + text-decoration: none; } | |
149 | + .icon.disabled { | |
150 | + background-color: #fff; | |
151 | + color: #000; | |
152 | + transition: all 400ms; } | |
153 | + .icon.disabled:hover { | |
154 | + background-color: #d9d9d9; | |
155 | + text-decoration: none; } | |
156 | + .icon-theme { | |
157 | + height: 48px; | |
158 | + width: 48px; | |
159 | + vertical-align: middle; | |
160 | + margin-right: 10px; } | |
161 | + .icon-vote { | |
162 | + display: inline-block; | |
163 | + font-size: 35px; | |
164 | + height: 64px; | |
165 | + margin: 0 6%; | |
166 | + padding: 3px 0; | |
167 | + width: 64px; } | |
168 | + .icon-vote.dislike { | |
169 | + background-color: #db4127; | |
170 | + border-bottom: 3px solid #9c2d1a !important; | |
171 | + transition: all 400ms; } | |
172 | + .icon-vote.dislike:hover { | |
173 | + background-color: #9c2d1a; | |
174 | + text-decoration: none; } | |
175 | + .icon-vote.like { | |
176 | + background-color: #32dbb5; | |
177 | + border-bottom: 3px solid #1da485 !important; | |
178 | + transition: all 400ms; } | |
179 | + .icon-vote.like:hover { | |
180 | + background-color: #1da485; | |
181 | + text-decoration: none; } | |
182 | + | |
183 | +.social { | |
184 | + position: relative; | |
185 | + z-index: 1; } | |
186 | + .social.top { | |
187 | + float: right; | |
188 | + margin-top: 40px; } | |
189 | + .social.right { | |
190 | + padding-top: 10px; } | |
191 | + .social.right > span { | |
192 | + color: #000; | |
193 | + display: inline-block; | |
194 | + font-size: 12px; | |
195 | + font-weight: 300; | |
196 | + padding-right: 10px; | |
197 | + text-align: right; | |
198 | + vertical-align: middle; } | |
199 | + .social.right ul { | |
200 | + display: inline-block; | |
201 | + vertical-align: middle; } | |
202 | + .social span { | |
203 | + display: block; | |
204 | + margin-bottom: 10px; } | |
205 | + .social ul { | |
206 | + list-style: none; | |
207 | + padding-left: 0; } | |
208 | + .social li { | |
209 | + display: inline-block; | |
210 | + padding: 0 2px !important; | |
211 | + vertical-align: top; } | |
212 | + | |
213 | +h1 { | |
214 | + float: left; } | |
215 | + h1 a { | |
216 | + background: url(images/logo.png) no-repeat center; | |
217 | + display: inline-block; | |
218 | + height: 80px; | |
219 | + text-indent: -99999px; | |
220 | + width: 160px; } | |
221 | + | |
222 | +#content { | |
223 | + margin-bottom: 30px; } | |
224 | + | |
225 | +.content { | |
226 | + padding-top: 30px; } | |
227 | + .content.background { | |
228 | + background-color: #f1f1f1; } | |
229 | + | |
230 | +.tab { | |
231 | + margin-top: 20px; } | |
232 | + .tab ul { | |
233 | + font-size: 0; | |
234 | + list-style: none; | |
235 | + margin-bottom: 0; | |
236 | + padding-left: 0; } | |
237 | + .tab li { | |
238 | + display: inline-block; | |
239 | + font-size: 16px; | |
240 | + width: 50%; } | |
241 | + .tab a { | |
242 | + background-color: #efefef; | |
243 | + border-bottom: 1px solid #000; | |
244 | + color: #000; | |
245 | + display: block; | |
246 | + font-weight: 700; | |
247 | + padding-bottom: 20px; | |
248 | + padding-left: 5px; | |
249 | + padding-right: 5px; | |
250 | + padding-top: 20px; | |
251 | + text-align: center; | |
252 | + text-transform: uppercase; } | |
253 | + .tab .active { | |
254 | + background-color: #fff; | |
255 | + border-bottom: 1px solid #fff; | |
256 | + border-left: 1px solid #000; | |
257 | + border-right: 1px solid #000; | |
258 | + border-top: 1px solid #000; } | |
259 | + | |
260 | +#proposal-categories ul { | |
261 | + list-style: none; | |
262 | + padding-left: 0; } | |
263 | + | |
264 | +.themes li { | |
265 | + border-bottom: 1px solid #f1f1f1; | |
266 | + display: block; | |
267 | + font-size: 16px; } | |
268 | +.themes a { | |
269 | + background-color: #fff; | |
270 | + color: #484848; | |
271 | + display: block; | |
272 | + font-family: asap, sans; | |
273 | + font-size: 14px; | |
274 | + font-weight: 700; | |
275 | + padding-bottom: 10px; | |
276 | + padding-left: 20px; | |
277 | + padding-right: 20px; | |
278 | + padding-top: 10px; | |
279 | + text-transform: uppercase; } | |
280 | + .themes a:hover, .themes a:focus { | |
281 | + text-decoration: none; } | |
282 | +.themes .arrow-box { | |
283 | + position: relative; | |
284 | + top: 20px; } | |
285 | + .themes .arrow-box:after { | |
286 | + bottom: 100%; | |
287 | + left: 50%; | |
288 | + border: solid transparent; | |
289 | + content: ""; | |
290 | + position: absolute; | |
291 | + border-bottom-color: #000; | |
292 | + border-width: 8px; | |
293 | + margin-left: -8px; } | |
294 | + | |
295 | +.proposal-container { | |
296 | + border-radius: 3px; | |
297 | + margin-bottom: 20px; } | |
298 | +.proposal-list { | |
299 | + list-style: none; | |
300 | + padding-left: 0; } | |
301 | +.proposal-group ul { | |
302 | + list-style: none; | |
303 | + padding-left: 0; } | |
304 | + | |
305 | +.box { | |
306 | + background-color: #fff; | |
307 | + border-radius: 3px; | |
308 | + color: #000; | |
309 | + display: block; | |
310 | + height: 200px; | |
311 | + margin-top: 30px; | |
312 | + overflow: auto; | |
313 | + transition: all 400ms; | |
314 | + transition: all 400ms; } | |
315 | + .box:hover { | |
316 | + background-color: #d9d9d9; | |
317 | + text-decoration: none; } | |
318 | + .box:hover { | |
319 | + text-decoration: none; } | |
320 | + .box p { | |
321 | + border-bottom: 1px dotted #000; | |
322 | + padding-bottom: 15px; } | |
323 | + .box-propostas { | |
324 | + height: auto; | |
325 | + border: 1px solid; | |
326 | + margin-bottom: 10px; | |
327 | + margin-top: 0; | |
328 | + padding: 20px; | |
329 | + position: relative; } | |
330 | + .box-propostas:hover { | |
331 | + background-color: #fff; } | |
332 | + .box-propostas p { | |
333 | + border-bottom: 0; | |
334 | + padding-bottom: inherit; } | |
335 | + .box-apoie p { | |
336 | + border-bottom: 0; | |
337 | + padding-bottom: inherit; } | |
338 | + .box-header { | |
339 | + color: #335277; | |
340 | + font-family: asap, sans; | |
341 | + font-size: 24px; | |
342 | + font-weight: 700; } | |
343 | + .box-header p { | |
344 | + font-size: 14px; } | |
345 | + .box-body { | |
346 | + padding: 20px; } | |
347 | + .box-category { | |
348 | + font-size: 14px; | |
349 | + font-weight: 700; | |
350 | + list-style: none; | |
351 | + text-transform: uppercase; } | |
352 | + .box-category div { | |
353 | + color: #fff; | |
354 | + padding-bottom: 5px; | |
355 | + padding-left: 20px; | |
356 | + padding-right: 10px; | |
357 | + padding-top: 5px; } | |
358 | + .box-title { | |
359 | + font-size: 38px; | |
360 | + font-weight: 400; | |
361 | + margin-bottom: 20px; } | |
362 | + .box-subtitle, .box-apoie p { | |
363 | + color: #335277; | |
364 | + font-size: 24px; | |
365 | + font-weight: 700; | |
366 | + line-height: 1.2; | |
367 | + margin-bottom: 20px; } | |
368 | + .box-info { | |
369 | + margin-bottom: 20px; } | |
370 | + .box-footer, .box-bottom { | |
371 | + margin-bottom: 5px; | |
372 | + margin-left: auto; | |
373 | + margin-right: auto; | |
374 | + margin-top: 20px; | |
375 | + width: 40%; } | |
376 | + .box-bottom { | |
377 | + bottom: 10px; | |
378 | + color: #000; | |
379 | + display: inline-block; | |
380 | + font-size: 14px; | |
381 | + font-weight: 700; | |
382 | + margin-bottom: 15px; | |
383 | + margin-top: 0; | |
384 | + text-align: center; } | |
385 | + .box-bottom:hover, .box-bottom:focus { | |
386 | + color: #000; } | |
387 | + .box-center { | |
388 | + text-align: center; } | |
389 | + | |
390 | +.select { | |
391 | + background-color: #000; | |
392 | + margin-bottom: 10px; | |
393 | + padding: 5px; } | |
394 | + .select .proposal-link { | |
395 | + color: #fff; | |
396 | + display: inline-block; | |
397 | + font-size: 24px; | |
398 | + font-weight: 700; | |
399 | + padding-bottom: 0; | |
400 | + padding-left: 45px; | |
401 | + padding-right: 0; | |
402 | + padding-top: 0; | |
403 | + vertical-align: middle; } | |
404 | + .select .proposal-selection { | |
405 | + background-color: #fff; | |
406 | + border: 0; | |
407 | + border-radius: 3px; | |
408 | + float: right; | |
409 | + margin: 4px; | |
410 | + width: 55%; | |
411 | + vertical-align: middle; } | |
412 | + | |
413 | +.proposal-header { | |
414 | + position: relative; } | |
415 | + .proposal-header .title, .proposal-header p { | |
416 | + background-color: #000; | |
417 | + bottom: 170px; | |
418 | + color: #fff; | |
419 | + font-size: 32px; | |
420 | + font-weight: 700; | |
421 | + margin-bottom: 25px; | |
422 | + margin-left: 0; | |
423 | + margin-right: 0; | |
424 | + margin-top: 25px; | |
425 | + padding: 20px; | |
426 | + position: absolute; | |
427 | + right: 0; | |
428 | + text-align: center; | |
429 | + text-transform: uppercase; | |
430 | + width: 50%; | |
431 | + vertical-align: middle; } | |
432 | + .proposal-header .show_body { | |
433 | + margin-bottom: 20px; | |
434 | + margin-top: 20px; } | |
435 | + .proposal-header .show_body a { | |
436 | + background-color: #666666; | |
437 | + border-bottom: 5px solid #000; | |
438 | + border-left: 0; | |
439 | + border-right: 0; | |
440 | + border-top: 0; | |
441 | + border-radius: 6px; | |
442 | + color: #fff; | |
443 | + font-size: 38px; | |
444 | + font-weight: 700; | |
445 | + padding-bottom: 10px; | |
446 | + padding-left: 0; | |
447 | + padding-right: 0; | |
448 | + padding-top: 10px; | |
449 | + text-align: center; | |
450 | + transition: all 400ms; } | |
451 | + .proposal-header .show_body a:hover { | |
452 | + background-color: black; | |
453 | + text-decoration: none; } | |
454 | + .proposal-header img { | |
455 | + width: 100%; } | |
456 | + .proposal-header p { | |
457 | + bottom: 140px; | |
458 | + font-size: 14px; | |
459 | + margin-bottom: 10px; | |
460 | + padding-top: 5px; | |
461 | + text-transform: none; } | |
462 | + | |
463 | +.participar { | |
464 | + text-align: right; } | |
465 | + .participar .participe { | |
466 | + background-color: #387bf9; | |
467 | + border-color: #0751de; | |
468 | + font-size: 14px; | |
469 | + padding: 2px 10px; } | |
470 | + .participar .entrar { | |
471 | + background: url(images/icons/icon-user.png) no-repeat 20px 50%; | |
472 | + border-left: 1px solid #bcbcbc; | |
473 | + margin-left: 20px; | |
474 | + padding-left: 40px; } | |
475 | + | |
476 | +.login, .signup { | |
477 | + text-align: left; } | |
478 | + .login .message, .signup .message { | |
479 | + background: #fcc; | |
480 | + border: 1px solid #b00; | |
481 | + border-radius: 3px; | |
482 | + color: #b00; | |
483 | + font-weight: 700; | |
484 | + padding-bottom: 5px; | |
485 | + padding-left: 10px; | |
486 | + padding-right: 10px; | |
487 | + padding-top: 5px; | |
488 | + margin-bottom: 20px; } | |
489 | + .login input, .signup input { | |
490 | + border: 1px solid; | |
491 | + display: block; | |
492 | + margin-bottom: 20px; | |
493 | + padding-bottom: 5px; | |
494 | + padding-left: 10px; | |
495 | + padding-right: 10px; | |
496 | + padding-top: 5px; | |
497 | + width: 100%; } | |
498 | + .login input.button-cancela, .login input.button, .signup input.button-cancela, .signup input.button { | |
499 | + margin-bottom: 5px; } | |
500 | + .login .label, .signup .label { | |
501 | + vertical-align: middle; } | |
502 | + .login .icon, .signup .icon { | |
503 | + vertical-align: middle; } | |
504 | + .login .oauth, .signup .oauth { | |
505 | + margin-top: 10px; | |
506 | + text-align: right; } | |
507 | + .login .forgot-password, .signup .forgot-password { | |
508 | + display: block; | |
509 | + font-size: 14px; | |
510 | + text-align: center; } | |
511 | + .login i, .signup i { | |
512 | + font-style: normal; | |
513 | + font-weight: 700; | |
514 | + padding-left: 5px; | |
515 | + padding-right: 5px; } | |
516 | + .login .row input, .signup .row input { | |
517 | + margin-bottom: 0; } | |
518 | + | |
519 | +.vote-actions .like { | |
520 | + display: inline-block; } | |
521 | + | |
522 | +.results-content .total { | |
523 | + float: left; } | |
524 | +.results-content .vote-result, .results-content .updated-at { | |
525 | + float: right; } | |
526 | +.results-content .updated-at { | |
527 | + margin-top: 20px; } | |
528 | +.results-content table { | |
529 | + clear: both; | |
530 | + font-weight: 300; } | |
531 | + .results-content table tr:nth-child(odd) { | |
532 | + background: #e5e5e5; } | |
533 | + .results-content table td { | |
534 | + padding: 5px; } | |
535 | + .results-content table .header { | |
536 | + font-weight: 700; | |
537 | + text-align: center; } | |
538 | + .results-content table .abstract-text { | |
539 | + width: 80%; } | |
540 | + .results-content table .abstract-text p { | |
541 | + margin: inherit; } | |
542 | + .results-content table .value { | |
543 | + text-align: center; | |
544 | + width: 10%; } | |
545 | + .results-content table .truncate { | |
546 | + display: table; | |
547 | + table-layout: fixed; | |
548 | + width: 100%; } | |
549 | + .results-content table .truncated { | |
550 | + overflow-x: hidden; | |
551 | + text-overflow: ellipsis; | |
552 | + white-space: nowrap; } | |
553 | + | |
554 | +.paging { | |
555 | + padding: 5px; } | |
556 | + .paging ul { | |
557 | + display: table; | |
558 | + list-style: none; | |
559 | + margin: auto; | |
560 | + padding: 0; } | |
561 | + .paging li { | |
562 | + float: left; } | |
563 | + .paging .page-link, .paging span { | |
564 | + padding: 0 7px; | |
565 | + font-size: 14px; | |
566 | + font-weight: 400; | |
567 | + text-align: center; | |
568 | + background-color: #000; | |
569 | + color: #fff; | |
570 | + display: inline-block; | |
571 | + line-height: 24px; } | |
572 | + .paging .current { | |
573 | + background-color: #262626; } | |
574 | + .paging .next { | |
575 | + border-radius: 0 3px 3px 0; } | |
576 | + .paging .prev { | |
577 | + border-radius: 3px 0 0 3px; } | |
578 | + | |
579 | +.slick-slider { | |
580 | + list-style: none; | |
581 | + margin-bottom: 0; | |
582 | + margin-left: auto; | |
583 | + margin-right: auto; | |
584 | + margin-top: 40px; | |
585 | + padding: 0; | |
586 | + position: relative; | |
587 | + width: 80%; } | |
588 | + .slick-slider li { | |
589 | + background-color: #eeeff1; | |
590 | + margin-bottom: 5px; | |
591 | + padding: 10px; } | |
592 | + .slick-slider span { | |
593 | + display: block; } | |
594 | + .slick-slider .date, .slick-slider .time { | |
595 | + display: inline-block; | |
596 | + margin-top: 20px; | |
597 | + width: 45%; } | |
598 | +.slick-list { | |
599 | + overflow: hidden; } | |
600 | +.slick-slide { | |
601 | + float: left; } | |
602 | +.slick-def, .slick-prev, .slick-next { | |
603 | + background-color: transparent; | |
604 | + border: 0; | |
605 | + color: #000; | |
606 | + font-size: 0; | |
607 | + position: absolute; | |
608 | + top: 43%; | |
609 | + width: 20px; } | |
610 | + .slick-def:before, .slick-prev:before, .slick-next:before { | |
611 | + font-family: "FontAwesome"; | |
612 | + font-size: 20px; } | |
613 | +.slick-prev { | |
614 | + left: -25px; } | |
615 | + .slick-prev:before { | |
616 | + content: ""; } | |
617 | +.slick-next { | |
618 | + right: -25px; } | |
619 | + .slick-next:before { | |
620 | + content: ""; } | |
621 | +.slick-disabled { | |
622 | + opacity: 0.25; } | |
623 | + | |
624 | +.list-container-border { | |
625 | + border: 3px solid; | |
626 | + border-radius: 3px; } | |
627 | + | |
628 | +.list-unstyled li { | |
629 | + border-top: 1px solid #c4c8ce; | |
630 | + font-size: 18px; | |
631 | + font-weight: 700; | |
632 | + padding: 20px; } | |
633 | + .list-unstyled li:first-child { | |
634 | + border-top: 0; } | |
635 | +.list-styled { | |
636 | + margin-left: 20px; | |
637 | + padding-left: 0; } | |
638 | + | |
639 | +.no-border li { | |
640 | + border: 0; | |
641 | + padding-bottom: 5px; | |
642 | + padding-left: 0; | |
643 | + padding-right: 0; | |
644 | + padding-top: 5px; } | |
645 | + | |
646 | +h2.name { | |
647 | + color: #6c6c6c; | |
648 | + font-size: 18px; | |
649 | + font-weight: 700; | |
650 | + margin: 0; | |
651 | + padding: 0; | |
652 | + text-transform: none; } | |
653 | +h2.menu { | |
654 | + background-color: #484848; | |
655 | + border: 0; | |
656 | + border-top-left-radius: 3px; | |
657 | + border-top-right-radius: 3px; | |
658 | + color: #fff; | |
659 | + font-size: 15px; | |
660 | + font-weight: 300; | |
661 | + margin: 0; | |
662 | + padding-bottom: 20px; | |
663 | + padding-left: 20px; | |
664 | + padding-right: 20px; | |
665 | + padding-top: 20px; } | |
666 | + | |
667 | +h3.titulo-destaque { | |
668 | + font-size: 38px; } | |
669 | + | |
670 | +.bloco-destaque { | |
671 | + padding: 35px; | |
672 | + border-radius: 3px; } | |
673 | + .bloco-destaque h4 { | |
674 | + margin-bottom: 60px; } | |
675 | + | |
676 | +section.saude .description { | |
677 | + margin-top: 20px; } | |
678 | + section.saude .description:before { | |
679 | + content: "Sa├║de ├® direito de todos e dever do Estado. O Sistema ├Ünico de Sa├║de (SUS) ├® universal, integral e de responsabilidade do Governo Federal, estados e munic├¡pios. Atende a todos os brasileiros."; | |
680 | + color: #6c6c6c; | |
681 | + font-family: asap, sans; | |
682 | + padding-top: 20px; } | |
683 | + | |
684 | +section.seguranca-publica .description { | |
685 | + margin-top: 20px; } | |
686 | + section.seguranca-publica .description:before { | |
687 | + content: "A seguran├ºa p├║blica ├® um direito fundamental dos cidad├úos. A prote├º├úo da vida, a dissemina├º├úo da cultura da paz e a integra├º├úo dos ├│rg├úos e institui├º├Áes municipais, estaduais e federais s├úo os maiores compromissos dessa pol├¡tica p├║blica."; | |
688 | + color: #6c6c6c; | |
689 | + font-family: asap, sans; | |
690 | + padding-top: 20px; } | |
691 | + | |
692 | +section.educacao .description { | |
693 | + margin-top: 20px; } | |
694 | + section.educacao .description:before { | |
695 | + content: "Uma p├ítria educadora se faz com oportunidades para todos. Nos ├║ltimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso ├á educa├º├úo em todos os n├¡veis de ensino ÔÇô da creche ├á p├│s-gradua├º├úo ÔÇô e para todos os brasileiros, independentemente de sua classe social. E ainda h├í muito a fazer. O Plano Nacional de Educa├º├úo (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os munic├¡pios na constru├º├úo de um futuro melhor. Queremos agora um salto na qualidade do ensino."; | |
696 | + color: #6c6c6c; | |
697 | + font-family: asap, sans; | |
698 | + padding-top: 20px; } | |
699 | + | |
700 | +section.reducao-da-pobreza .description { | |
701 | + margin-top: 20px; } | |
702 | + section.reducao-da-pobreza .description:before { | |
703 | + content: "Com o esfor├ºo do Brasil para reduzir a pobreza e a desigualdade, 36 milh├Áes de pessoas superaram a mis├®ria na ├║ltima d├®cada e o pa├¡s saiu do Mapa da Fome das Na├º├Áes Unidas."; | |
704 | + color: #6c6c6c; | |
705 | + font-family: asap, sans; | |
706 | + padding-top: 20px; } | |
707 | + | |
708 | +.saude { | |
709 | + color: #3449b7; } | |
710 | + .saude .button, .saude .button-cancela, .saude .login input.button, .login .saude input.button, .saude .signup input.button, .signup .saude input.button, .saude .show_body a { | |
711 | + background-color: #3449b7; | |
712 | + border-color: #23317b; | |
713 | + transition: all 400ms; } | |
714 | + .saude .button:hover, .saude .button-cancela:hover, .saude .show_body a:hover { | |
715 | + background-color: #23317b; | |
716 | + text-decoration: none; } | |
717 | + .saude .select { | |
718 | + background-color: #3449b7; } | |
719 | + .saude .proposal-header .title, .saude .proposal-header p, .saude .proposal-header p { | |
720 | + background-color: #23317b; } | |
721 | + .saude .box-propostas { | |
722 | + border-color: #3449b7; } | |
723 | + .saude .box-title, .saude .box-bottom { | |
724 | + color: #3449b7; } | |
725 | + .saude .box-category li { | |
726 | + background-color: #3449b7; } | |
727 | + .saude .slick-prev, .saude .slick-next { | |
728 | + color: #3449b7; } | |
729 | + .saude .slick-slider .date, .saude .slick-slider .time { | |
730 | + color: #3449b7; } | |
731 | + .saude .login input, .saude .signup input { | |
732 | + border-color: #3449b7; } | |
733 | + .saude .login input.button-cancela, .saude .login input.button, .saude .signup input.button-cancela, .saude .signup input.button { | |
734 | + transition: all 400ms; } | |
735 | + .saude .login input.button-cancela:hover, .saude .login input.button:hover, .saude .signup input.button-cancela:hover, .saude .signup input.button:hover { | |
736 | + background-color: #23317b; | |
737 | + text-decoration: none; } | |
738 | + .saude .login i, .saude .signup i { | |
739 | + color: #3449b7; } | |
740 | + .saude .list-unstyled li { | |
741 | + color: #3449b7; } | |
742 | + .saude .bloco-destaque { | |
743 | + background-color: #3449b7; | |
744 | + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); | |
745 | + background-repeat: no-repeat; | |
746 | + background-position: 100% 100%; | |
747 | + color: #fff; } | |
748 | + .saude .bloco-destaque p { | |
749 | + color: #fff; } | |
750 | + .saude .select .proposal-link { | |
751 | + background-image: url(images/icons/saude.png); | |
752 | + background-position: 5px 50%; | |
753 | + background-repeat: no-repeat; | |
754 | + background-size: 32px; } | |
755 | + | |
756 | +.category-saude { | |
757 | + background-color: #3449b7; | |
758 | + background-position: 5px 50%; | |
759 | + background-repeat: no-repeat; | |
760 | + background-size: 40px; | |
761 | + border-color: #23317b; } | |
762 | + | |
763 | +.icon-saude { | |
764 | + background-color: #3449b7; | |
765 | + background-image: url(images/icons/saude.png); } | |
766 | + | |
767 | +.seguranca-publica { | |
768 | + color: #ee2a61; } | |
769 | + .seguranca-publica .button, .seguranca-publica .button-cancela, .seguranca-publica .login input.button, .login .seguranca-publica input.button, .seguranca-publica .signup input.button, .signup .seguranca-publica input.button, .seguranca-publica .show_body a { | |
770 | + background-color: #ee2a61; | |
771 | + border-color: #bc0f40; | |
772 | + transition: all 400ms; } | |
773 | + .seguranca-publica .button:hover, .seguranca-publica .button-cancela:hover, .seguranca-publica .show_body a:hover { | |
774 | + background-color: #bc0f40; | |
775 | + text-decoration: none; } | |
776 | + .seguranca-publica .select { | |
777 | + background-color: #ee2a61; } | |
778 | + .seguranca-publica .proposal-header .title, .seguranca-publica .proposal-header p, .seguranca-publica .proposal-header p { | |
779 | + background-color: #bc0f40; } | |
780 | + .seguranca-publica .box-propostas { | |
781 | + border-color: #ee2a61; } | |
782 | + .seguranca-publica .box-title, .seguranca-publica .box-bottom { | |
783 | + color: #ee2a61; } | |
784 | + .seguranca-publica .box-category li { | |
785 | + background-color: #ee2a61; } | |
786 | + .seguranca-publica .slick-prev, .seguranca-publica .slick-next { | |
787 | + color: #ee2a61; } | |
788 | + .seguranca-publica .slick-slider .date, .seguranca-publica .slick-slider .time { | |
789 | + color: #ee2a61; } | |
790 | + .seguranca-publica .login input, .seguranca-publica .signup input { | |
791 | + border-color: #ee2a61; } | |
792 | + .seguranca-publica .login input.button-cancela, .seguranca-publica .login input.button, .seguranca-publica .signup input.button-cancela, .seguranca-publica .signup input.button { | |
793 | + transition: all 400ms; } | |
794 | + .seguranca-publica .login input.button-cancela:hover, .seguranca-publica .login input.button:hover, .seguranca-publica .signup input.button-cancela:hover, .seguranca-publica .signup input.button:hover { | |
795 | + background-color: #bc0f40; | |
796 | + text-decoration: none; } | |
797 | + .seguranca-publica .login i, .seguranca-publica .signup i { | |
798 | + color: #ee2a61; } | |
799 | + .seguranca-publica .list-unstyled li { | |
800 | + color: #ee2a61; } | |
801 | + .seguranca-publica .bloco-destaque { | |
802 | + background-color: #ee2a61; | |
803 | + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); | |
804 | + background-repeat: no-repeat; | |
805 | + background-position: 100% 100%; | |
806 | + color: #fff; } | |
807 | + .seguranca-publica .bloco-destaque p { | |
808 | + color: #fff; } | |
809 | + .seguranca-publica .select .proposal-link { | |
810 | + background-image: url(images/icons/seguranca-publica.png); | |
811 | + background-position: 5px 50%; | |
812 | + background-repeat: no-repeat; | |
813 | + background-size: 32px; } | |
814 | + | |
815 | +.category-seguranca-publica { | |
816 | + background-color: #ee2a61; | |
817 | + background-position: 5px 50%; | |
818 | + background-repeat: no-repeat; | |
819 | + background-size: 40px; | |
820 | + border-color: #bc0f40; } | |
821 | + | |
822 | +.icon-seguranca-publica { | |
823 | + background-color: #ee2a61; | |
824 | + background-image: url(images/icons/seguranca-publica.png); } | |
825 | + | |
826 | +.educacao { | |
827 | + color: #f39720; } | |
828 | + .educacao .button, .educacao .button-cancela, .educacao .login input.button, .login .educacao input.button, .educacao .signup input.button, .signup .educacao input.button, .educacao .show_body a { | |
829 | + background-color: #f39720; | |
830 | + border-color: #bc6f0a; | |
831 | + transition: all 400ms; } | |
832 | + .educacao .button:hover, .educacao .button-cancela:hover, .educacao .show_body a:hover { | |
833 | + background-color: #bc6f0a; | |
834 | + text-decoration: none; } | |
835 | + .educacao .select { | |
836 | + background-color: #f39720; } | |
837 | + .educacao .proposal-header .title, .educacao .proposal-header p, .educacao .proposal-header p { | |
838 | + background-color: #bc6f0a; } | |
839 | + .educacao .box-propostas { | |
840 | + border-color: #f39720; } | |
841 | + .educacao .box-title, .educacao .box-bottom { | |
842 | + color: #f39720; } | |
843 | + .educacao .box-category li { | |
844 | + background-color: #f39720; } | |
845 | + .educacao .slick-prev, .educacao .slick-next { | |
846 | + color: #f39720; } | |
847 | + .educacao .slick-slider .date, .educacao .slick-slider .time { | |
848 | + color: #f39720; } | |
849 | + .educacao .login input, .educacao .signup input { | |
850 | + border-color: #f39720; } | |
851 | + .educacao .login input.button-cancela, .educacao .login input.button, .educacao .signup input.button-cancela, .educacao .signup input.button { | |
852 | + transition: all 400ms; } | |
853 | + .educacao .login input.button-cancela:hover, .educacao .login input.button:hover, .educacao .signup input.button-cancela:hover, .educacao .signup input.button:hover { | |
854 | + background-color: #bc6f0a; | |
855 | + text-decoration: none; } | |
856 | + .educacao .login i, .educacao .signup i { | |
857 | + color: #f39720; } | |
858 | + .educacao .list-unstyled li { | |
859 | + color: #f39720; } | |
860 | + .educacao .bloco-destaque { | |
861 | + background-color: #f39720; | |
862 | + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); | |
863 | + background-repeat: no-repeat; | |
864 | + background-position: 100% 100%; | |
865 | + color: #fff; } | |
866 | + .educacao .bloco-destaque p { | |
867 | + color: #fff; } | |
868 | + .educacao .select .proposal-link { | |
869 | + background-image: url(images/icons/educacao.png); | |
870 | + background-position: 5px 50%; | |
871 | + background-repeat: no-repeat; | |
872 | + background-size: 32px; } | |
873 | + | |
874 | +.category-educacao { | |
875 | + background-color: #f39720; | |
876 | + background-position: 5px 50%; | |
877 | + background-repeat: no-repeat; | |
878 | + background-size: 40px; | |
879 | + border-color: #bc6f0a; } | |
880 | + | |
881 | +.icon-educacao { | |
882 | + background-color: #f39720; | |
883 | + background-image: url(images/icons/educacao.png); } | |
884 | + | |
885 | +.reducao-da-pobreza { | |
886 | + color: #3ebb8f; } | |
887 | + .reducao-da-pobreza .button, .reducao-da-pobreza .button-cancela, .reducao-da-pobreza .login input.button, .login .reducao-da-pobreza input.button, .reducao-da-pobreza .signup input.button, .signup .reducao-da-pobreza input.button, .reducao-da-pobreza .show_body a { | |
888 | + background-color: #3ebb8f; | |
889 | + border-color: #2b8263; | |
890 | + transition: all 400ms; } | |
891 | + .reducao-da-pobreza .button:hover, .reducao-da-pobreza .button-cancela:hover, .reducao-da-pobreza .show_body a:hover { | |
892 | + background-color: #2b8263; | |
893 | + text-decoration: none; } | |
894 | + .reducao-da-pobreza .select { | |
895 | + background-color: #3ebb8f; } | |
896 | + .reducao-da-pobreza .proposal-header .title, .reducao-da-pobreza .proposal-header p, .reducao-da-pobreza .proposal-header p { | |
897 | + background-color: #2b8263; } | |
898 | + .reducao-da-pobreza .box-propostas { | |
899 | + border-color: #3ebb8f; } | |
900 | + .reducao-da-pobreza .box-title, .reducao-da-pobreza .box-bottom { | |
901 | + color: #3ebb8f; } | |
902 | + .reducao-da-pobreza .box-category li { | |
903 | + background-color: #3ebb8f; } | |
904 | + .reducao-da-pobreza .slick-prev, .reducao-da-pobreza .slick-next { | |
905 | + color: #3ebb8f; } | |
906 | + .reducao-da-pobreza .slick-slider .date, .reducao-da-pobreza .slick-slider .time { | |
907 | + color: #3ebb8f; } | |
908 | + .reducao-da-pobreza .login input, .reducao-da-pobreza .signup input { | |
909 | + border-color: #3ebb8f; } | |
910 | + .reducao-da-pobreza .login input.button-cancela, .reducao-da-pobreza .login input.button, .reducao-da-pobreza .signup input.button-cancela, .reducao-da-pobreza .signup input.button { | |
911 | + transition: all 400ms; } | |
912 | + .reducao-da-pobreza .login input.button-cancela:hover, .reducao-da-pobreza .login input.button:hover, .reducao-da-pobreza .signup input.button-cancela:hover, .reducao-da-pobreza .signup input.button:hover { | |
913 | + background-color: #2b8263; | |
914 | + text-decoration: none; } | |
915 | + .reducao-da-pobreza .login i, .reducao-da-pobreza .signup i { | |
916 | + color: #3ebb8f; } | |
917 | + .reducao-da-pobreza .list-unstyled li { | |
918 | + color: #3ebb8f; } | |
919 | + .reducao-da-pobreza .bloco-destaque { | |
920 | + background-color: #3ebb8f; | |
921 | + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); | |
922 | + background-repeat: no-repeat; | |
923 | + background-position: 100% 100%; | |
924 | + color: #fff; } | |
925 | + .reducao-da-pobreza .bloco-destaque p { | |
926 | + color: #fff; } | |
927 | + .reducao-da-pobreza .select .proposal-link { | |
928 | + background-image: url(images/icons/reducao-da-pobreza.png); | |
929 | + background-position: 5px 50%; | |
930 | + background-repeat: no-repeat; | |
931 | + background-size: 32px; } | |
932 | + | |
933 | +.category-reducao-da-pobreza { | |
934 | + background-color: #3ebb8f; | |
935 | + background-position: 5px 50%; | |
936 | + background-repeat: no-repeat; | |
937 | + background-size: 40px; | |
938 | + border-color: #2b8263; } | |
939 | + | |
940 | +.icon-reducao-da-pobreza { | |
941 | + background-color: #3ebb8f; | |
942 | + background-image: url(images/icons/reducao-da-pobreza.png); } | |
943 | + | |
944 | +.contrast { | |
945 | + background-color: #000; | |
946 | + color: #fff; } | |
947 | + .contrast .container h2, .contrast .container h3, .contrast .container h4, .contrast .container a, .contrast .container p, .contrast .container li, .contrast .container label, .contrast .container .label, .contrast .container .login i { | |
948 | + color: #fff; } | |
949 | + .contrast .container a { | |
950 | + text-decoration: underline; } | |
951 | + .contrast .container small { | |
952 | + color: #999999; } | |
953 | + .contrast .button, .contrast .button-cancela, .contrast .login input.button, .login .contrast input.button, .contrast .signup input.button, .signup .contrast input.button, .contrast .show_body a, .contrast .login input.button-cancela, .contrast .login input.button, .contrast .box-category li { | |
954 | + background-color: #fff; | |
955 | + border-color: #999999; | |
956 | + color: #000; | |
957 | + text-decoration: none; | |
958 | + transition: all 400ms; } | |
959 | + .contrast .button:hover, .contrast .button-cancela:hover, .contrast .show_body a:hover, .contrast .login input.button-cancela:hover, .contrast .login input.button:hover, .contrast .box-category li:hover { | |
960 | + background-color: #999999; | |
961 | + text-decoration: none; } | |
962 | + .contrast .icon-facebook { | |
963 | + background-image: url(images/icons/icon-facebook-contrast.png) !important; } | |
964 | + .contrast .icon-twitter { | |
965 | + background-image: url(images/icons/icon-twitter-contrast.png) !important; } | |
966 | + .contrast .icon-gplus { | |
967 | + background-image: url(images/icons/icon-gplus-contrast.png) !important; } | |
968 | + .contrast .icon-whatsapp { | |
969 | + background-image: url(images/icons/icon-whatsapp-contrast.png) !important; } | |
970 | + .contrast .tab a { | |
971 | + background-color: #262626; | |
972 | + border-bottom-color: #fff; } | |
973 | + .contrast .tab .active { | |
974 | + background-color: #000; | |
975 | + border-color: #fff; | |
976 | + border-bottom-color: #000; } | |
977 | + .contrast #proposal-categories, .contrast #proposal-group { | |
978 | + border-color: #fff; } | |
979 | + .contrast .proposal-category a { | |
980 | + background-color: #262626 !important; } | |
981 | + .contrast .proposal-category .arrow-box:after { | |
982 | + border-bottom-color: #262626 !important; } | |
983 | + .contrast .select { | |
984 | + background-color: #262626; } | |
985 | + .contrast section { | |
986 | + background-color: #262626; } | |
987 | + .contrast section:hover { | |
988 | + background-color: #262626; } | |
989 | + .contrast section .box { | |
990 | + background-color: #000; } | |
991 | + .contrast .proposal-header .title, .contrast .proposal-header p, .contrast .proposal-header p { | |
992 | + background-color: #262626; } | |
993 | + .contrast .box { | |
994 | + background-color: #262626; | |
995 | + text-decoration: none; } | |
996 | + .contrast .box-propostas { | |
997 | + border-color: #fff; } | |
998 | + .contrast .box-title, .contrast .box-subtitle, .contrast .box-apoie p, .box-apoie .contrast p, .contrast .box-info, .contrast .box-bottom, .contrast .box .social span, .contrast .box-header { | |
999 | + color: #fff; } | |
1000 | + .contrast .slick-prev, .contrast .slick-next { | |
1001 | + color: #fff; } | |
1002 | + .contrast .slick-slider li { | |
1003 | + background-color: #000; } | |
1004 | + .contrast .slick-slider .date, .contrast .slick-slider .time { | |
1005 | + color: #fff; } | |
1006 | + .contrast .bloco-destaque { | |
1007 | + background: #262626; } | ... | ... |
... | ... | @@ -0,0 +1,29 @@ |
1 | +{ | |
2 | + "name": "proposal-app", | |
3 | + "version": "1.0.0", | |
4 | + "description": "CSS Files\r - hover for Float Shadow in categories buttons\r -", | |
5 | + "main": "gulpfile.js", | |
6 | + "directories": { | |
7 | + "test": "test" | |
8 | + }, | |
9 | + "dependencies": { | |
10 | + "gulp": "^3.8.11", | |
11 | + "gulp-connect": "^2.2.0", | |
12 | + "gulp-ruby-sass": "^1.0.5", | |
13 | + "gulp-sass": "^2.0.1" | |
14 | + }, | |
15 | + "devDependencies": { | |
16 | + "gulp": "^3.9.0", | |
17 | + "gulp-connect": "^2.2.0", | |
18 | + "gulp-ruby-sass": "^1.0.5" | |
19 | + }, | |
20 | + "scripts": { | |
21 | + "test": "echo \"Error: no test specified\" && exit 1" | |
22 | + }, | |
23 | + "repository": { | |
24 | + "type": "git", | |
25 | + "url": "https://gitlab.com/participa/proposal-app.git" | |
26 | + }, | |
27 | + "author": "", | |
28 | + "license": "ISC" | |
29 | +} | ... | ... |