Download as
Browse Code »

Commit 7b7ac5af1f98fb61739ae33771264b86d5bcf39d

Authored by Leandro Santos
2 parents e99bdac0 9959b92c
Exists in master and in 5 other branches build, build2, contigency_plan_recaptcha, production, staging

merging with capa

Showing 13 changed files with 1409 additions and 224 deletions   Show diff stats
.gitignore
  Diff comments   View file @7b7ac5a
1 1 *.swp
2 2 .sass-cache
3   -style.css
4   -sass/styles.scss
5   -style.css.map
6   -styles.css
7   -styles.css.map
8   -gulpfile.js
9   -jade/
  3 +.bundle
10 4 node_modules/
11   -package.json
12 5 bower_components/
13   -bower.json
  6 +sass/novo.scss
14 7 sass/bootstrap.scss
15 8 sass/novo.sass
16   -css/bootstrap.css
17   -html/
18   -novo.css
19   -novo.html
20   -sass/novo.scss
21   -sass/novo
22   -.bundle
23   -proposal_detail/
24   -slick-theme.css
25   -slick.css
26   -bootstrap.css
27 9 \ No newline at end of file
  10 +style.css
  11 +style.css.map
28 12 \ No newline at end of file
... ...
gulpfile.js 0 → 100644
  Diff comments   View file @7b7ac5a
... ... @@ -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
... ...
images/icons/icon-user.png 0 → 100644
View file @7b7ac5a

1.23 KB
images/logo.png 0 → 100644
View file @7b7ac5a

6.36 KB
index.html
  Diff comments   View file @7b7ac5a
... ... @@ -52,7 +52,8 @@
52 52 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css',
53 53 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700',
54 54 'http://fonts.googleapis.com/css?family=Asap:400,700',
55   - 'style.css'
  55 + // 'style.css'
  56 + 'novo.css'
56 57 ];
57 58 head = document.getElementsByTagName('head')[0]
58 59 for(i = 0; i < css_files.length; i++){
... ... @@ -91,26 +92,33 @@
91 92 }(document, 'script', 'facebook-jssdk'));</script>
92 93  
93 94  
94   - <div class="container">
  95 + <div class="">
95 96 <div id="proposal-result"></div>
96 97 </div>
97 98 <div class="clearfix"></div>
98 99  
99 100 <script id="proposal-template" type="text/x-handlebars-template">
100   - <header>
  101 + <header class="container">
101 102 <a id="display-contrast" href="#">Alto Contraste</a>
  103 + <div class="participar">
  104 + <a href="#" class="button button-inline participe">Participe</a>
  105 + <a href="#" class="entrar">Entrar</a>
  106 + </div>
  107 + <h1><a href="#">{{article.title}}</a></h1>
