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
@@ -245,6 +245,24 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F @@ -245,6 +245,24 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F
245 $proposal.find('.results-container .results-content').hide(); 245 $proposal.find('.results-container .results-content').hide();
246 $proposal.find('.experience-proposal-container').show(); 246 $proposal.find('.experience-proposal-container').show();
247 $proposal.find('.talk-proposal-container').show(); 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 $proposal.find('.calendar').slick(); 266 $proposal.find('.calendar').slick();
249 267
250 var topic_id = proposal_id.split('-').pop(); 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 .proposal-detail { 39 .proposal-detail {
2 .login-container { 40 .login-container {
  41 + margin: 0 20px;
  42 + text-align: left;
3 .loading { 43 .loading {
4 text-align: center; 44 text-align: center;
5 } 45 }
@@ -299,8 +339,8 @@ @@ -299,8 +339,8 @@
299 text-align: left; 339 text-align: left;
300 } 340 }
301 .message { 341 .message {
302 - margin: 10px 35px;  
303 - padding: 10px 25px; 342 + margin: 10px 0;
  343 + padding: 10px 20px;
304 font-size: 12px; 344 font-size: 12px;
305 background-color: #f2dede; 345 background-color: #f2dede;
306 border-color: #ebccd1; 346 border-color: #ebccd1;
@@ -378,6 +418,7 @@ @@ -378,6 +418,7 @@
378 border: 1px solid $color; 418 border: 1px solid $color;
379 height: $container-height; 419 height: $container-height;
380 min-height: $container-height; 420 min-height: $container-height;
  421 + overflow: auto;
381 margin: 0 10px 20px 0; 422 margin: 0 10px 20px 0;
382 } 423 }
383 .make-proposal-button{ 424 .make-proposal-button{
@@ -399,7 +440,7 @@ @@ -399,7 +440,7 @@
399 height: 15%; 440 height: 15%;
400 } 441 }
401 label { 442 label {
402 - color: gray; 443 + color: #333;
403 } 444 }
404 } 445 }
405 .support-proposal-container{ 446 .support-proposal-container{
@@ -599,23 +640,24 @@ @@ -599,23 +640,24 @@
599 } 640 }
600 /*------------------ formulario ---------------- */ 641 /*------------------ formulario ---------------- */
601 form .oauth { 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 form .actions { 648 form .actions {
608 - float: right;  
609 - width: 50%; 649 + // float: right;
  650 + // width: 50%;
610 } 651 }
611 652
612 form.signup { 653 form.signup {
  654 + text-align: left;
613 .password, .password-confirmation { 655 .password, .password-confirmation {
614 - width: 47%; 656 + // width: 47%;
615 display: inline-block; 657 display: inline-block;
616 } 658 }
617 .password { 659 .password {
618 - margin-left: 15px; 660 + // margin-left: 15px;
619 } 661 }
620 .actions { 662 .actions {
621 margin: 20px 0 0 0; 663 margin: 20px 0 0 0;
@@ -626,7 +668,7 @@ @@ -626,7 +668,7 @@
626 border-radius: 7px; 668 border-radius: 7px;
627 color: #fff; 669 color: #fff;
628 padding: 10px 15px; 670 padding: 10px 15px;
629 - margin: 0 0 0 8px; 671 + // margin: 0 0 0 8px;
630 } 672 }
631 .cancel-signup { 673 .cancel-signup {
632 @extend .confirm-signup; 674 @extend .confirm-signup;
@@ -702,13 +744,13 @@ @@ -702,13 +744,13 @@
702 744
703 .support-proposal .abstract{ 745 .support-proposal .abstract{
704 overflow-y: auto; 746 overflow-y: auto;
705 - max-height: 190px; 747 + // max-height: 190px;
706 margin-bottom: 10px; 748 margin-bottom: 10px;
707 word-break: break-word; 749 word-break: break-word;
708 word-wrap: break-word; 750 word-wrap: break-word;
709 751
710 @media only screen and (max-width: 1048px) { 752 @media only screen and (max-width: 1048px) {
711 - max-height: 140px; 753 + // max-height: 140px;
712 font-size: 20px; 754 font-size: 20px;
713 } 755 }
714 } 756 }
@@ -735,7 +777,7 @@ @@ -735,7 +777,7 @@
735 777
736 .info { 778 .info {
737 margin: 0 20px !important; 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,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 \ No newline at end of file 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,22 +18,20 @@
18 border-bottom: 1px solid #eeeff1; 18 border-bottom: 1px solid #eeeff1;
19 color: $color; 19 color: $color;
20 font-size: 38px; 20 font-size: 38px;
21 - font-weight: 300; 21 + font-weight: 500;
22 padding-bottom: .5em; 22 padding-bottom: .5em;
23 - text-transform: uppercase;  
24 small { 23 small {
25 display: block; 24 display: block;
26 font-size: 16px; 25 font-size: 16px;
27 - font-weight: 300;  
28 - margin-top: -.1em; 26 + font-weight: 400;
  27 + margin-top: 5px;
29 text-transform: none; 28 text-transform: none;
30 } 29 }
31 } 30 }
32 h3 { 31 h3 {
33 color: $color; 32 color: $color;
34 font-size: 28px; 33 font-size: 28px;
35 - font-weight: 300;  
36 - text-transform: uppercase; 34 + font-weight: 500;
37 .border { 35 .border {
38 border-bottom: 1px solid #eeeff1; 36 border-bottom: 1px solid #eeeff1;
39 padding-bottom: 20px; 37 padding-bottom: 20px;
@@ -41,12 +39,14 @@ @@ -41,12 +39,14 @@
41 } 39 }
42 h4 { 40 h4 {
43 font-size: 24px; 41 font-size: 24px;
  42 + font-weight: 500;
44 color: $color; 43 color: $color;
45 text-transform: none; 44 text-transform: none;
46 } 45 }
47 h5 { 46 h5 {
48 color: $color; 47 color: $color;
49 font-size: 22px; 48 font-size: 22px;
  49 + font-weight: 500;
50 margin-top: 15px; 50 margin-top: 15px;
51 } 51 }
52 img { 52 img {
@@ -112,7 +112,7 @@ @@ -112,7 +112,7 @@
112 display: block; 112 display: block;
113 padding: 1em; 113 padding: 1em;
114 text-align: center; 114 text-align: center;
115 - font-weight: 500; 115 + font-weight: 700;
116 text-decoration: none; 116 text-decoration: none;
117 // text-transform: uppercase; 117 // text-transform: uppercase;
118 .fa-reply { 118 .fa-reply {
sass/style.scss
  Diff comments   View file @9ae2f8a
@@ -56,7 +56,7 @@ h1 { @@ -56,7 +56,7 @@ h1 {
56 #content { 56 #content {
57 padding-bottom: 50px; 57 padding-bottom: 50px;
58 p { 58 p {
59 - 59 +
60 text-align: justify; 60 text-align: justify;
61 margin: 20px; 61 margin: 20px;
62 line-height: 1.5em; 62 line-height: 1.5em;
@@ -79,8 +79,8 @@ h1 { @@ -79,8 +79,8 @@ h1 {
79 } 79 }
80 80
81 form { 81 form {
82 - label, input, div.label, textarea {  
83 - width: 90%; 82 + input, div.label, textarea {
  83 + // width: 90%;
84 margin: 0 auto; 84 margin: 0 auto;
85 font-size: 14px; 85 font-size: 14px;
86 display: block; 86 display: block;
@@ -90,6 +90,8 @@ form { @@ -90,6 +90,8 @@ form {
90 input, textarea { 90 input, textarea {
91 color: #000; 91 color: #000;
92 border: 1px solid #18376C; 92 border: 1px solid #18376C;
  93 + width: 100%;
  94 + margin-bottom: 20px;
93 } 95 }
94 96
95 textarea { 97 textarea {
@@ -102,13 +104,13 @@ form { @@ -102,13 +104,13 @@ form {
102 color: #000; 104 color: #000;
103 font-weight: bold; 105 font-weight: bold;
104 text-decoration: none; 106 text-decoration: none;
105 - margin: 10px 20px; 107 + // margin: 10px 20px;
106 } 108 }
107 109
108 .actions, .oauth { 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,6 +155,11 @@ form {
153 } 155 }
154 } 156 }
155 157
  158 +.captcha{
  159 + // padding-left: 25px;
  160 + // padding-top: 20px;
  161 +}
  162 +
156 @media (max-width: 480px) { 163 @media (max-width: 480px) {
157 header { 164 header {
158 height: auto; 165 height: auto;
@@ -205,4 +212,4 @@ form { @@ -205,4 +212,4 @@ form {
205 } 212 }
206 } 213 }
207 } 214 }
208 -}  
209 \ No newline at end of file 215 \ No newline at end of file
  216 +}
sass/utilities/_variables.scss
  Diff comments   View file @9ae2f8a
1 $categories: (saude: #00a9bd, seguranca-publica: #e34748, educacao: #ffb400, reducao-da-pobreza: #51d0b3); 1 $categories: (saude: #00a9bd, seguranca-publica: #e34748, educacao: #ffb400, reducao-da-pobreza: #51d0b3);
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."); 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;