Commit 7b7ac5af1f98fb61739ae33771264b86d5bcf39d
Exists in
master
and in
5 other branches
merging with capa
Showing
13 changed files
with
1409 additions
and
224 deletions
Show diff stats
.gitignore
| 1 | *.swp | 1 | *.swp |
| 2 | .sass-cache | 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 | node_modules/ | 4 | node_modules/ |
| 11 | -package.json | ||
| 12 | bower_components/ | 5 | bower_components/ |
| 13 | -bower.json | 6 | +sass/novo.scss |
| 14 | sass/bootstrap.scss | 7 | sass/bootstrap.scss |
| 15 | sass/novo.sass | 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 | \ No newline at end of file | 9 | \ No newline at end of file |
| 10 | +style.css | ||
| 11 | +style.css.map | ||
| 28 | \ No newline at end of file | 12 | \ No newline at end of file |
| @@ -0,0 +1,35 @@ | @@ -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 | \ No newline at end of file | 36 | \ No newline at end of file |
1.23 KB
6.36 KB
index.html
| @@ -52,7 +52,8 @@ | @@ -52,7 +52,8 @@ | ||
| 52 | 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css', | 52 | 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css', |
| 53 | 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700', | 53 | 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700', |
| 54 | 'http://fonts.googleapis.com/css?family=Asap:400,700', | 54 | 'http://fonts.googleapis.com/css?family=Asap:400,700', |
| 55 | - 'style.css' | 55 | + // 'style.css' |
| 56 | + 'novo.css' | ||
| 56 | ]; | 57 | ]; |
| 57 | head = document.getElementsByTagName('head')[0] | 58 | head = document.getElementsByTagName('head')[0] |
| 58 | for(i = 0; i < css_files.length; i++){ | 59 | for(i = 0; i < css_files.length; i++){ |
| @@ -91,26 +92,33 @@ | @@ -91,26 +92,33 @@ | ||
| 91 | }(document, 'script', 'facebook-jssdk'));</script> | 92 | }(document, 'script', 'facebook-jssdk'));</script> |
| 92 | 93 | ||
| 93 | 94 | ||
| 94 | - <div class="container"> | 95 | + <div class=""> |
| 95 | <div id="proposal-result"></div> | 96 | <div id="proposal-result"></div> |
| 96 | </div> | 97 | </div> |
| 97 | <div class="clearfix"></div> | 98 | <div class="clearfix"></div> |
| 98 | 99 | ||
| 99 | <script id="proposal-template" type="text/x-handlebars-template"> | 100 | <script id="proposal-template" type="text/x-handlebars-template"> |
| 100 | - <header> | 101 | + <header class="container"> |
| 101 | <a id="display-contrast" href="#">Alto Contraste</a> | 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 | <div class="social top"> | 108 | <div class="social top"> |
| 103 | {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}} | 109 | {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}} |
| 104 | </div> | 110 | </div> |
| 105 | - <h1><a href="#">{{article.title}}</a></h1> | ||
| 106 | </header> | 111 | </header> |
| 107 | 112 | ||
| 108 | <div id="article-container" class="hide"></div> | 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 | </div> | 119 | </div> |
| 113 | 120 | ||
| 121 | + <!-- | ||
| 114 | <nav class="tab" role="tabpanel"> | 122 | <nav class="tab" role="tabpanel"> |
| 115 | <ul role="tablist"> | 123 | <ul role="tablist"> |
| 116 | <li id="nav-proposal-categories" role="presentation"> | 124 | <li id="nav-proposal-categories" role="presentation"> |
| @@ -121,183 +129,205 @@ | @@ -121,183 +129,205 @@ | ||
| 121 | </li> | 129 | </li> |
| 122 | </ul> | 130 | </ul> |
| 123 | </nav> | 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 | {{#each article.categories}} | 156 | {{#each article.categories}} |
| 136 | <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}"> | 157 | <section id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide proposal-container clearfix {{slug}}" data-category="{{slug}}"> |
| 137 | <div class="header"> | 158 | <div class="header"> |
| 138 | - <div class="name">{{name}}</div> | 159 | + <h2 class="name">{{name}}</h2> |
| 139 | <div class="description"></div> | 160 | <div class="description"></div> |
| 140 | </div> | 161 | </div> |
| 141 | - <ul class="proposal-list"> | 162 | + <ul class="proposal-list row"> |
| 142 | {{#list_proposal ../article.children category=slug}} | 163 | {{#list_proposal ../article.children category=slug}} |
| 143 | {{#link title id}}{{/link}} | 164 | {{#link title id}}{{/link}} |
| 144 | {{/list_proposal}} | 165 | {{/list_proposal}} |
| 145 | </ul> | 166 | </ul> |
| 146 | </section> | 167 | </section> |
| 147 | {{/each}} | 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 | </div> | 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 | <span class="fa fa-reply"></span> | 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 | </div> | 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 | </div> | 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 | </div> | 218 | </div> |
| 214 | </div> | 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 | </div> | 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 | </div> | 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 | </div> | 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 | </div> | 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 | </script> | 331 | </script> |
| 302 | 332 | ||
| 303 | <script id="support-proposal-template" type="text/x-handlebars-template"> | 333 | <script id="support-proposal-template" type="text/x-handlebars-template"> |
| @@ -305,8 +335,8 @@ | @@ -305,8 +335,8 @@ | ||
| 305 | <p class="box-subtitle">{{stripTags (trimString abstract 200)}}</p> | 335 | <p class="box-subtitle">{{stripTags (trimString abstract 200)}}</p> |
| 306 | </div> | 336 | </div> |
| 307 | <div class="vote-actions"> | 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 | <a href="#" class="skip button box-footer">Pular</a> | 340 | <a href="#" class="skip button box-footer">Pular</a> |
| 311 | <a href="#" class="vote-result box-bottom">Resultados</a> | 341 | <a href="#" class="vote-result box-bottom">Resultados</a> |
| 312 | </div> | 342 | </div> |
| @@ -426,10 +456,11 @@ | @@ -426,10 +456,11 @@ | ||
| 426 | 456 | ||
| 427 | <script id="social-share" type="text/x-handlebars-template"> | 457 | <script id="social-share" type="text/x-handlebars-template"> |
| 428 | <ul> | 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 | </ul> | 464 | </ul> |
| 434 | </script> | 465 | </script> |
| 435 | 466 |
js/handlebars-helpers.js
| @@ -19,11 +19,10 @@ define(['handlebars'], function(Handlebars){ | @@ -19,11 +19,10 @@ define(['handlebars'], function(Handlebars){ | ||
| 19 | for(var i=0, j=proposals.length; i<j; i++) { | 19 | for(var i=0, j=proposals.length; i<j; i++) { |
| 20 | var proposal = proposals[i]; | 20 | var proposal = proposals[i]; |
| 21 | 21 | ||
| 22 | - element = '<li class="proposal-item">' + | 22 | + element = '<li class="proposal-item col-sm-6">' + |
| 23 | '<a href="#/programas/'+proposal.id+'" data-target="proposal-item-'+proposal.id+'" class="proposal-link box">' + | 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 | for(var x=0, y=proposal.categories.length; x<y; x++) { | 28 | for(var x=0, y=proposal.categories.length; x<y; x++) { |
| @@ -31,14 +30,13 @@ define(['handlebars'], function(Handlebars){ | @@ -31,14 +30,13 @@ define(['handlebars'], function(Handlebars){ | ||
| 31 | element = ''; | 30 | element = ''; |
| 32 | continue; | 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 | if(element == ''){ | 35 | if(element == ''){ |
| 37 | continue; | 36 | continue; |
| 38 | } | 37 | } |
| 39 | - category = category + '</ul>'; | 38 | + category = category + '</div>' + '<div class="box-body">' + '' + proposal.title + (proposal.abstract ? proposal.abstract : '') + '</div>'; |
| 40 | // element = element + options.fn(proposal); | 39 | // element = element + options.fn(proposal); |
| 41 | - element = element + (proposal.abstract ? proposal.abstract : ''); | ||
| 42 | 40 | ||
| 43 | element = element + category; | 41 | element = element + category; |
| 44 | ret = ret + element + '</div></a></li>'; | 42 | ret = ret + element + '</div></a></li>'; |
js/main.js
| @@ -237,8 +237,19 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -237,8 +237,19 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
| 237 | $('#content').hide(); | 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 | display_category_tab: function(){ | 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 | $('#proposal-categories').show(); | 253 | $('#proposal-categories').show(); |
| 243 | $('#nav-proposal-categories a').addClass('active'); | 254 | $('#nav-proposal-categories a').addClass('active'); |
| 244 | $('#nav-proposal-group a').removeClass('active'); | 255 | $('#nav-proposal-group a').removeClass('active'); |
| @@ -252,6 +263,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -252,6 +263,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
| 252 | }, | 263 | }, |
| 253 | display_proposals_tab: function(){ | 264 | display_proposals_tab: function(){ |
| 254 | $('#proposal-categories').hide(); | 265 | $('#proposal-categories').hide(); |
| 266 | + this.randomProposalByTheme(['category-saude', 'category-seguranca-publica', 'category-educacao', 'category-reducao-da-pobreza']); | ||
| 255 | $('#proposal-group').show(); | 267 | $('#proposal-group').show(); |
| 256 | $('#nav-proposal-group a').addClass('active'); | 268 | $('#nav-proposal-group a').addClass('active'); |
| 257 | $('#nav-proposal-categories a').removeClass('active'); | 269 | $('#nav-proposal-categories a').removeClass('active'); |
| @@ -259,9 +271,11 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -259,9 +271,11 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
| 259 | $('#article-container').hide(); | 271 | $('#article-container').hide(); |
| 260 | $('nav').show(); | 272 | $('nav').show(); |
| 261 | }, | 273 | }, |
| 274 | + // fim Eduardo | ||
| 262 | display_proposal: function(proposal_id){ | 275 | display_proposal: function(proposal_id){ |
| 263 | $('#proposal-categories').hide(); | 276 | $('#proposal-categories').hide(); |
| 264 | $('#proposal-group').hide(); | 277 | $('#proposal-group').hide(); |
| 278 | + $('.proposal-category-items').hide(); /* Hide Category Items */ | ||
| 265 | $('nav').hide(); | 279 | $('nav').hide(); |
| 266 | $('#content').hide(); | 280 | $('#content').hide(); |
| 267 | $('#article-container').hide(); | 281 | $('#article-container').hide(); |
| @@ -295,7 +309,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -295,7 +309,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
| 295 | case 'categories reducao-da-pobreza': | 309 | case 'categories reducao-da-pobreza': |
| 296 | active_category = 'reducao-da-pobreza'; | 310 | active_category = 'reducao-da-pobreza'; |
| 297 | break; | 311 | break; |
| 298 | - } | 312 | + } |
| 299 | 313 | ||
| 300 | $proposal.find('.calendar.' + active_category).show(); | 314 | $proposal.find('.calendar.' + active_category).show(); |
| 301 | $proposal.find('.calendar').slick(); | 315 | $proposal.find('.calendar').slick(); |
| @@ -339,6 +353,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | @@ -339,6 +353,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F | ||
| 339 | $('#proposal-categories').show(); | 353 | $('#proposal-categories').show(); |
| 340 | $('#nav-proposal-categories a').addClass('active'); | 354 | $('#nav-proposal-categories a').addClass('active'); |
| 341 | $('#nav-proposal-group a').removeClass('active'); | 355 | $('#nav-proposal-group a').removeClass('active'); |
| 356 | + $('#proposal-group').hide(); /* Hide section "Programas" */ | ||
| 342 | $('.proposal-category-items').hide(); | 357 | $('.proposal-category-items').hide(); |
| 343 | $('.proposal-detail').hide(); | 358 | $('.proposal-detail').hide(); |
| 344 | $item.toggle( 'blind', 200, function () { | 359 | $item.toggle( 'blind', 200, function () { |
| @@ -0,0 +1,1019 @@ | @@ -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; } |
| @@ -0,0 +1,29 @@ | @@ -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
| @@ -4,3 +4,32 @@ | @@ -4,3 +4,32 @@ | ||
| 4 | color: #000; | 4 | color: #000; |
| 5 | text-decoration: none; | 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 | \ No newline at end of file | 36 | \ No newline at end of file |
sass/_proposal_categories.scss
| 1 | @import "utilities/variables"; | 1 | @import "utilities/variables"; |
| 2 | 2 | ||
| 3 | #proposal-categories { | 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 | li { | 15 | li { |
| 14 | list-style: none; | 16 | list-style: none; |
| 15 | - display: inline-block; | 17 | + display: block; |
| 16 | } | 18 | } |
| 17 | 19 | ||
| 18 | .proposal-category { | 20 | .proposal-category { |
| 19 | a { | 21 | a { |
| 20 | text-decoration: none; | 22 | text-decoration: none; |
| 21 | color: #fff; | 23 | color: #fff; |
| 22 | - margin: 10px; | ||
| 23 | - -webkit-border-radius: 6px; | ||
| 24 | - -moz-border-radius: 6px; | ||
| 25 | - border-radius: 6px; | ||
| 26 | background-position: center 15px; | 24 | background-position: center 15px; |
| 27 | background-repeat: no-repeat; | 25 | background-repeat: no-repeat; |
| 28 | width: 140px; | 26 | width: 140px; |
| 29 | display: inline-block; | 27 | display: inline-block; |
| 30 | font-size: 14px; | 28 | font-size: 14px; |
| 31 | - font-family: 'Asap', sans; | ||
| 32 | font-weight: 700; | 29 | font-weight: 700; |
| 33 | - text-align: center; | ||
| 34 | - padding-top: 110px; | ||
| 35 | - min-height: 140px; | ||
| 36 | background-size: 90px; | 30 | background-size: 90px; |
| 37 | - cursor: pointer; | ||
| 38 | - | 31 | + text-transform: uppercase; |
| 39 | &:hover { | 32 | &:hover { |
| 40 | border-color: #fff !important; | 33 | border-color: #fff !important; |
| 41 | } | 34 | } |
sass/_share.scss
| @@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
| 2 | position: relative; | 2 | position: relative; |
| 3 | z-index: 1; | 3 | z-index: 1; |
| 4 | &.top { | 4 | &.top { |
| 5 | - margin-top: 45px; | 5 | + // margin-top: 45px; |
| 6 | } | 6 | } |
| 7 | &.right { | 7 | &.right { |
| 8 | padding-top: 10px; | 8 | padding-top: 10px; |
| @@ -30,6 +30,7 @@ | @@ -30,6 +30,7 @@ | ||
| 30 | li { | 30 | li { |
| 31 | display: inline-block; | 31 | display: inline-block; |
| 32 | padding: 0 2px !important; | 32 | padding: 0 2px !important; |
| 33 | + vertical-align: top; | ||
| 33 | } | 34 | } |
| 34 | .icon { | 35 | .icon { |
| 35 | background-color: transparent !important; | 36 | background-color: transparent !important; |
| @@ -37,34 +38,86 @@ | @@ -37,34 +38,86 @@ | ||
| 37 | background-position: 50% !important; | 38 | background-position: 50% !important; |
| 38 | background-size: auto !important; | 39 | background-size: auto !important; |
| 39 | border: 0 !important; | 40 | border: 0 !important; |
| 41 | + border-radius: 100%; | ||
| 42 | + color: #fff; | ||
| 40 | display: inline-block; | 43 | display: inline-block; |
| 44 | + font-size: 20px; | ||
| 41 | height: 36px; | 45 | height: 36px; |
| 42 | min-width: 0 !important; | 46 | min-width: 0 !important; |
| 43 | padding: 0 !important; | 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 | width: 36px; | 52 | width: 36px; |
| 46 | &-facebook { | 53 | &-facebook { |
| 47 | - background-image: url(images/icons/icon-facebook.png) !important; | 54 | + background-color: #537abb !important; |
| 55 | + padding: 8px 0 !important; | ||
| 48 | &.disabled { | 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 | &-twitter { | 67 | &-twitter { |
| 53 | - background-image: url(images/icons/icon-twitter.png) !important; | 68 | + background-color: #78caee !important; |
| 69 | + padding: 8px 0 !important; | ||
| 54 | &.disabled { | 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 | &-gplus { | 81 | &-gplus { |
| 59 | - background-image: url(images/icons/icon-gplus.png) !important; | 82 | + background-color: #d54000 !important; |
| 83 | + padding: 9px 0 !important; | ||
| 60 | &.disabled { | 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 | &-whatsapp { | 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 | &.disabled { | 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
| @@ -57,11 +57,10 @@ h1 { | @@ -57,11 +57,10 @@ h1 { | ||
| 57 | #content { | 57 | #content { |
| 58 | padding-bottom: 50px; | 58 | padding-bottom: 50px; |
| 59 | p { | 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 | font{ | 65 | font{ |
| 67 | weight: lighter; | 66 | weight: lighter; |