Download as
Browse Code »

Commit 9ae2f8afde4442347756fbc3e872e047af36e2bf

Authored by Augusto dos Anjos Almeida
1 parent 1b1f2f75
Exists in refactory-sass

Remoção do arquivo sass/novo.scss

Showing 6 changed files with 97 additions and 269 deletions   Show diff stats
js/main.js
  Diff comments   View file @9ae2f8a
... ... @@ -245,6 +245,24 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F
245 245 $proposal.find('.results-container .results-content').hide();
246 246 $proposal.find('.experience-proposal-container').show();
247 247 $proposal.find('.talk-proposal-container').show();
  248 + $proposal.find('.calendar').hide();
  249 + var active_category = '';
  250 + switch($proposal.find('.categories').attr('class')) {
  251 + case 'categories saude':
  252 + active_category = 'saude';
  253 + break;
  254 + case 'categories educacao':
  255 + active_category = 'educacao';
  256 + break;
  257 + case 'categories seguranca-publica':
  258 + active_category = 'seguranca-publica';
  259 + break;
  260 + case 'categories reducao-da-pobreza':
  261 + active_category = 'reducao-da-pobreza';
  262 + break;
  263 + }
  264 +
  265 + $proposal.find('.calendar.' + active_category).show();
248 266 $proposal.find('.calendar').slick();
249 267  
250 268 var topic_id = proposal_id.split('-').pop();
... ...
sass/_proposal_detail.scss 100755 → 100644
  Diff comments   View file @9ae2f8a
  1 +.login .row input,
  2 +.signup .row input {
  3 + margin-bottom: 0;
  4 +}
  5 +
  6 +@each $category, $color in $categories {
  7 + .#{$category} {
  8 + .button {
  9 + background-color: $color;
  10 + border-radius: 6px;
  11 + border-bottom: 3px solid darken($color, 15%);
  12 + color: #fff;
  13 + font-weight: 400;
  14 + font-size: 16px;
  15 + padding: 20px 0;
  16 + display: block;
  17 + margin: 0;
  18 + text-align: center;
  19 + transition: all 200ms;
  20 + &:hover {
  21 + background-color: darken($color, 15%);
  22 + text-decoration: none;
  23 + }
  24 + }
  25 + input.button {
  26 + @extend .button;
  27 + margin: 0 !important;
  28 + padding: 20px 0 !important;
  29 + width: 100% !important;
  30 + }
  31 + }
  32 +}
  33 +.box-subtitle {
  34 + color: #18376c;
  35 + font-size: 24px;
  36 + font-weight: bold;
  37 +}
  38 +