102 108 <div class="social top">
103 109 {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
104 110 </div>
105   - <h1><a href="#">{{article.title}}</a></h1>
106 111 </header>
107 112  
108 113 <div id="article-container" class="hide"></div>
109 114  
110   - <div id="content">
111   - {{{article.abstract}}}
  115 + <div id="content" class="container">
  116 + <div class="embed-responsive embed-responsive-16by9">
  117 + {{{article.abstract}}}
  118 + </div>
112 119 </div>
113 120  
  121 + <!--
114 122 <nav class="tab" role="tabpanel">
115 123 <ul role="tablist">
116 124 <li id="nav-proposal-categories" role="presentation">
... ... @@ -121,183 +129,205 @@
121 129 </li>
122 130 </ul>
123 131 </nav>
  132 + -->
  133 +
  134 + <div class="background content">
  135 + <div class="container">
  136 + <div class="col-sm-3">
  137 + <aside id="proposal-categories">
  138 + <div id="proposal-categories-container">
  139 + <h2 class="menu"><strong>Programas</strong> por Tema</h2>
  140 + <ul class="themes">
  141 + {{#each article.categories}}
  142 + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
  143 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">
  144 + <span class="icon icon-theme icon-{{slug}}"></span>
  145 + {{name}}
  146 + </a>
  147 + <!-- <div class="arrow-box" style="display: none"></div> -->
  148 + </li>
  149 + {{/each}}
  150 + </ul>
  151 + </div>
  152 + </aside>
  153 + </div>
124 154  
125   - <article id="proposal-categories">
126   - <div id="proposal-categories-container">
127   - <ul class="themes">
128   - {{#each article.categories}}
129   - <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
130   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a>
131   - <div class="arrow-box" style="display: none"></div>
132   - </li>
133   - {{/each}}
134   - </ul>
  155 + <div class="col-sm-9">
135 156 {{#each article.categories}}
136 157 <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}">
137 158 <div class="header">
138   - <div class="name">{{name}}</div>
  159 + <h2 class="name">{{name}}</h2>
139 160 <div class="description"></div>
140 161 </div>
141   - <ul class="proposal-list">
  162 + <ul class="proposal-list row">
142 163 {{#list_proposal ../article.children category=slug}}
143 164 {{#link title id}}{{/link}}
144 165 {{/list_proposal}}
145 166 </ul>
146 167 </section>
147 168 {{/each}}
148   - </div>
149   - </article>
150   -
151   - <article id="proposal-group" class="hide">
152   - <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
153   - <div id="search-input-container">
154   - <input placeholder="palavra chave" id="search-input" type="text" name="search" />
155   - </div>
156   - <ul class="proposal-list">
157   - {{#list_proposal article.children}}
158   - {{#link title id}}{{/link}}
159   - {{/list_proposal}}
160   - </ul>
161   - </article>
162   -
163   - {{#each article.children}}
164   - {{!-- <div class="container"> --}}
165   - <article class="proposal-detail hide" id="proposal-item-{{id}}">
166   - <div class="categories {{#each categories}}{{slug}}{{/each}}">
167   - <ul class="select">
168   - {{#each categories}}
169   - <li class="category proposal-category" data-category="{{slug}}">
170   - <button class="go-back btn btn-default">
171   - <span class="fa fa-reply"></span>
172   - Voltar
173   - </button>
174   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
175   - {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
176   - </li>
177   - {{/each}}
178   - </ul>
  169 + </div>
179 170  
180   - <div class="proposal-header">
181   - <div class="abstract">
182   - <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
183   - </div>
184   - <a href="#/programas/{{id}}/sobre-o-programa">
185   - <div class="title">{{title}}</div>
186   - <div class="abstract">{{{abstract}}}</div>
187   - </a>
188   - <div class="show_body row">
189   - <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
190   - </div>
  171 + <div class="col-sm-9">
  172 + <article id="proposal-group" class="">
  173 + <!--
  174 + <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
  175 + <div id="search-input-container">
  176 + <input placeholder="palavra chave" id="search-input" type="text" name="search" />
191 177 </div>
  178 + -->
  179 + <h2 class="name">Programas</h2>
192 180  
193   - <div class="body proposal-detail-base hide">
194   - <div class='body-content'>
195   - {{{body}}}
196   - </div>
  181 + <ul class="proposal-list row">
  182 + {{#list_proposal article.children}}
  183 + {{#link title id}}{{/link}}
  184 + {{/list_proposal}}
  185 + </ul>
  186 + </article>
  187 + </div>
197 188  
198   - <div class="container">
199   - <div class="row">
200   - <div class="col-sm-4">
201   - <div class="go-to-proposal-button">
202   - <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
  189 + {{#each article.children}}
  190 + {{!-- <div class="container"> --}}
  191 + <article class="proposal-detail hide" id="proposal-item-{{id}}">
  192 + <div class="categories {{#each categories}}{{slug}}{{/each}}">
  193 +
  194 + <div class="select">
  195 + {{#each categories}}
  196 + <div class="category proposal-category" data-category="{{slug}}">
  197 + <button class="go-back btn btn-default">
203 198 <span class="fa fa-reply"></span>
204   - Participe
205   - </a>
  199 + Voltar
  200 + </button>
  201 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
  202 + {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
206 203 </div>
  204 + {{/each}}
  205 + </div>
  206 +
  207 +
  208 + <div class="proposal-header">
  209 + <div class="abstract">
  210 + <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
207 211 </div>
208   - <div class="col-sm-4 col-sm-offset-4">
209   - <div class="social right">
210   - <span>COMPARTILHE<br>ESTE PROGRAMA</span>
211   - {{{social_share title abstract (program_detail_url id)}}}
212   - </div>
  212 + <a href="#/programas/{{id}}/sobre-o-programa">
  213 + <div class="title">{{title}}</div>
  214 + <div class="abstract">{{{abstract}}}</div>
  215 + </a>
  216 + <div class="show_body row">
  217 + <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
213 218 </div>
214 219 </div>
215   - </div>
216   - </div>
217 220  
218   - <div class="make-proposal-container">
219   - <section class="make-proposal box box-propostas">
220   - <div class="container-title box-title">Faça Uma Proposta</div>
221   - <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
222   - <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>
223   - <div class="send-proposal-button send-button box-footer"><a href="#"><span>Envie sua proposta</span></a></div>
224   - <div class="login-container hide">Login</div>
225   - <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
226   - <div class="message hide"></div>
227   - <div>
228   - <div><label for="article_abstract">Descrição</label></div>
229   - <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea>
  221 + <div class="body proposal-detail-base hide">
  222 + <div class='body-content'>
  223 + {{{body}}}
  224 + </div>
  225 +
  226 + <div class="container">
  227 + <div class="row">
  228 + <div class="col-sm-4">
  229 + <div class="go-to-proposal-button">
  230 + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}" class="button button-participe">
  231 + <span class="fa fa-reply"></span>
  232 + Participe
  233 + </a>
  234 + </div>
  235 + </div>
  236 + <div class="col-sm-4 col-sm-offset-4">
  237 + <div class="social right">
  238 + <span>COMPARTILHE<br>ESTE PROGRAMA</span>
  239 + {{{social_share title abstract (program_detail_url id)}}}
  240 + </div>
  241 + </div>
  242 + </div>
230 243 </div>
231   - <input type="hidden" id="type" name="article[type]" value="ProposalsDiscussionPlugin::Proposal">
232   - <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal">
233   - <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar">
234   - </form>
235   - <div class="success-proposal-sent success-sent hide send-button">
236   - <p>Sua proposta foi encaminhada com sucesso! Ela se tornará pública em até 24 horas e poderá ser apoiada por outros participantes.</p>
237   - <a href="#">Faça nova proposta</a>
238 244 </div>
239   - <div class="clearfix"></div>
240   - </section>
241   - </div>
242 245  
243   - <div class="support-proposal-container">
244   - <section class="support-proposal box box-propostas box-center box-apoie">
245   - <div class="container-title box-title"> Apoie outras propostas</div>
246   - <div class="alert alert-warning hide" role="alert">
247   - <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
  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>
  258 + </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>
248 269 </div>
249   - <div class="support-proposal-content require-login">
250   - <div class="random-proposal"></div>
251   - <div class="loading">Carregando...</div>
252   - <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  270 +
  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>
253 285 </div>
254   - <div class="login-container hide">Login</div>
255   - <div class="send-button"><a href="#"><span>Login</span></a></div>
256   - </section>
257   - </div>
258 286  
259   - <div class="results-container hide box box-propostas"></div>
260   -
261   - <div class="talk-proposal-container">
262   - <section class="talk-proposal box box-propostas">
263   - <div class="container-title">Bate-papo com os ministros</div>
264   - <p>Confira as datas e horários:</p>
265   - <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'>
266   - <li>
267   - <span>Arthur Chioro</span>
268   - <span>Saúde</span>
269   - <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>
270   - </li>
271   - </ul>
272   - <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'>
273   - <li>
274   - <span>José Eduardo Cardozo</span>
275   - <span>Justiça</span>
276   - <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>
277   - </li>
278   - </ul>
279   - <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'>
280   - <li>
281   - <span>Renato Janine Ribeiro</span>
282   - <span>Educação</span>
283   - <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>
284   - </li>
285   - </ul>
286   - <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'>
287   - <li>
288   - <span>Tereza Campello</span>
289   - <span>Desenvolvimento Social</span>
290   - <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>
291   - </li>
292   - </ul>
293   - </section>
294   - </div>
  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>
  322 + </div>
295 323  
296   - <div class="clearfix"></div>
297   - </div>
298   - </article>
299   - {{!-- </div> --}}
300   - {{/each}}
  324 + <div class="clearfix"></div>
  325 + </div>
  326 + </article>
  327 + {{!-- </div> --}}
  328 + {{/each}}
  329 + </div>
  330 + </div>
301 331 </script>
302 332  
303 333 <script id="support-proposal-template" type="text/x-handlebars-template">
... ... @@ -305,8 +335,8 @@
305 335 <p class="box-subtitle">{{stripTags (trimString abstract 200)}}</p>
306 336 </div>
307 337 <div class="vote-actions">
308   - <a href="#" class="dislike" data-vote-value="-1"><span class="fa fa-times"></span></a>
309   - <a href="#" class="like" data-vote-value="1"><span class="fa fa-check"></span></a>
  338 + <a href="#" class="icon icon-vote dislike" data-vote-value="-1"><span class="fa fa-times"></span></a>
  339 + <a href="#" class="icon icon-vote like" data-vote-value="1"><span class="fa fa-check"></span></a>
310 340 <a href="#" class="skip button box-footer">Pular</a>
311 341 <a href="#" class="vote-result box-bottom">Resultados</a>
312 342 </div>
... ... @@ -426,10 +456,11 @@
426 456  
427 457 <script id="social-share" type="text/x-handlebars-template">
428 458 <ul>
429   - <li><a href="{{url}}" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags description}}">Compartilhar no Facebook</a></li>
430   - <li><a href="https://twitter.com/intent/tweet?url={{encodeURI url}}&text={{stripTags description}}" class="tw-share icon icon-twitter popup">Compartilhar no Twitter</a></li>
431   - <li><a href="https://plus.google.com/share?url={{encodeURI url}}" class="gp-share icon icon-gplus popup">Compartilhar no Google Plus</a></li>
432   - <li><a href="whatsapp://send?text={{stripTags description}} {{encodeURI url}}" class="ws-share icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
  459 + <li><a href="{{url}}" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags description}}"><span class="fa fa-facebook"></span><span class="sr-only">Compartilhar no Facebook</span></a></li>
  460 + <li><a href="https://twitter.com/intent/tweet?url={{encodeURI url}}&text={{stripTags description}}" class="tw-share icon icon-twitter popup"><span class="fa fa-twitter"></span><span class="sr-only">Compartilhar no Twitter</span></a></li>
  461 + <li><a href="https://plus.google.com/share?url={{encodeURI url}}" class="gp-share icon icon-gplus popup"><span class="fa fa-google-plus"></span><span class="sr-only">Compartilhar no Google Plus</span></a></li>
  462 + <li><a href="whatsapp://send?text={{stripTags description}} {{encodeURI url}}" class="ws-share icon icon-whatsapp"><span class="fa fa-whatsapp"></span><span class="sr-only">Compartilhar no WhatsApp</span></a></li>
  463 + <li><a href="whatsapp://send?text={{stripTags description}} {{encodeURI url}}" class="ws-share icon icon-email"><span class="fa fa-envelope-o"></span><span class="sr-only">Enviar por email</span></a></li>
433 464 </ul>
434 465 </script>
435 466  
... ...
js/handlebars-helpers.js
  Diff comments   View file @7b7ac5a
... ... @@ -19,11 +19,10 @@ define([&#39;handlebars&#39;], function(Handlebars){
19 19 for(var i=0, j=proposals.length; i<j; i++) {
20 20 var proposal = proposals[i];
21 21  
22   - element = '<li class="proposal-item">' +
  22 + element = '<li class="proposal-item col-sm-6">' +
23 23 '<a href="#/programas/'+proposal.id+'" data-target="proposal-item-'+proposal.id+'" class="proposal-link box">' +
24   - '<div class="box-header item">' +
25   - '' + proposal.title;
26   - category = "<ul class='category box-category'>";
  24 + '<div class="box-header item">';
  25 + category = "<div class='category box-category'>";
27 26  
28 27  
29 28 for(var x=0, y=proposal.categories.length; x<y; x++) {
... ... @@ -31,14 +30,13 @@ define([&#39;handlebars&#39;], function(Handlebars){
31 30 element = '';
32 31 continue;
33 32 }
34   - category = category + '<li class="category-'+proposal.categories[x].slug+' button button-inline">' + proposal.categories[x].name + '</li>';
  33 + category = category + '<div class="category-'+proposal.categories[x].slug+'">' + proposal.categories[x].name + '</div>';
35 34 }
36 35 if(element == ''){
37 36 continue;
38 37 }
39   - category = category + '</ul>';
  38 + category = category + '</div>' + '<div class="box-body">' + '' + proposal.title + (proposal.abstract ? proposal.abstract : '') + '</div>';
40 39 // element = element + options.fn(proposal);
41   - element = element + (proposal.abstract ? proposal.abstract : '');
42 40  
43 41 element = element + category;
44 42 ret = ret + element + '</div></a></li>';
... ...
js/main.js
  Diff comments   View file @7b7ac5a
... ... @@ -237,8 +237,19 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
237 237 $('#content').hide();
238 238 });
239 239 },
  240 + // inicio Eduardo
  241 + randomProposalByTheme: function(themeClasses) {
  242 + $('#proposal-group .proposal-list .proposal-item').hide();
  243 + $.each(themeClasses, function(i, themeClass) {
  244 + var proposalsByTheme = $('#proposal-group .proposal-list .proposal-item').find('.' + themeClass);
  245 + var randomizedIndex = Math.floor(Math.random() * proposalsByTheme.length);
  246 + var proposalToShow = $(proposalsByTheme[randomizedIndex]).parents().filter('.proposal-item');
  247 + $(proposalToShow).show();
  248 + });
  249 + },
240 250 display_category_tab: function(){
241   - $('#proposal-group').hide();
  251 + // $('#proposal-group').hide();
  252 + this.randomProposalByTheme(['category-saude', 'category-seguranca-publica', 'category-educacao', 'category-reducao-da-pobreza']);
242 253 $('#proposal-categories').show();
243 254 $('#nav-proposal-categories a').addClass('active');
244 255 $('#nav-proposal-group a').removeClass('active');
... ... @@ -252,6 +263,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
252 263 },
253 264 display_proposals_tab: function(){
254 265 $('#proposal-categories').hide();
  266 + this.randomProposalByTheme(['category-saude', 'category-seguranca-publica', 'category-educacao', 'category-reducao-da-pobreza']);
255 267 $('#proposal-group').show();
256 268 $('#nav-proposal-group a').addClass('active');
257 269 $('#nav-proposal-categories a').removeClass('active');
... ... @@ -259,9 +271,11 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
259 271 $('#article-container').hide();
260 272 $('nav').show();
261 273 },
  274 + // fim Eduardo
262 275 display_proposal: function(proposal_id){
263 276 $('#proposal-categories').hide();
264 277 $('#proposal-group').hide();
  278 + $('.proposal-category-items').hide(); /* Hide Category Items */
265 279 $('nav').hide();
266 280 $('#content').hide();
267 281 $('#article-container').hide();
... ... @@ -295,7 +309,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
295 309 case 'categories reducao-da-pobreza':
296 310 active_category = 'reducao-da-pobreza';
297 311 break;
298   - }
  312 + }
299 313  
300 314 $proposal.find('.calendar.' + active_category).show();
301 315 $proposal.find('.calendar').slick();
... ... @@ -339,6 +353,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
339 353 $('#proposal-categories').show();
340 354 $('#nav-proposal-categories a').addClass('active');
341 355 $('#nav-proposal-group a').removeClass('active');
  356 + $('#proposal-group').hide(); /* Hide section "Programas" */
342 357 $('.proposal-category-items').hide();
343 358 $('.proposal-detail').hide();
344 359 $item.toggle( 'blind', 200, function () {
... ...
novo.css 0 → 100644
  Diff comments   View file @7b7ac5a
... ... @@ -0,0 +1,1019 @@
  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: 50%;
  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 a {
  711 + color: #3449b7; }
  712 + .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 {
  713 + background-color: #3449b7;
  714 + border-color: #23317b;
  715 + color: #fff;
  716 + transition: all 400ms; }
  717 + .saude .button:hover, .saude .button-cancela:hover, .saude .show_body a:hover {
  718 + background-color: #23317b;
  719 + text-decoration: none; }
  720 + .saude .select {
  721 + background-color: #3449b7; }
  722 + .saude .proposal-header .title, .saude .proposal-header p, .saude .proposal-header p {
  723 + background-color: #23317b; }
  724 + .saude .box-propostas {
  725 + border-color: #3449b7; }
  726 + .saude .box-title, .saude .box-bottom {
  727 + color: #3449b7; }
  728 + .saude .box-category li {
  729 + background-color: #3449b7; }
  730 + .saude .slick-prev, .saude .slick-next {
  731 + color: #3449b7; }
  732 + .saude .slick-slider .date, .saude .slick-slider .time {
  733 + color: #3449b7; }
  734 + .saude .login input, .saude .signup input {
  735 + border-color: #3449b7; }
  736 + .saude .login input.button-cancela, .saude .login input.button, .saude .signup input.button-cancela, .saude .signup input.button {
  737 + transition: all 400ms; }
  738 + .saude .login input.button-cancela:hover, .saude .login input.button:hover, .saude .signup input.button-cancela:hover, .saude .signup input.button:hover {
  739 + background-color: #23317b;
  740 + text-decoration: none; }
  741 + .saude .login i, .saude .signup i {
  742 + color: #3449b7; }
  743 + .saude .list-unstyled li {
  744 + color: #3449b7; }
  745 + .saude .bloco-destaque {
  746 + background-color: #3449b7;
  747 + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
  748 + background-repeat: no-repeat;
  749 + background-position: 100% 100%;
  750 + color: #fff; }
  751 + .saude .bloco-destaque p {
  752 + color: #fff; }
  753 + .saude .select .proposal-link {
  754 + background-image: url(images/icons/saude.png);
  755 + background-position: 5px 50%;
  756 + background-repeat: no-repeat;
  757 + background-size: 32px; }
  758 +
  759 +.category-saude {
  760 + background-color: #3449b7;
  761 + background-position: 5px 50%;
  762 + background-repeat: no-repeat;
  763 + background-size: 40px;
  764 + border-color: #23317b; }
  765 +
  766 +.icon-saude {
  767 + background-color: #3449b7;
  768 + background-image: url(images/icons/saude.png); }
  769 +
  770 +.seguranca-publica {
  771 + color: #ee2a61; }
  772 + .seguranca-publica a {
  773 + color: #ee2a61; }
  774 + .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 {
  775 + background-color: #ee2a61;
  776 + border-color: #bc0f40;
  777 + color: #fff;
  778 + transition: all 400ms; }
  779 + .seguranca-publica .button:hover, .seguranca-publica .button-cancela:hover, .seguranca-publica .show_body a:hover {
  780 + background-color: #bc0f40;
  781 + text-decoration: none; }
  782 + .seguranca-publica .select {
  783 + background-color: #ee2a61; }
  784 + .seguranca-publica .proposal-header .title, .seguranca-publica .proposal-header p, .seguranca-publica .proposal-header p {
  785 + background-color: #bc0f40; }
  786 + .seguranca-publica .box-propostas {
  787 + border-color: #ee2a61; }
  788 + .seguranca-publica .box-title, .seguranca-publica .box-bottom {
  789 + color: #ee2a61; }
  790 + .seguranca-publica .box-category li {
  791 + background-color: #ee2a61; }
  792 + .seguranca-publica .slick-prev, .seguranca-publica .slick-next {
  793 + color: #ee2a61; }
  794 + .seguranca-publica .slick-slider .date, .seguranca-publica .slick-slider .time {
  795 + color: #ee2a61; }
  796 + .seguranca-publica .login input, .seguranca-publica .signup input {
  797 + border-color: #ee2a61; }
  798 + .seguranca-publica .login input.button-cancela, .seguranca-publica .login input.button, .seguranca-publica .signup input.button-cancela, .seguranca-publica .signup input.button {
  799 + transition: all 400ms; }
  800 + .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 {
  801 + background-color: #bc0f40;
  802 + text-decoration: none; }
  803 + .seguranca-publica .login i, .seguranca-publica .signup i {
  804 + color: #ee2a61; }
  805 + .seguranca-publica .list-unstyled li {
  806 + color: #ee2a61; }
  807 + .seguranca-publica .bloco-destaque {
  808 + background-color: #ee2a61;
  809 + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
  810 + background-repeat: no-repeat;
  811 + background-position: 100% 100%;
  812 + color: #fff; }
  813 + .seguranca-publica .bloco-destaque p {
  814 + color: #fff; }
  815 + .seguranca-publica .select .proposal-link {
  816 + background-image: url(images/icons/seguranca-publica.png);
  817 + background-position: 5px 50%;
  818 + background-repeat: no-repeat;
  819 + background-size: 32px; }
  820 +
  821 +.category-seguranca-publica {
  822 + background-color: #ee2a61;
  823 + background-position: 5px 50%;
  824 + background-repeat: no-repeat;
  825 + background-size: 40px;
  826 + border-color: #bc0f40; }
  827 +
  828 +.icon-seguranca-publica {
  829 + background-color: #ee2a61;
  830 + background-image: url(images/icons/seguranca-publica.png); }
  831 +
  832 +.educacao {
  833 + color: #f39720; }
  834 + .educacao a {
  835 + color: #f39720; }
  836 + .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 {
  837 + background-color: #f39720;
  838 + border-color: #bc6f0a;
  839 + color: #fff;
  840 + transition: all 400ms; }
  841 + .educacao .button:hover, .educacao .button-cancela:hover, .educacao .show_body a:hover {
  842 + background-color: #bc6f0a;
  843 + text-decoration: none; }
  844 + .educacao .select {
  845 + background-color: #f39720; }
  846 + .educacao .proposal-header .title, .educacao .proposal-header p, .educacao .proposal-header p {
  847 + background-color: #bc6f0a; }
  848 + .educacao .box-propostas {
  849 + border-color: #f39720; }
  850 + .educacao .box-title, .educacao .box-bottom {
  851 + color: #f39720; }
  852 + .educacao .box-category li {
  853 + background-color: #f39720; }
  854 + .educacao .slick-prev, .educacao .slick-next {
  855 + color: #f39720; }
  856 + .educacao .slick-slider .date, .educacao .slick-slider .time {
  857 + color: #f39720; }
  858 + .educacao .login input, .educacao .signup input {
  859 + border-color: #f39720; }
  860 + .educacao .login input.button-cancela, .educacao .login input.button, .educacao .signup input.button-cancela, .educacao .signup input.button {
  861 + transition: all 400ms; }
  862 + .educacao .login input.button-cancela:hover, .educacao .login input.button:hover, .educacao .signup input.button-cancela:hover, .educacao .signup input.button:hover {
  863 + background-color: #bc6f0a;
  864 + text-decoration: none; }
  865 + .educacao .login i, .educacao .signup i {
  866 + color: #f39720; }
  867 + .educacao .list-unstyled li {
  868 + color: #f39720; }
  869 + .educacao .bloco-destaque {
  870 + background-color: #f39720;
  871 + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
  872 + background-repeat: no-repeat;
  873 + background-position: 100% 100%;
  874 + color: #fff; }
  875 + .educacao .bloco-destaque p {
  876 + color: #fff; }
  877 + .educacao .select .proposal-link {
  878 + background-image: url(images/icons/educacao.png);
  879 + background-position: 5px 50%;
  880 + background-repeat: no-repeat;
  881 + background-size: 32px; }
  882 +
  883 +.category-educacao {
  884 + background-color: #f39720;
  885 + background-position: 5px 50%;
  886 + background-repeat: no-repeat;
  887 + background-size: 40px;
  888 + border-color: #bc6f0a; }
  889 +
  890 +.icon-educacao {
  891 + background-color: #f39720;
  892 + background-image: url(images/icons/educacao.png); }
  893 +
  894 +.reducao-da-pobreza {
  895 + color: #3ebb8f; }
  896 + .reducao-da-pobreza a {
  897 + color: #3ebb8f; }
  898 + .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 {
  899 + background-color: #3ebb8f;
  900 + border-color: #2b8263;
  901 + color: #fff;
  902 + transition: all 400ms; }
  903 + .reducao-da-pobreza .button:hover, .reducao-da-pobreza .button-cancela:hover, .reducao-da-pobreza .show_body a:hover {
  904 + background-color: #2b8263;
  905 + text-decoration: none; }
  906 + .reducao-da-pobreza .select {
  907 + background-color: #3ebb8f; }
  908 + .reducao-da-pobreza .proposal-header .title, .reducao-da-pobreza .proposal-header p, .reducao-da-pobreza .proposal-header p {
  909 + background-color: #2b8263; }
  910 + .reducao-da-pobreza .box-propostas {
  911 + border-color: #3ebb8f; }
  912 + .reducao-da-pobreza .box-title, .reducao-da-pobreza .box-bottom {
  913 + color: #3ebb8f; }
  914 + .reducao-da-pobreza .box-category li {
  915 + background-color: #3ebb8f; }
  916 + .reducao-da-pobreza .slick-prev, .reducao-da-pobreza .slick-next {
  917 + color: #3ebb8f; }
  918 + .reducao-da-pobreza .slick-slider .date, .reducao-da-pobreza .slick-slider .time {
  919 + color: #3ebb8f; }
  920 + .reducao-da-pobreza .login input, .reducao-da-pobreza .signup input {
  921 + border-color: #3ebb8f; }
  922 + .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 {
  923 + transition: all 400ms; }
  924 + .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 {
  925 + background-color: #2b8263;
  926 + text-decoration: none; }
  927 + .reducao-da-pobreza .login i, .reducao-da-pobreza .signup i {
  928 + color: #3ebb8f; }
  929 + .reducao-da-pobreza .list-unstyled li {
  930 + color: #3ebb8f; }
  931 + .reducao-da-pobreza .bloco-destaque {
  932 + background-color: #3ebb8f;
  933 + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png);
  934 + background-repeat: no-repeat;
  935 + background-position: 100% 100%;
  936 + color: #fff; }
  937 + .reducao-da-pobreza .bloco-destaque p {
  938 + color: #fff; }
  939 + .reducao-da-pobreza .select .proposal-link {
  940 + background-image: url(images/icons/reducao-da-pobreza.png);
  941 + background-position: 5px 50%;
  942 + background-repeat: no-repeat;
  943 + background-size: 32px; }
  944 +
  945 +.category-reducao-da-pobreza {
  946 + background-color: #3ebb8f;
  947 + background-position: 5px 50%;
  948 + background-repeat: no-repeat;
  949 + background-size: 40px;
  950 + border-color: #2b8263; }
  951 +
  952 +.icon-reducao-da-pobreza {
  953 + background-color: #3ebb8f;
  954 + background-image: url(images/icons/reducao-da-pobreza.png); }
  955 +
  956 +.contrast {
  957 + background-color: #000;
  958 + color: #fff; }
  959 + .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 {
  960 + color: #fff; }
  961 + .contrast .container a {
  962 + text-decoration: underline; }
  963 + .contrast .container small {
  964 + color: #999999; }
  965 + .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 {
  966 + background-color: #fff;
  967 + border-color: #999999;
  968 + color: #000;
  969 + text-decoration: none;
  970 + transition: all 400ms; }
  971 + .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 {
  972 + background-color: #999999;
  973 + text-decoration: none; }
  974 + .contrast .icon-facebook {
  975 + background-image: url(images/icons/icon-facebook-contrast.png) !important; }
  976 + .contrast .icon-twitter {
  977 + background-image: url(images/icons/icon-twitter-contrast.png) !important; }
  978 + .contrast .icon-gplus {
  979 + background-image: url(images/icons/icon-gplus-contrast.png) !important; }
  980 + .contrast .icon-whatsapp {
  981 + background-image: url(images/icons/icon-whatsapp-contrast.png) !important; }
  982 + .contrast .tab a {
  983 + background-color: #262626;
  984 + border-bottom-color: #fff; }
  985 + .contrast .tab .active {
  986 + background-color: #000;
  987 + border-color: #fff;
  988 + border-bottom-color: #000; }
  989 + .contrast #proposal-categories, .contrast #proposal-group {
  990 + border-color: #fff; }
  991 + .contrast .proposal-category a {
  992 + background-color: #262626 !important; }
  993 + .contrast .proposal-category .arrow-box:after {
  994 + border-bottom-color: #262626 !important; }
  995 + .contrast .select {
  996 + background-color: #262626; }
  997 + .contrast section {
  998 + background-color: #262626; }
  999 + .contrast section:hover {
  1000 + background-color: #262626; }
  1001 + .contrast section .box {
  1002 + background-color: #000; }
  1003 + .contrast .proposal-header .title, .contrast .proposal-header p, .contrast .proposal-header p {
  1004 + background-color: #262626; }
  1005 + .contrast .box {
  1006 + background-color: #262626;
  1007 + text-decoration: none; }
  1008 + .contrast .box-propostas {
  1009 + border-color: #fff; }
  1010 + .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 {
  1011 + color: #fff; }
  1012 + .contrast .slick-prev, .contrast .slick-next {
  1013 + color: #fff; }
  1014 + .contrast .slick-slider li {
  1015 + background-color: #000; }
  1016 + .contrast .slick-slider .date, .contrast .slick-slider .time {
  1017 + color: #fff; }
  1018 + .contrast .bloco-destaque {
  1019 + background: #262626; }
... ...
package.json 0 → 100644
  Diff comments   View file @7b7ac5a
... ... @@ -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 +}
... ...
sass/_login.scss
  Diff comments   View file @7b7ac5a
... ... @@ -4,3 +4,32 @@
4 4 color: #000;
5 5 text-decoration: none;
6 6 }
  7 +
  8 +.login {
  9 + &-block {
  10 + text-align: right;
  11 + margin-bottom: 10px;
  12 + a:nth-child(2) {
  13 + border-left: 1px solid #bcbcbc;
  14 + margin-left: 20px;
  15 + padding-left: 40px;
  16 + }
  17 + }
  18 + &-register {
  19 + background-color: #387bfa;
  20 + border-bottom: 3px solid darken(#387bfa, 15%);
  21 + border-radius: 3px;
  22 + color: #fff;
  23 + display: inline-block;
  24 + font-weight: 700;
  25 + font-size: 14px;
  26 + padding: 2px 20px;
  27 + text-align: center;
  28 + &:hover {
  29 + background-color: darken(#387bfa, 15%);
  30 + }
  31 + }
  32 + &-in {
  33 + background: url(images/icons/icon-user.png) no-repeat 20px 50%;
  34 + }
  35 +}
7 36 \ No newline at end of file
... ...
sass/_proposal_categories.scss
  Diff comments   View file @7b7ac5a
1 1 @import "utilities/variables";
2 2  
3 3 #proposal-categories {
4   - background: #fff;
5   - clear: both;
6   - margin: 0;
7   - padding: 10px;
8   - text-align: center;
9   - border-bottom: 1px solid #03316f;
10   - border-left: 1px solid #03316f;
11   - border-right: 1px solid #03316f;
12   -
  4 + // background: #fff;
  5 + // clear: both;
  6 + // margin: 0;
  7 + // padding: 10px;
  8 + // text-align: left;
  9 + // border-bottom: 1px solid #03316f;
  10 + // border-left: 1px solid #03316f;
  11 + // border-right: 1px solid #03316f;
  12 + ul {
  13 + padding-left: 0;
  14 + }
13 15 li {
14 16 list-style: none;
15   - display: inline-block;
  17 + display: block;
16 18 }
17 19  
18 20 .proposal-category {
19 21 a {
20 22 text-decoration: none;
21 23 color: #fff;
22   - margin: 10px;
23   - -webkit-border-radius: 6px;
24   - -moz-border-radius: 6px;
25   - border-radius: 6px;
26 24 background-position: center 15px;
27 25 background-repeat: no-repeat;
28 26 width: 140px;
29 27 display: inline-block;
30 28 font-size: 14px;
31   - font-family: 'Asap', sans;
32 29 font-weight: 700;
33   - text-align: center;
34   - padding-top: 110px;
35   - min-height: 140px;
36 30 background-size: 90px;
37   - cursor: pointer;
38   -
  31 + text-transform: uppercase;
39 32 &:hover {
40 33 border-color: #fff !important;
41 34 }
... ...
sass/_share.scss
  Diff comments   View file @7b7ac5a
... ... @@ -2,7 +2,7 @@
2 2 position: relative;
3 3 z-index: 1;
4 4 &.top {
5   - margin-top: 45px;
  5 + // margin-top: 45px;
6 6 }
7 7 &.right {
8 8 padding-top: 10px;
... ... @@ -30,6 +30,7 @@
30 30 li {
31 31 display: inline-block;
32 32 padding: 0 2px !important;
  33 + vertical-align: top;
33 34 }
34 35 .icon {
35 36 background-color: transparent !important;
... ... @@ -37,34 +38,86 @@
37 38 background-position: 50% !important;
38 39 background-size: auto !important;
39 40 border: 0 !important;
  41 + border-radius: 100%;
  42 + color: #fff;
40 43 display: inline-block;
  44 + font-size: 20px;
41 45 height: 36px;
42 46 min-width: 0 !important;
43 47 padding: 0 !important;
44   - text-indent: -999999px;
  48 + // text-indent: -999999px;
  49 + text-align: center;
  50 + text-decoration: none;
  51 + transform: all 200ms;
45 52 width: 36px;
46 53 &-facebook {
47   - background-image: url(images/icons/icon-facebook.png) !important;
  54 + background-color: #537abb !important;
  55 + padding: 8px 0 !important;
48 56 &.disabled {
49   - background-image: url(images/icons/icon-facebook-disabled.png) !important;
  57 + background-color: #fff !important;
  58 + color: #000 !important;
  59 + &:hover {
  60 + background-color: darken(#537abb, 15%) !important;
  61 + }
  62 + }
  63 + &:hover {
  64 + background-color: darken(#537abb, 15%) !important;
50 65 }
51 66 }
52 67 &-twitter {
53   - background-image: url(images/icons/icon-twitter.png) !important;
  68 + background-color: #78caee !important;
  69 + padding: 8px 0 !important;
54 70 &.disabled {
55   - background-image: url(images/icons/icon-twitter-disabled.png) !important;
  71 + background-color: #fff !important;
  72 + color: #000 !important;
  73 + &:hover {
  74 + background-color: darken(#537abb, 15%) !important;
  75 + }
  76 + }
  77 + &:hover {
  78 + background-color: darken(#fff, 15%) !important;
56 79 }
57 80 }
58 81 &-gplus {
59   - background-image: url(images/icons/icon-gplus.png) !important;
  82 + background-color: #d54000 !important;
  83 + padding: 9px 0 !important;
60 84 &.disabled {
61   - background-image: url(images/icons/icon-gplus-disabled.png) !important;
  85 + background-color: #fff !important;
  86 + color: #000 !important;
  87 + &:hover {
  88 + background-color: darken(#fff, 15%) !important;
  89 + }
  90 + }
  91 + &:hover {
  92 + background-color: darken(#d54000, 15%) !important;
62 93 }
63 94 }
64 95 &-whatsapp {
65   - background-image: url(images/icons/icon-whatsapp.png) !important;
  96 + background-color: #56ba62 !important;
  97 + padding: 7px 0 !important;
  98 + &.disabled {
  99 + background-color: #fff !important;
  100 + color: #000 !important;
  101 + &:hover {
  102 + background-color: darken(#fff, 15%) !important;
  103 + }
  104 + }
  105 + &:hover {
  106 + background-color: darken(#56ba62, 15%) !important;
  107 + }
  108 + }
  109 + &-email {
  110 + background-color: #edb24c !important;
  111 + padding: 7px 0 !important;
66 112 &.disabled {
67   - background-image: url(images/icons/icon-whatsapp-disabled.png) !important;
  113 + background-color: #fff !important;
  114 + color: #000 !important;
  115 + &:hover {
  116 + background-color: darken(#fff, 15%) !important;
  117 + }
  118 + }
  119 + &:hover {
  120 + background-color: darken(#edb24c, 15%) !important;
68 121 }
69 122 }
70 123 }
... ...
sass/style.scss
  Diff comments   View file @7b7ac5a
... ... @@ -57,11 +57,10 @@ h1 {
57 57 #content {
58 58 padding-bottom: 50px;
59 59 p {
60   -
61   - text-align: justify;
62   - margin: 20px;
63   - line-height: 1.5em;
64   - font-size: 1.2em;
  60 + text-align: inherit;
  61 + margin: 0;
  62 + line-height: inherit;
  63 + font-size: inherit;
65 64  
66 65 font{
67 66 weight: lighter;
... ...