Download as
Browse Code »

Commit 26adf7e6b273a0274725f176c02cf50ebf47a6eb

Authored by Augusto dos Anjos Almeida
1 parent aa3940f5
Exists in master and in 5 other branches build, build2, contigency_plan_recaptcha, production, staging

Ver todos os programas link position fixed

Showing 3 changed files with 84 additions and 1104 deletions   Show diff stats
index.html
  Diff comments   View file @26adf7e
... ... @@ -109,7 +109,7 @@
109 109 </div>
110 110 </header>
111 111  
112   - <div id="article-container" class="article-container hide"></div>
  112 + <div id="article-container" class="hide"></div>
113 113  
114 114 <div id="content" class="container">
115 115 <div class="embed-responsive embed-responsive-16by9">
... ... @@ -154,7 +154,8 @@
154 154 <div class="col-sm-9">
155 155 {{#each article.categories}}
156 156 <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
157   - <div class="header">
  157 + <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group">Ver todos os programas</a>
  158 + <div class="header proposal-title">
158 159 <h2 class="name">{{name}}</h2>
159 160 <div class="description"></div>
160 161 </div>
... ... @@ -243,82 +244,84 @@
243 244 </div>
244 245 </div>
245 246  
246   - <div class="make-proposal-container">
247   - <section class="make-proposal box box-propostas">
248   - <div class="container-title box-title">Faça Uma Proposta</div>
249   - <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
250   - <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>
251   - <div class="button send-proposal-button button-send box-footer"><a href="#"><span>Envie sua proposta</span></a></div>
252   - <div class="login-container hide">Login</div>
253   - <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
254   - <div class="message hide"></div>
255   - <div>
256   - <div><label for="article_abstract">Descrição</label></div>
257   - <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  247 + <div class="row">
  248 + <div class="make-proposal-container col-sm-6">
  249 + <section class="make-proposal box box-propostas">
  250 + <div class="container-title box-title">Faça Uma Proposta</div>
  251 + <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
  252 + <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>
  253 + <div class="button send-proposal-button button-send box-footer"><a href="#"><span>Envie sua proposta</span></a></div>
  254 + <div class="login-container hide">Login</div>
  255 + <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
  256 + <div class="message hide"></div>
  257 + <div>
  258 + <div><label for="article_abstract">Descrição</label></div>
  259 + <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  260 + </div>
  261 + <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
  262 + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
  263 + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
  264 + </form>
  265 + <div class="success-proposal-sent success-sent hide send-button">
  266 + <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>
  267 + <a href="#">Faça nova proposta</a>
258 268 </div>
259   - <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
260   - <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
261   - <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
262   - </form>
263   - <div class="success-proposal-sent success-sent hide send-button">
264   - <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>
265   - <a href="#">Faça nova proposta</a>
266   - </div>
267   - <div class="clearfix"></div>
268   - </section>
269   - </div>
  269 + <div class="clearfix"></div>
  270 + </section>
  271 + </div>
270 272  
271   - <div class="support-proposal-container">
272   - <section class="support-proposal box box-propostas box-center box-apoie">
273   - <div class="container-title box-title"> Apoie outras propostas</div>
274   - <div class="alert alert-warning hide" role="alert">
275   - <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
276   - </div>
277   - <div class="support-proposal-content require-login">
278   - <div class="random-proposal"></div>
279   - <div class="loading">Carregando...</div>
280   - <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
281   - </div>
282   - <div class="login-container hide">Login</div>
283   - <div class="send-button"><a href="#"><span>Login</span></a></div>
284   - </section>
285   - </div>
  273 + <div class="support-proposal-container col-sm-6">
  274 + <section class="support-proposal box box-propostas box-center box-apoie">
  275 + <div class="container-title box-title"> Apoie outras propostas</div>
  276 + <div class="alert alert-warning hide" role="alert">
  277 + <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
  278 + </div>
  279 + <div class="support-proposal-content require-login">
  280 + <div class="random-proposal"></div>
  281 + <div class="loading">Carregando...</div>
  282 + <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  283 + </div>
  284 + <div class="login-container hide">Login</div>
  285 + <div class="send-button"><a href="#"><span>Login</span></a></div>
  286 + </section>
  287 + </div>
286 288  
287   - <div class="results-container hide box box-propostas"></div>
288   -
289   - <div class="talk-proposal-container">
290   - <section class="talk-proposal box box-propostas">
291   - <div class="container-title box-title">Bate-papo com os ministros</div>
292   - <p>Confira as datas e horários:</p>
293   - <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>
294   - <li>
295   - <span>Arthur Chioro</span>
296   - <span>Saúde</span>
297   - <div class="date"><i class="fa fa-calendar"></i> 17/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
298   - </li>
299   - </ul>
300   - <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>
301   - <li>
302   - <span>José Eduardo Cardozo</span>
303   - <span>Justiça</span>
304   - <div class="date"><i class="fa fa-calendar"></i> 25/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
305   - </li>
306   - </ul>
307   - <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>
308   - <li>
309   - <span>Renato Janine Ribeiro</span>
310   - <span>Educação</span>
311   - <div class="date"><i class="fa fa-calendar"></i> 24/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
312   - </li>
313   - </ul>
314   - <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>
315   - <li>
316   - <span>Tereza Campello</span>
317   - <span>Desenvolvimento Social</span>
318   - <div class="date"><i class="fa fa-calendar"></i> 18/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
319   - </li>
320   - </ul>
321   - </section>
  289 + <div class="results-container hide box box-propostas col-sm-12"></div>
  290 +
  291 + <div class="talk-proposal-container col-sm-12">
  292 + <section class="talk-proposal box box-propostas">
  293 + <div class="container-title box-title">Bate-papo com os ministros</div>
  294 + <p>Confira as datas e horários:</p>
  295 + <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>
  296 + <li>
  297 + <span>Arthur Chioro</span>
  298 + <span>Saúde</span>
  299 + <div class="date"><i class="fa fa-calendar"></i> 17/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  300 + </li>
  301 + </ul>
  302 + <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>
  303 + <li>
  304 + <span>José Eduardo Cardozo</span>
  305 + <span>Justiça</span>
  306 + <div class="date"><i class="fa fa-calendar"></i> 25/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  307 + </li>
  308 + </ul>
  309 + <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>
  310 + <li>
  311 + <span>Renato Janine Ribeiro</span>
  312 + <span>Educação</span>
  313 + <div class="date"><i class="fa fa-calendar"></i> 24/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  314 + </li>
  315 + </ul>
  316 + <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>
  317 + <li>
  318 + <span>Tereza Campello</span>
  319 + <span>Desenvolvimento Social</span>
  320 + <div class="date"><i class="fa fa-calendar"></i> 18/06/2015</div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div>
  321 + </li>
  322 + </ul>
  323 + </section>
  324 + </div>
322 325 </div>
323 326  
324 327 <div class="clearfix"></div>
... ... @@ -476,7 +479,7 @@
476 479 </div>
477 480 </script>
478 481  
479   - <div class="terms-of-use text-center">
  482 + <div class="terms-of-use">
480 483 <a href="#/artigo/107880">Termos de uso</a>
481 484 </div>
482 485  
... ...
... ... @@ -1,1027 +0,0 @@
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   - background-color: #387bf9;
55   - border-bottom: 3px solid #0751de;
56   - border-left: 0;
57   - border-right: 0;
58   - border-top: 0;
59   - border-radius: 6px;
60   - color: #fff;
61   - cursor: pointer;
62   - display: block;
63   - font-size: 14px;
64   - font-weight: 700;
65   - padding-bottom: 15px;
66   - padding-left: 0;
67   - padding-right: 0;
68   - padding-top: 15px;
69   - text-align: center;
70   - transition: all 400ms; }
71   - .button:hover, .button-cancela:hover, .login input.button:hover, .signup input.button:hover {
72   - background-color: #0751de;
73   - text-decoration: none; }
74   - .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 {
75   - color: #fff; }
76   - .button-inline {
77   - display: inline-block;
78   - padding-bottom: 5px !important;
79   - padding-top: 5px !important; }
80   - .button-send span {
81   - background-image: url(images/airplane.png);
82   - background-position: left center;
83   - background-repeat: no-repeat;
84   - color: #fff;
85   - padding-left: 30px; }
86   - .button-participe .fa {
87   - margin-right: 10px; }
88   -
89   -.btn {
90   - background-color: transparent;
91   - border: 0;
92   - color: #fff;
93   - font-size: 14px;
94   - font-weight: 700;
95   - padding-bottom: 0;
96   - padding-left: 10px;
97   - padding-right: 10px;
98   - padding-top: 0;
99   - vertical-align: middle; }
100   -
101   -.icon {
102   - background-repeat: no-repeat;
103   - background-position: 50% !important;
104   - background-size: auto !important;
105   - border: 0 !important;
106   - border-radius: 100%;
107   - color: #fff !important;
108   - display: inline-block;
109   - font-size: 20px;
110   - height: 36px;
111   - min-width: 0 !important;
112   - text-align: center;
113   - transform: all 200ms;
114   - width: 36px; }
115   - .icon-facebook {
116   - background-color: #537abb;
117   - padding: 8px 0;
118   - transition: all 400ms; }
119   - .icon-facebook:hover {
120   - background-color: #37568b;
121   - text-decoration: none; }
122   - .icon-twitter {
123   - background-color: #78caee;
124   - padding: 8px 0;
125   - transition: all 400ms; }
126   - .icon-twitter:hover {
127   - background-color: #34afe5;
128   - text-decoration: none; }
129   - .icon-gplus {
130   - background-color: #d54000;
131   - padding: 9px 0;
132   - transition: all 400ms; }
133   - .icon-gplus:hover {
134   - background-color: #892900;
135   - text-decoration: none; }
136   - .icon-whatsapp {
137   - background-color: #56ba62;
138   - padding: 7px 0;
139   - transition: all 400ms; }
140   - .icon-whatsapp:hover {
141   - background-color: #398b43;
142   - text-decoration: none; }
143   - .icon-email {
144   - background-color: #edb24c;
145   - padding: 7px 0;
146   - transition: all 400ms; }
147   - .icon-email:hover {
148   - background-color: #d79016;
149   - text-decoration: none; }
150   - .icon.disabled {
151   - background-color: #fff;
152   - color: #000;
153   - transition: all 400ms; }
154   - .icon.disabled:hover {
155   - background-color: #d9d9d9;
156   - text-decoration: none; }
157   - .icon-theme {
158   - background-size: 35px !important;
159   - height: 48px;
160   - width: 48px;
161   - vertical-align: middle;
162   - margin-right: 10px; }
163   - .icon-vote {
164   - display: inline-block;
165   - font-size: 35px;
166   - height: 64px;
167   - margin: 0 6%;
168   - padding: 3px 0;
169   - width: 64px; }
170   - .icon-vote.dislike {
171   - background-color: #db4127;
172   - border-bottom: 3px solid #9c2d1a !important;
173   - transition: all 400ms; }
174   - .icon-vote.dislike:hover {
175   - background-color: #9c2d1a;
176   - text-decoration: none; }
177   - .icon-vote.like {
178   - background-color: #32dbb5;
179   - border-bottom: 3px solid #1da485 !important;
180   - transition: all 400ms; }
181   - .icon-vote.like:hover {
182   - background-color: #1da485;
183   - text-decoration: none; }
184   -
185   -.social {
186   - position: relative;
187   - z-index: 1; }
188   - .social.top {
189   - float: right;
190   - margin-top: 40px; }
191   - .social.right {
192   - padding-top: 10px; }
193   - .social.right > span {
194   - color: #000;
195   - display: inline-block;
196   - font-size: 12px;
197   - font-weight: 300;
198   - padding-right: 10px;
199   - text-align: right;
200   - vertical-align: middle; }
201   - .social.right ul {
202   - display: inline-block;
203   - vertical-align: middle; }
204   - .social span {
205   - display: block;
206   - margin-bottom: 10px; }
207   - .social ul {
208   - list-style: none;
209   - padding-left: 0; }
210   - .social li {
211   - display: inline-block;
212   - padding: 0 2px !important;
213   - vertical-align: top; }
214   -
215   -h1 {
216   - float: left; }
217   - h1 a {
218   - background: url(images/logo.png) no-repeat center;
219   - display: inline-block;
220   - height: 80px;
221   - text-indent: -99999px;
222   - width: 160px; }
223   -
224   -#content {
225   - margin-bottom: 30px; }
226   -
227   -.content {
228   - padding-top: 30px; }
229   - .content.background {
230   - background-color: #f1f1f1; }
231   -
232   -.tab {
233   - margin-top: 20px; }
234   - .tab ul {
235   - font-size: 0;
236   - list-style: none;
237   - margin-bottom: 0;
238   - padding-left: 0; }
239   - .tab li {
240   - display: inline-block;
241   - font-size: 16px;
242   - width: 50%; }
243   - .tab a {
244   - background-color: #efefef;
245   - border-bottom: 1px solid #000;
246   - color: #000;
247   - display: block;
248   - font-weight: 700;
249   - padding-bottom: 20px;
250   - padding-left: 5px;
251   - padding-right: 5px;
252   - padding-top: 20px;
253   - text-align: center;
254   - text-transform: uppercase; }
255   - .tab .active {
256   - background-color: #fff;
257   - border-bottom: 1px solid #fff;
258   - border-left: 1px solid #000;
259   - border-right: 1px solid #000;
260   - border-top: 1px solid #000; }
261   -
262   -#proposal-categories ul {
263   - list-style: none;
264   - padding-left: 0; }
265   -
266   -.themes li {
267   - border-bottom: 1px solid #f1f1f1;
268   - display: block;
269   - font-size: 16px; }
270   -.themes a {
271   - background-color: #fff;
272   - color: #484848;
273   - display: block;
274   - font-family: asap, sans;
275   - font-size: 14px;
276   - font-weight: 700;
277   - padding-bottom: 10px;
278   - padding-left: 20px;
279   - padding-right: 20px;
280   - padding-top: 10px;
281   - text-transform: uppercase; }
282   - .themes a:hover, .themes a:focus {
283   - text-decoration: none; }
284   -.themes .arrow-box {
285   - position: relative;
286   - top: 20px; }
287   - .themes .arrow-box:after {
288   - bottom: 100%;
289   - left: 50%;
290   - border: solid transparent;
291   - content: "";
292   - position: absolute;
293   - border-bottom-color: #000;
294   - border-width: 8px;
295   - margin-left: -8px; }
296   -
297   -.proposal-container {
298   - border-radius: 3px;
299   - margin-bottom: 20px; }
300   -.proposal-list {
301   - list-style: none;
302   - padding-left: 0; }
303   -.proposal-group ul {
304   - list-style: none;
305   - padding-left: 0; }
306   -
307   -.box {
308   - background-color: #fff;
309   - border-radius: 3px;
310   - color: #000;
311   - display: block;
312   - margin-top: 30px;
313   - overflow: hidden;
314   - transition: all 400ms;
315   - transition: all 400ms; }
316   - .box:hover {
317   - background-color: #d9d9d9;
318   - text-decoration: none; }
319   - .box:hover {
320   - text-decoration: none; }
321   - .box p {
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: #000;
340   - font-size: 18px;
341   - font-weight: 700; }
342   - .box-header p {
343   - font-size: 14px;
344   - font-weight: 500;
345   - margin-top: 10px;
346   - height: 40px; }
347   - .box-body {
348   - padding: 20px; }
349   - .box-body img {
350   - margin-left: -20px;
351   - margin-right: -20px;
352   - margin-top: -20px;
353   - margin-bottom: 20px;
354   - height: 170px; }
355   - .box-category {
356   - font-size: 14px;
357   - font-weight: 700;
358   - list-style: none;
359   - text-transform: uppercase; }
360   - .box-category div {
361   - color: #fff;
362   - padding-bottom: 5px;
363   - padding-left: 20px;
364   - padding-right: 10px;
365   - padding-top: 5px; }
366   - .box-title {
367   - font-size: 38px;
368   - font-weight: 400;
369   - margin-bottom: 20px; }
370   - .box-subtitle, .box-apoie p {
371   - color: #335277;
372   - font-size: 24px;
373   - font-weight: 700;
374   - line-height: 1.2;
375   - margin-bottom: 20px; }
376   - .box-info {
377   - margin-bottom: 20px; }
378   - .box-footer, .box-bottom {
379   - margin-bottom: 5px;
380   - margin-left: auto;
381   - margin-right: auto;
382   - margin-top: 20px;
383   - width: 40%; }
384   - .box-bottom {
385   - bottom: 10px;
386   - color: #000;
387   - display: inline-block;
388   - font-size: 14px;
389   - font-weight: 700;
390   - margin-bottom: 15px;
391   - margin-top: 0;
392   - text-align: center; }
393   - .box-bottom:hover, .box-bottom:focus {
394   - color: #000; }
395   - .box-center {
396   - text-align: center; }
397   -
398   -.select {
399   - background-color: #000;
400   - margin-bottom: 10px;
401   - padding: 5px; }
402   - .select .proposal-link {
403   - color: #fff;
404   - display: inline-block;
405   - font-size: 24px;
406   - font-weight: 700;
407   - padding-bottom: 0;
408   - padding-left: 45px;
409   - padding-right: 0;
410   - padding-top: 0;
411   - vertical-align: middle; }
412   - .select .proposal-selection {
413   - background-color: #fff;
414   - border: 0;
415   - border-radius: 3px;
416   - float: right;
417   - margin: 4px;
418   - width: 50%;
419   - vertical-align: middle; }
420   -
421   -.proposal-header {
422   - position: relative; }
423   - .proposal-header .title, .proposal-header p {
424   - background-color: #000;
425   - bottom: 170px;
426   - color: #fff;
427   - font-size: 32px;
428   - font-weight: 700;
429   - margin-bottom: 25px;
430   - margin-left: 0;
431   - margin-right: 0;
432   - margin-top: 25px;
433   - padding: 20px;
434   - position: absolute;
435   - right: 0;
436   - text-align: center;
437   - text-transform: uppercase;
438   - width: 50%;
439   - vertical-align: middle; }
440   - .proposal-header .show_body {
441   - margin-bottom: 20px;
442   - margin-top: 20px; }
443   - .proposal-header .show_body a {
444   - background-color: #666666;
445   - border-bottom: 5px solid #000;
446   - border-left: 0;
447   - border-right: 0;
448   - border-top: 0;
449   - border-radius: 6px;
450   - color: #fff;
451   - font-size: 38px;
452   - font-weight: 700;
453   - padding-bottom: 10px;
454   - padding-left: 0;
455   - padding-right: 0;
456   - padding-top: 10px;
457   - text-align: center;
458   - transition: all 400ms; }
459   - .proposal-header .show_body a:hover {
460   - background-color: black;
461   - text-decoration: none; }
462   - .proposal-header img {
463   - width: 100%; }
464   - .proposal-header p {
465   - bottom: 140px;
466   - font-size: 14px;
467   - margin-bottom: 10px;
468   - padding-top: 5px;
469   - text-transform: none; }
470   -
471   -.participar {
472   - text-align: right; }
473   - .participar .participe {
474   - background-color: #387bf9;
475   - border-color: #0751de;
476   - font-size: 14px;
477   - padding: 2px 10px; }
478   - .participar .entrar {
479   - background: url(images/icons/icon-user.png) no-repeat 20px 50%;
480   - border-left: 1px solid #bcbcbc;
481   - margin-left: 20px;
482   - padding-left: 40px; }
483   -
484   -.login, .signup {
485   - text-align: left; }
486   - .login .message, .signup .message {
487   - background: #fcc;
488   - border: 1px solid #b00;
489   - border-radius: 3px;
490   - color: #b00;
491   - font-weight: 700;
492   - padding-bottom: 5px;
493   - padding-left: 10px;
494   - padding-right: 10px;
495   - padding-top: 5px;
496   - margin-bottom: 20px; }
497   - .login input, .signup input {
498   - border: 1px solid;
499   - display: block;
500   - margin-bottom: 20px;
501   - padding-bottom: 5px;
502   - padding-left: 10px;
503   - padding-right: 10px;
504   - padding-top: 5px;
505   - width: 100%; }
506   - .login input.button-cancela, .login input.button, .signup input.button-cancela, .signup input.button {
507   - margin-bottom: 5px; }
508   - .login .label, .signup .label {
509   - vertical-align: middle; }
510   - .login .icon, .signup .icon {
511   - vertical-align: middle; }
512   - .login .oauth, .signup .oauth {
513   - margin-top: 10px;
514   - text-align: right; }
515   - .login .forgot-password, .signup .forgot-password {
516   - display: block;
517   - font-size: 14px;
518   - text-align: center; }
519   - .login i, .signup i {
520   - font-style: normal;
521   - font-weight: 700;
522   - padding-left: 5px;
523   - padding-right: 5px; }
524   - .login .row input, .signup .row input {
525   - margin-bottom: 0; }
526   -
527   -.vote-actions .like {
528   - display: inline-block; }
529   -
530   -.results-content .total {
531   - float: left; }
532   -.results-content .vote-result, .results-content .updated-at {
533   - float: right; }
534   -.results-content .updated-at {
535   - margin-top: 20px; }
536   -.results-content table {
537   - clear: both;
538   - font-weight: 300; }
539   - .results-content table tr:nth-child(odd) {
540   - background: #e5e5e5; }
541   - .results-content table td {
542   - padding: 5px; }
543   - .results-content table .header {
544   - font-weight: 700;
545   - text-align: center; }
546   - .results-content table .abstract-text {
547   - width: 80%; }
548   - .results-content table .abstract-text p {
549   - margin: inherit; }
550   - .results-content table .value {
551   - text-align: center;
552   - width: 10%; }
553   - .results-content table .truncate {
554   - display: table;
555   - table-layout: fixed;
556   - width: 100%; }
557   - .results-content table .truncated {
558   - overflow-x: hidden;
559   - text-overflow: ellipsis;
560   - white-space: nowrap; }
561   -
562   -.paging {
563   - padding: 5px; }
564   - .paging ul {
565   - display: table;
566   - list-style: none;
567   - margin: auto;
568   - padding: 0; }
569   - .paging li {
570   - float: left; }
571   - .paging .page-link, .paging span {
572   - padding: 0 7px;
573   - font-size: 14px;
574   - font-weight: 400;
575   - text-align: center;
576   - background-color: #000;
577   - color: #fff;
578   - display: inline-block;
579   - line-height: 24px; }
580   - .paging .current {
581   - background-color: #262626; }
582   - .paging .next {
583   - border-radius: 0 3px 3px 0; }
584   - .paging .prev {
585   - border-radius: 3px 0 0 3px; }
586   -
587   -.slick-slider {
588   - list-style: none;
589   - margin-bottom: 0;
590   - margin-left: auto;
591   - margin-right: auto;
592   - margin-top: 40px;
593   - padding: 0;
594   - position: relative;
595   - width: 80%; }
596   - .slick-slider li {
597   - background-color: #eeeff1;
598   - margin-bottom: 5px;
599   - padding: 10px; }
600   - .slick-slider span {
601   - display: block; }
602   - .slick-slider .date, .slick-slider .time {
603   - display: inline-block;
604   - margin-top: 20px;
605   - width: 45%; }
606   -.slick-list {
607   - overflow: hidden; }
608   -.slick-slide {
609   - float: left; }
610   -.slick-def, .slick-prev, .slick-next {
611   - background-color: transparent;
612   - border: 0;
613   - color: #000;
614   - font-size: 0;
615   - position: absolute;
616   - top: 43%;
617   - width: 20px; }
618   - .slick-def:before, .slick-prev:before, .slick-next:before {
619   - font-family: "FontAwesome";
620   - font-size: 20px; }
621   -.slick-prev {
622   - left: -25px; }
623   - .slick-prev:before {
624   - content: ""; }
625   -.slick-next {
626   - right: -25px; }
627   - .slick-next:before {
628   - content: ""; }
629   -.slick-disabled {
630   - opacity: 0.25; }
631   -
632   -.list-container-border {
633   - border: 3px solid;
634   - border-radius: 3px; }
635   -
636   -.list-unstyled li {
637   - border-top: 1px solid #c4c8ce;
638   - font-size: 18px;
639   - font-weight: 700;
640   - padding: 20px; }
641   - .list-unstyled li:first-child {
642   - border-top: 0; }
643   -.list-styled {
644   - margin-left: 20px;
645   - padding-left: 0; }
646   -
647   -.no-border li {
648   - border: 0;
649   - padding-bottom: 5px;
650   - padding-left: 0;
651   - padding-right: 0;
652   - padding-top: 5px; }
653   -
654   -h2.name {
655   - color: #6c6c6c;
656   - font-size: 18px;
657   - font-weight: 700;
658   - margin: 0;
659   - padding: 0;
660   - text-transform: none; }
661   -h2.menu {
662   - background-color: #484848;
663   - border: 0;
664   - border-top-left-radius: 3px;
665   - border-top-right-radius: 3px;
666   - color: #fff;
667   - font-size: 15px;
668   - font-weight: 300;
669   - margin: 0;
670   - padding-bottom: 20px;
671   - padding-left: 20px;
672   - padding-right: 20px;
673   - padding-top: 20px; }
674   -
675   -h3.titulo-destaque {
676   - font-size: 38px; }
677   -
678   -.bloco-destaque {
679   - padding: 35px;
680   - border-radius: 3px; }
681   - .bloco-destaque h4 {
682   - margin-bottom: 60px; }
683   -
684   -section.saude .description {
685   - margin-top: 20px; }
686   - section.saude .description:before {
687   - 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.";
688   - color: #6c6c6c;
689   - font-family: asap, sans;
690   - padding-top: 20px; }
691   -
692   -section.seguranca-publica .description {
693   - margin-top: 20px; }
694   - section.seguranca-publica .description:before {
695   - 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.";
696   - color: #6c6c6c;
697   - font-family: asap, sans;
698   - padding-top: 20px; }
699   -
700   -section.educacao .description {
701   - margin-top: 20px; }
702   - section.educacao .description:before {
703   - 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.";
704   - color: #6c6c6c;
705   - font-family: asap, sans;
706   - padding-top: 20px; }
707   -
708   -section.reducao-da-pobreza .description {
709   - margin-top: 20px; }
710   - section.reducao-da-pobreza .description:before {
711   - 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.";
712   - color: #6c6c6c;
713   - font-family: asap, sans;
714   - padding-top: 20px; }
715   -
716   -.saude {
717   - color: #3449b7; }
718   - .saude a {
719   - color: #3449b7; }
720   - .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 {
721   - background-color: #3449b7;
722   - border-color: #23317b;
723   - color: #fff;
724   - transition: all 400ms; }
725   - .saude .button:hover, .saude .button-cancela:hover, .saude .show_body a:hover {
726   - background-color: #23317b;
727   - text-decoration: none; }
728   - .saude .select {
729   - background-color: #3449b7; }
730   - .saude .proposal-header .title, .saude .proposal-header p, .saude .proposal-header p {
731   - background-color: #23317b; }
732   - .saude .box-propostas {
733   - border-color: #3449b7; }
734   - .saude .box-title, .saude .box-bottom {
735   - color: #3449b7; }
736   - .saude .box-category li {
737   - background-color: #3449b7; }
738   - .saude .slick-prev, .saude .slick-next {
739   - color: #3449b7; }
740   - .saude .slick-slider .date, .saude .slick-slider .time {
741   - color: #3449b7; }
742   - .saude .login input, .saude .signup input {
743   - border-color: #3449b7; }
744   - .saude .login input.button-cancela, .saude .login input.button, .saude .signup input.button-cancela, .saude .signup input.button {
745   - transition: all 400ms; }
746   - .saude .login input.button-cancela:hover, .saude .login input.button:hover, .saude .signup input.button-cancela:hover, .saude .signup input.button:hover {
747   - background-color: #23317b;
748   - text-decoration: none; }
749   - .saude .login i, .saude .signup i {
750   - color: #3449b7; }
751   - .saude .list-unstyled li {
752   - color: #3449b7; }
753   - .saude .bloco-destaque {
754   - background-color: #3449b7;
755   - background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
756   - background-repeat: no-repeat;
757   - background-position: 100% 100%;
758   - color: #fff; }
759   - .saude .bloco-destaque p {
760   - color: #fff; }
761   - .saude .select .proposal-link {
762   - background-image: url(images/icons/saude.png);
763   - background-position: 5px 50%;
764   - background-repeat: no-repeat;
765   - background-size: 32px; }
766   -
767   -.category-saude {
768   - background-color: #3449b7;
769   - background-position: 5px 50%;
770   - background-repeat: no-repeat;
771   - background-size: 40px;
772   - border-color: #23317b; }
773   -
774   -.icon-saude {
775   - background-color: #3449b7;
776   - background-image: url(images/icons/saude.png); }
777   -
778   -.seguranca-publica {
779   - color: #ee2a61; }
780   - .seguranca-publica a {
781   - color: #ee2a61; }
782   - .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 {
783   - background-color: #ee2a61;
784   - border-color: #bc0f40;
785   - color: #fff;
786   - transition: all 400ms; }
787   - .seguranca-publica .button:hover, .seguranca-publica .button-cancela:hover, .seguranca-publica .show_body a:hover {
788   - background-color: #bc0f40;
789   - text-decoration: none; }
790   - .seguranca-publica .select {
791   - background-color: #ee2a61; }
792   - .seguranca-publica .proposal-header .title, .seguranca-publica .proposal-header p, .seguranca-publica .proposal-header p {
793   - background-color: #bc0f40; }
794   - .seguranca-publica .box-propostas {
795   - border-color: #ee2a61; }
796   - .seguranca-publica .box-title, .seguranca-publica .box-bottom {
797   - color: #ee2a61; }
798   - .seguranca-publica .box-category li {
799   - background-color: #ee2a61; }
800   - .seguranca-publica .slick-prev, .seguranca-publica .slick-next {
801   - color: #ee2a61; }
802   - .seguranca-publica .slick-slider .date, .seguranca-publica .slick-slider .time {
803   - color: #ee2a61; }
804   - .seguranca-publica .login input, .seguranca-publica .signup input {
805   - border-color: #ee2a61; }
806   - .seguranca-publica .login input.button-cancela, .seguranca-publica .login input.button, .seguranca-publica .signup input.button-cancela, .seguranca-publica .signup input.button {
807   - transition: all 400ms; }
808   - .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 {
809   - background-color: #bc0f40;
810   - text-decoration: none; }
811   - .seguranca-publica .login i, .seguranca-publica .signup i {
812   - color: #ee2a61; }
813   - .seguranca-publica .list-unstyled li {
814   - color: #ee2a61; }
815   - .seguranca-publica .bloco-destaque {
816   - background-color: #ee2a61;
817   - background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
818   - background-repeat: no-repeat;
819   - background-position: 100% 100%;
820   - color: #fff; }
821   - .seguranca-publica .bloco-destaque p {
822   - color: #fff; }
823   - .seguranca-publica .select .proposal-link {
824   - background-image: url(images/icons/seguranca-publica.png);
825   - background-position: 5px 50%;
826   - background-repeat: no-repeat;
827   - background-size: 32px; }
828   -
829   -.category-seguranca-publica {
830   - background-color: #ee2a61;
831   - background-position: 5px 50%;
832   - background-repeat: no-repeat;
833   - background-size: 40px;
834   - border-color: #bc0f40; }
835   -
836   -.icon-seguranca-publica {
837   - background-color: #ee2a61;
838   - background-image: url(images/icons/seguranca-publica.png); }
839   -
840   -.educacao {
841   - color: #f39720; }
842   - .educacao a {
843   - color: #f39720; }
844   - .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 {
845   - background-color: #f39720;
846   - border-color: #bc6f0a;
847   - color: #fff;
848   - transition: all 400ms; }
849   - .educacao .button:hover, .educacao .button-cancela:hover, .educacao .show_body a:hover {
850   - background-color: #bc6f0a;
851   - text-decoration: none; }
852   - .educacao .select {
853   - background-color: #f39720; }
854   - .educacao .proposal-header .title, .educacao .proposal-header p, .educacao .proposal-header p {
855   - background-color: #bc6f0a; }
856   - .educacao .box-propostas {
857   - border-color: #f39720; }
858   - .educacao .box-title, .educacao .box-bottom {
859   - color: #f39720; }
860   - .educacao .box-category li {
861   - background-color: #f39720; }
862   - .educacao .slick-prev, .educacao .slick-next {
863   - color: #f39720; }
864   - .educacao .slick-slider .date, .educacao .slick-slider .time {
865   - color: #f39720; }
866   - .educacao .login input, .educacao .signup input {
867   - border-color: #f39720; }
868   - .educacao .login input.button-cancela, .educacao .login input.button, .educacao .signup input.button-cancela, .educacao .signup input.button {
869   - transition: all 400ms; }
870   - .educacao .login input.button-cancela:hover, .educacao .login input.button:hover, .educacao .signup input.button-cancela:hover, .educacao .signup input.button:hover {
871   - background-color: #bc6f0a;
872   - text-decoration: none; }
873   - .educacao .login i, .educacao .signup i {
874   - color: #f39720; }
875   - .educacao .list-unstyled li {
876   - color: #f39720; }
877   - .educacao .bloco-destaque {
878   - background-color: #f39720;
879   - background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
880   - background-repeat: no-repeat;
881   - background-position: 100% 100%;
882   - color: #fff; }
883   - .educacao .bloco-destaque p {
884   - color: #fff; }
885   - .educacao .select .proposal-link {
886   - background-image: url(images/icons/educacao.png);
887   - background-position: 5px 50%;
888   - background-repeat: no-repeat;
889   - background-size: 32px; }
890   -
891   -.category-educacao {
892   - background-color: #f39720;
893   - background-position: 5px 50%;
894   - background-repeat: no-repeat;
895   - background-size: 40px;
896   - border-color: #bc6f0a; }
897   -
898   -.icon-educacao {
899   - background-color: #f39720;
900   - background-image: url(images/icons/educacao.png); }
901   -
902   -.reducao-da-pobreza {
903   - color: #3ebb8f; }
904   - .reducao-da-pobreza a {
905   - color: #3ebb8f; }
906   - .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 {
907   - background-color: #3ebb8f;
908   - border-color: #2b8263;
909   - color: #fff;
910   - transition: all 400ms; }
911   - .reducao-da-pobreza .button:hover, .reducao-da-pobreza .button-cancela:hover, .reducao-da-pobreza .show_body a:hover {
912   - background-color: #2b8263;
913   - text-decoration: none; }
914   - .reducao-da-pobreza .select {
915   - background-color: #3ebb8f; }
916   - .reducao-da-pobreza .proposal-header .title, .reducao-da-pobreza .proposal-header p, .reducao-da-pobreza .proposal-header p {
917   - background-color: #2b8263; }
918   - .reducao-da-pobreza .box-propostas {
919   - border-color: #3ebb8f; }
920   - .reducao-da-pobreza .box-title, .reducao-da-pobreza .box-bottom {
921   - color: #3ebb8f; }
922   - .reducao-da-pobreza .box-category li {
923   - background-color: #3ebb8f; }
924   - .reducao-da-pobreza .slick-prev, .reducao-da-pobreza .slick-next {
925   - color: #3ebb8f; }
926   - .reducao-da-pobreza .slick-slider .date, .reducao-da-pobreza .slick-slider .time {
927   - color: #3ebb8f; }
928   - .reducao-da-pobreza .login input, .reducao-da-pobreza .signup input {
929   - border-color: #3ebb8f; }
930   - .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 {
931   - transition: all 400ms; }
932   - .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 {
933   - background-color: #2b8263;
934   - text-decoration: none; }
935   - .reducao-da-pobreza .login i, .reducao-da-pobreza .signup i {
936   - color: #3ebb8f; }
937   - .reducao-da-pobreza .list-unstyled li {
938   - color: #3ebb8f; }
939   - .reducao-da-pobreza .bloco-destaque {
940   - background-color: #3ebb8f;
941   - background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
942   - background-repeat: no-repeat;
943   - background-position: 100% 100%;
944   - color: #fff; }
945   - .reducao-da-pobreza .bloco-destaque p {
946   - color: #fff; }
947   - .reducao-da-pobreza .select .proposal-link {
948   - background-image: url(images/icons/reducao-da-pobreza.png);
949   - background-position: 5px 50%;
950   - background-repeat: no-repeat;
951   - background-size: 32px; }
952   -
953   -.category-reducao-da-pobreza {
954   - background-color: #3ebb8f;
955   - background-position: 5px 50%;
956   - background-repeat: no-repeat;
957   - background-size: 40px;
958   - border-color: #2b8263; }
959   -
960   -.icon-reducao-da-pobreza {
961   - background-color: #3ebb8f;
962   - background-image: url(images/icons/reducao-da-pobreza.png); }
963   -
964   -.contrast {
965   - background-color: #000;
966   - color: #fff; }
967   - .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 {
968   - color: #fff; }
969   - .contrast .container a {
970   - text-decoration: underline; }
971   - .contrast .container small {
972   - color: #999999; }
973   - .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 {
974   - background-color: #fff;
975   - border-color: #999999;
976   - color: #000;
977   - text-decoration: none;
978   - transition: all 400ms; }
979   - .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 {
980   - background-color: #999999;
981   - text-decoration: none; }
982   - .contrast .icon-facebook {
983   - background-image: url(images/icons/icon-facebook-contrast.png) !important; }
984   - .contrast .icon-twitter {
985   - background-image: url(images/icons/icon-twitter-contrast.png) !important; }
986   - .contrast .icon-gplus {
987   - background-image: url(images/icons/icon-gplus-contrast.png) !important; }
988   - .contrast .icon-whatsapp {
989   - background-image: url(images/icons/icon-whatsapp-contrast.png) !important; }
990   - .contrast .tab a {
991   - background-color: #262626;
992   - border-bottom-color: #fff; }
993   - .contrast .tab .active {
994   - background-color: #000;
995   - border-color: #fff;
996   - border-bottom-color: #000; }
997   - .contrast #proposal-categories, .contrast #proposal-group {
998   - border-color: #fff; }
999   - .contrast .proposal-category a {
1000   - background-color: #262626 !important; }
1001   - .contrast .proposal-category .arrow-box:after {
1002   - border-bottom-color: #262626 !important; }
1003   - .contrast .select {
1004   - background-color: #262626; }
1005   - .contrast section {
1006   - background-color: #262626; }
1007   - .contrast section:hover {
1008   - background-color: #262626; }
1009   - .contrast section .box {
1010   - background-color: #000; }
1011   - .contrast .proposal-header .title, .contrast .proposal-header p, .contrast .proposal-header p {
1012   - background-color: #262626; }
1013   - .contrast .box {
1014   - background-color: #262626;
1015   - text-decoration: none; }
1016   - .contrast .box-propostas {
1017   - border-color: #fff; }
1018   - .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 {
1019   - color: #fff; }
1020   - .contrast .slick-prev, .contrast .slick-next {
1021   - color: #fff; }
1022   - .contrast .slick-slider li {
1023   - background-color: #000; }
1024   - .contrast .slick-slider .date, .contrast .slick-slider .time {
1025   - color: #fff; }
1026   - .contrast .bloco-destaque {
1027   - background: #262626; }
sass/style.sass
  Diff comments   View file @26adf7e
... ... @@ -401,6 +401,8 @@ h1
401 401 ul
402 402 list-style: none
403 403 padding-left: 0
  404 + &-title
  405 + margin-top: $gutter * 2
404 406  
405 407 // 6.8 - blocos dos programas
406 408 .box
... ... @@ -419,8 +421,10 @@ h1
419 421 &-propostas
420 422 height: auto
421 423 border: 1px solid
422   - margin-bottom: $gutter * 0.5
  424 + margin-bottom: $gutter * 1.5
423 425 margin-top: 0
  426 + height: 500px
  427 + overflow: auto
424 428 padding: $gutter
425 429 position: relative
426 430 &:hover
... ...