1 39 .proposal-detail {
2 40 .login-container {
  41 + margin: 0 20px;
  42 + text-align: left;
3 43 .loading {
4 44 text-align: center;
5 45 }
... ... @@ -299,8 +339,8 @@
299 339 text-align: left;
300 340 }
301 341 .message {
302   - margin: 10px 35px;
303   - padding: 10px 25px;
  342 + margin: 10px 0;
  343 + padding: 10px 20px;
304 344 font-size: 12px;
305 345 background-color: #f2dede;
306 346 border-color: #ebccd1;
... ... @@ -378,6 +418,7 @@
378 418 border: 1px solid $color;
379 419 height: $container-height;
380 420 min-height: $container-height;
  421 + overflow: auto;
381 422 margin: 0 10px 20px 0;
382 423 }
383 424 .make-proposal-button{
... ... @@ -399,7 +440,7 @@
399 440 height: 15%;
400 441 }
401 442 label {
402   - color: gray;
  443 + color: #333;
403 444 }
404 445 }
405 446 .support-proposal-container{
... ... @@ -599,23 +640,24 @@
599 640 }
600 641 /*------------------ formulario ---------------- */
601 642 form .oauth {
602   - margin-top: 10px;
603   - float: left;
604   - width: 50%;
  643 + margin-top: 15px;
  644 + // float: left;
  645 + // width: 50%;
605 646 }
606 647  
607 648 form .actions {
608   - float: right;
609   - width: 50%;
  649 + // float: right;
  650 + // width: 50%;
610 651 }
611 652  
612 653 form.signup {
  654 + text-align: left;
613 655 .password, .password-confirmation {
614   - width: 47%;
  656 + // width: 47%;
615 657 display: inline-block;
616 658 }
617 659 .password {
618   - margin-left: 15px;
  660 + // margin-left: 15px;
619 661 }
620 662 .actions {
621 663 margin: 20px 0 0 0;
... ... @@ -626,7 +668,7 @@
626 668 border-radius: 7px;
627 669 color: #fff;
628 670 padding: 10px 15px;
629   - margin: 0 0 0 8px;
  671 + // margin: 0 0 0 8px;
630 672 }
631 673 .cancel-signup {
632 674 @extend .confirm-signup;
... ... @@ -702,13 +744,13 @@
702 744  
703 745 .support-proposal .abstract{
704 746 overflow-y: auto;
705   - max-height: 190px;
  747 + // max-height: 190px;
706 748 margin-bottom: 10px;
707 749 word-break: break-word;
708 750 word-wrap: break-word;
709 751  
710 752 @media only screen and (max-width: 1048px) {
711   - max-height: 140px;
  753 + // max-height: 140px;
712 754 font-size: 20px;
713 755 }
714 756 }
... ... @@ -735,7 +777,7 @@
735 777  
736 778 .info {
737 779 margin: 0 20px !important;
738   - max-height: 40px !important;
  780 + // max-height: 40px !important;
739 781 }
740 782 }
741 783  
... ...
sass/novo.scss
View file @1b1f2f7
... ... @@ -1,239 +0,0 @@
1   -// colors
2   -$border-color: #d6dcd7;
3   -$default-color: #172938;
4   -$header-color: #03316f;
5   -$link-color: #335277;
6   -
7   -// font sizes
8   -$category-select-size: 19px;
9   -$category-title-size: 18px;
10   -$default-font-size: 16px;
11   -$detail-proposal-size: 30px;
12   -$detail-title-size: 32px;
13   -$header-h1-size: 28px;
14   -$proposal-link-size: 24px;
15   -$proposal-subtitle-size: 20px;
16   -$proposal-view-size: 38px;
17   -$small-font-size: 14px;
18   -
19   -// radius sizes
20   -$default-radius-size: 7px;
21   -
22   -// padding defaults
23   -$default-spacing-size: 20px;
24   -
25   -// dictionaries
26   -$categories: (saude: #00a9bd, seguranca: #e34748, educacao: #ffb400, reducao-da-pobreza: #51d0b3);
27   -$categories-descriptions: (saude: "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.", seguranca: "A Segurança Pública é um direito fundamental, dever do Estado e responsabilidade de todos. A proteção da vida, a disseminação da cultura de paz e a integração dos órgãos e instituições são os maiores compromissos desta política pública.", educacao: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis ‐ da creche à pós‐graduação. Com o Plano Nacional de Educação (PNE) para os próximos 10 anos, o Brasil consolida um caminho de oportunidades, por meio da educação, para todos os brasileiros.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, na última década, 36 milhões de pessoas superaram a miséria e o país saiu do Mapa da Fome das Nações Unidas.");
28   -
29   -body {
30   - font-family: 'Open Sans', sans-serif;
31   - font-size: $default-font-size;
32   - font-weight: 400;
33   -}
34   -
35   -#proposal {
36   - &-categories {
37   - border-bottom: 1px solid $header-color;
38   - border-left: 1px solid $header-color;
39   - border-right: 1px solid $header-color;
40   - }
41   - &-result {
42   - margin: $default-spacing-size / 2;
43   - h1 {
44   - border-bottom: 1px solid $border-color;
45   - padding-bottom: $default-spacing-size;
46   - text-transform: uppercase;
47   - a {
48   - color: $header-color;
49   - font-family: 'Asap', sans-serif;
50   - font-size: $header-h1-size;
51   - }
52   - }
53   - nav {
54   - ul {
55   - font-size: 0;
56   - list-style: none;
57   - margin-bottom: 0;
58   - padding-left: 0;
59   - }
60   - li {
61   - margin: 0;
62   - padding: 0;
63   - display: inline-block;
64   - width: 50%;
65   - }
66   - a {
67   - background-color: $header-color;
68   - border-left: 1px solid $header-color;
69   - border-right: 1px solid $header-color;
70   - border-top: 1px solid $header-color;
71   - color: #fff;
72   - display: block;
73   - font-family: 'Asap', sans-serif;
74   - font-size: $default-font-size;
75   - font-weight: 700;
76   - padding-bottom: $detail-proposal-size / 2;
77   - padding-left: $detail-proposal-size / 4;
78   - padding-right: $detail-proposal-size / 4;
79   - padding-top: $detail-proposal-size / 2;
80   - text-transform: uppercase;
81   - text-align: center;
82   - &.active {
83   - background-color: #fff;
84   - color: $header-color;
85   - }
86   - }
87   - }
88   - }
89   -}
90   -@each $category, $color in $categories {
91   - .#{$category} {
92   - .abstract {
93   - p {
94   - background-color: $color;
95   - }
96   - }
97   - .category {
98   - background: $color url(images/icons/#{$category}.png) no-repeat left center;
99   - background-size: 32px;
100   - }
101   - .container {
102   - &-title {
103   - color: $color;
104   - }
105   - }
106   - .send-button {
107   - background-color: $color;
108   - }
109   - .show_body {
110   - border-top-color: $color;
111   - background-color: darken($color, 12%);
112   - span {
113   - background-color: darken($color, 12%);
114   - }
115   - }
116   - .title {
117   - background-color: $color;
118   - }
119   - }
120   -}
121   -.abstract {
122   - img {
123   - width: 100%;
124   - }
125   - p {
126   - color: #fff;
127   - font-size: $small-font-size;
128   - font-weight: 700;
129   - margin-bottom: 0;
130   - padding-bottom: $default-spacing-size / 4;
131   - text-align: center;
132   - }
133   -}
134   -.container {
135   - &-title {
136   - font-size: $detail-proposal-size;
137   - }
138   -}
139   -.go-back {
140   - background-color: #fff;
141   - border: 1px solid #ccc;
142   - color: #333;
143   - display: inline-block;
144   - font-size: $small-font-size;
145   - height: 57px;
146   - padding: 6px 12px;
147   -}
148   -.proposal {
149   - &-category {
150   - height: 57px;
151   - }
152   - &-link {
153   - color: #fff;
154   - display: inline-block;
155   - font-size: $category-title-size;
156   - font-weight: 700;
157   - padding-bottom: $default-spacing-size - 5;
158   - padding-left: $default-spacing-size + 15;
159   - padding-right: $default-spacing-size + 15;
160   - padding-top: $default-spacing-size - 5;
161   - text-transform: uppercase;
162   - &:hover {
163   - color: #fff;
164   - text-decoration: none;
165   - }
166   - }
167   - &-selection {
168   - background-color: #EEEFF1;
169   - border: 0;
170   - cursor: pointer;
171   - float: right;
172   - font-size: $default-font-size;
173   - font-weight: 300;
174   - height: 57px;
175   - text-transform: uppercase;
176   - width: 100%;
177   - }
178   -}
179   -.send-button {
180   - border-radius: $default-radius-size;
181   - margin: auto;
182   - padding-bottom: $default-spacing-size;
183   - padding-top: $default-spacing-size;
184   - text-align: center;
185   - width: 70%;
186   - a {
187   - color: #fff;
188   - font-size: $small-font-size;
189   - text-transform: uppercase;
190   - &:hover {
191   - text-decoration: none;
192   - }
193   - }
194   - span {
195   - background: url(images/airplane.png) no-repeat;
196   - padding-left: $default-spacing-size;
197   - }
198   -}
199   -.show_body {
200   - border-top: 5px solid;
201   - margin-top: $default-spacing-size / 4;
202   - text-align: center;
203   - padding-bottom: $default-spacing-size;
204   - padding-top: $default-spacing-size;
205   - a {
206   - background: url(images/white-line.png) repeat-x 50%;
207   - color: #fff;
208   - display: block;
209   - font-size: $proposal-view-size;
210   - font-weight: 700;
211   - line-height: 1.1;
212   - margin-left: $default-spacing-size / 2;
213   - margin-right: $default-spacing-size / 2;
214   - text-transform: uppercase;
215   - &:hover {
216   - text-decoration: none;
217   - }
218   - }
219   - span {
220   - display: block;
221   - margin-left: $default-spacing-size / 2;
222   - margin-right: $default-spacing-size / 2;
223   - padding-left: $default-spacing-size / 4;
224   - padding-right: $default-spacing-size / 4;
225   - }
226   -}
227   -.subtitle {
228   - color: $header-color;
229   - font-size: $proposal-subtitle-size;
230   - font-weight: 700;
231   -}
232   -.title {
233   - color: #fff;
234   - font-size: $detail-title-size;
235   - font-weight: 700;
236   - padding-top: $default-spacing-size / 2;
237   - text-align: center;
238   - text-transform: uppercase;
239   -}
240 0 \ No newline at end of file
sass/proposal_detail/_proposal-detail-base.scss 100755 → 100644
  Diff comments   View file @9ae2f8a
... ... @@ -18,22 +18,20 @@
18 18 border-bottom: 1px solid #eeeff1;
19 19 color: $color;
20 20 font-size: 38px;
21   - font-weight: 300;
  21 + font-weight: 500;
22 22 padding-bottom: .5em;
23   - text-transform: uppercase;
24 23 small {
25 24 display: block;
26 25 font-size: 16px;
27   - font-weight: 300;
28   - margin-top: -.1em;
  26 + font-weight: 400;
  27 + margin-top: 5px;
29 28 text-transform: none;
30 29 }
31 30 }
32 31 h3 {
33 32 color: $color;
34 33 font-size: 28px;
35   - font-weight: 300;
36   - text-transform: uppercase;
  34 + font-weight: 500;
37 35 .border {
38 36 border-bottom: 1px solid #eeeff1;
39 37 padding-bottom: 20px;
... ... @@ -41,12 +39,14 @@
41 39 }
42 40 h4 {
43 41 font-size: 24px;
  42 + font-weight: 500;
44 43 color: $color;
45 44 text-transform: none;
46 45 }
47 46 h5 {
48 47 color: $color;
49 48 font-size: 22px;
  49 + font-weight: 500;
50 50 margin-top: 15px;
51 51 }
52 52 img {
... ... @@ -112,7 +112,7 @@
112 112 display: block;
113 113 padding: 1em;
114 114 text-align: center;
115   - font-weight: 500;
  115 + font-weight: 700;
116 116 text-decoration: none;
117 117 // text-transform: uppercase;
118 118 .fa-reply {
... ...
sass/style.scss
  Diff comments   View file @9ae2f8a
... ... @@ -56,7 +56,7 @@ h1 {
56 56 #content {
57 57 padding-bottom: 50px;
58 58 p {
59   -
  59 +
60 60 text-align: justify;
61 61 margin: 20px;
62 62 line-height: 1.5em;
... ... @@ -79,8 +79,8 @@ h1 {
79 79 }
80 80  
81 81 form {
82   - label, input, div.label, textarea {
83   - width: 90%;
  82 + input, div.label, textarea {
  83 + // width: 90%;
84 84 margin: 0 auto;
85 85 font-size: 14px;
86 86 display: block;
... ... @@ -90,6 +90,8 @@ form {
90 90 input, textarea {
91 91 color: #000;
92 92 border: 1px solid #18376C;
  93 + width: 100%;
  94 + margin-bottom: 20px;
93 95 }
94 96  
95 97 textarea {
... ... @@ -102,13 +104,13 @@ form {
102 104 color: #000;
103 105 font-weight: bold;
104 106 text-decoration: none;
105   - margin: 10px 20px;
  107 + // margin: 10px 20px;
106 108 }
107 109  
108 110 .actions, .oauth {
109   - text-align: center;
110   - font-size: 12px;
111   - margin-top: 10px;
  111 + // text-align: center;
  112 + // font-size: 12px;
  113 + // margin-top: 10px;
112 114 }
113 115 }
114 116  
... ... @@ -153,6 +155,11 @@ form {
153 155 }
154 156 }
155 157  
  158 +.captcha{
  159 + // padding-left: 25px;
  160 + // padding-top: 20px;
  161 +}
  162 +
156 163 @media (max-width: 480px) {
157 164 header {
158 165 height: auto;
... ... @@ -205,4 +212,4 @@ form {
205 212 }
206 213 }
207 214 }
208   -}
209 215 \ No newline at end of file
  216 +}
... ...
sass/utilities/_variables.scss
  Diff comments   View file @9ae2f8a
1 1 $categories: (saude: #00a9bd, seguranca-publica: #e34748, educacao: #ffb400, reducao-da-pobreza: #51d0b3);
2 2 $categories-descriptions: (saude: "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.", seguranca-publica: "A Segurança Pública é um direito fundamental, dever do Estado e responsabilidade de todos. A proteção da vida, a disseminação da cultura de paz e a integração dos órgãos e instituições são os maiores compromissos desta política pública.", educacao: "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.", reducao-da-pobreza: "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.");
3   -$container-height: 500px;
  3 +$container-height: 570px;
... ...