diff --git a/images/icons/icon-facebook-contrast.png b/images/icons/icon-facebook-contrast.png old mode 100755 new mode 100644 index f3ce6fc..9dde03c Binary files a/images/icons/icon-facebook-contrast.png and b/images/icons/icon-facebook-contrast.png differ diff --git a/images/icons/icon-gplus-contrast.png b/images/icons/icon-gplus-contrast.png old mode 100755 new mode 100644 index 513ffeb..af7453d Binary files a/images/icons/icon-gplus-contrast.png and b/images/icons/icon-gplus-contrast.png differ diff --git a/images/icons/icon-twitter-contrast.png b/images/icons/icon-twitter-contrast.png old mode 100755 new mode 100644 index d0c9734..ff9b5e3 Binary files a/images/icons/icon-twitter-contrast.png and b/images/icons/icon-twitter-contrast.png differ diff --git a/images/icons/icon-whatsapp-contrast.png b/images/icons/icon-whatsapp-contrast.png old mode 100755 new mode 100644 index c384a8b..b361cda Binary files a/images/icons/icon-whatsapp-contrast.png and b/images/icons/icon-whatsapp-contrast.png differ diff --git a/index.html b/index.html index f6b90d6..6edb33f 100644 --- a/index.html +++ b/index.html @@ -259,8 +259,8 @@
-
-
+
+
Bate-papo com os ministros

Confira as datas e horĂ¡rios:

    @@ -285,8 +285,8 @@
    25/04/2015
    19:00
-
-
+ +
diff --git a/js/main.js b/js/main.js index 4733974..4bba22e 100644 --- a/js/main.js +++ b/js/main.js @@ -555,7 +555,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F $( '#display-contrast' ).on('click', function(e){ e.preventDefault(); - $('#proposal-result').toggleClass('contrast'); + $('body').toggleClass('contrast'); }); $( '.show_body' ).on('click', function(e){ diff --git a/novo.css b/novo.css index aeaed46..3ed2366 100644 --- a/novo.css +++ b/novo.css @@ -17,7 +17,7 @@ h1 { h2 { border-bottom: 1px solid #eeeff1; font-size: 38px; - font-weight: 300; + font-weight: 500; margin-bottom: 40px; padding-bottom: 20px; text-transform: uppercase; } @@ -29,7 +29,7 @@ h2 { h3 { font-size: 28px; - font-weight: 300; + font-weight: 500; text-transform: uppercase; } h4 { @@ -66,8 +66,8 @@ p, ul, select { color: #fff; } .button-inline { display: inline-block; - padding-bottom: 10px !important; - padding-top: 10px !important; } + padding-bottom: 5px !important; + padding-top: 5px !important; } .button-send span { padding-left: 30px; background-image: url(images/airplane.png); @@ -285,6 +285,8 @@ p, ul, select { font-family: asap, sans; font-size: 24px; font-weight: 700; } + .box-header p { + font-size: 14px; } .box-category { font-size: 16px; font-weight: 700; @@ -573,6 +575,12 @@ p, ul, select { h3.titulo-destaque { font-size: 38px; } +.bloco-destaque { + padding: 35px; + border-radius: 6px; } + .bloco-destaque h4 { + margin-bottom: 60px; } + section.saude .description { margin-top: 20px; } section.saude .description:before { @@ -637,6 +645,14 @@ section.reducao-da-pobreza .description { text-decoration: none; } .saude .login i, .saude .signup i { color: #00a9bd; } + .saude .bloco-destaque { + background-color: #00a9bd; + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); + background-repeat: no-repeat; + background-position: 100% 100%; + color: #fff; } + .saude .bloco-destaque p { + color: #fff; } section.saude { background-color: #00a9bd; } @@ -693,6 +709,14 @@ section.saude { text-decoration: none; } .seguranca-publica .login i, .seguranca-publica .signup i { color: #e34748; } + .seguranca-publica .bloco-destaque { + background-color: #e34748; + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); + background-repeat: no-repeat; + background-position: 100% 100%; + color: #fff; } + .seguranca-publica .bloco-destaque p { + color: #fff; } section.seguranca-publica { background-color: #e34748; } @@ -749,6 +773,14 @@ section.seguranca-publica { text-decoration: none; } .educacao .login i, .educacao .signup i { color: #ffb400; } + .educacao .bloco-destaque { + background-color: #ffb400; + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); + background-repeat: no-repeat; + background-position: 100% 100%; + color: #fff; } + .educacao .bloco-destaque p { + color: #fff; } section.educacao { background-color: #ffb400; } @@ -805,6 +837,14 @@ section.educacao { text-decoration: none; } .reducao-da-pobreza .login i, .reducao-da-pobreza .signup i { color: #51d0b3; } + .reducao-da-pobreza .bloco-destaque { + background-color: #51d0b3; + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png); + background-repeat: no-repeat; + background-position: 100% 100%; + color: #fff; } + .reducao-da-pobreza .bloco-destaque p { + color: #fff; } section.reducao-da-pobreza { background-color: #51d0b3; } @@ -828,3 +868,68 @@ section.reducao-da-pobreza { background-repeat: no-repeat; } #proposal-category-reducao-da-pobreza .arrow-box:after { border-bottom-color: #51d0b3; } + +.contrast { + background-color: #000; + color: #fff; } + .contrast h2, .contrast h3, .contrast h4, .contrast a, .contrast p, .contrast li, .contrast label, .contrast .label, .contrast .login i { + color: #fff; } + .contrast a { + text-decoration: underline; } + .contrast small { + color: #999999; } + .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 { + background-color: #fff; + border-color: #999999; + color: #000; + text-decoration: none; + transition: all 400ms; } + .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 { + background-color: #999999; + text-decoration: none; } + .contrast .icon-facebook { + background-image: url(images/icons/icon-facebook-contrast.png) !important; } + .contrast .icon-twitter { + background-image: url(images/icons/icon-twitter-contrast.png) !important; } + .contrast .icon-gplus { + background-image: url(images/icons/icon-gplus-contrast.png) !important; } + .contrast .icon-whatsapp { + background-image: url(images/icons/icon-whatsapp-contrast.png) !important; } + .contrast .tab a { + background-color: #262626; + border-bottom-color: #fff; } + .contrast .tab .active { + background-color: #000; + border-color: #fff; + border-bottom-color: #000; } + .contrast #proposal-categories, .contrast #proposal-group, .contrast #proposal-group { + border-color: #fff; } + .contrast .proposal-category a { + background-color: #262626 !important; } + .contrast .proposal-category .arrow-box:after { + border-bottom-color: #262626 !important; } + .contrast .select { + background-color: #262626; } + .contrast section { + background-color: #262626; } + .contrast section:hover { + background-color: #262626; } + .contrast section .box { + background-color: #000; } + .contrast .proposal-header .title, .contrast .proposal-header p, .contrast .proposal-header p { + background-color: #262626; } + .contrast .box { + background-color: #262626; + text-decoration: none; } + .contrast .box-propostas { + border-color: #fff; } + .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 { + color: #fff; } + .contrast .slick-prev, .contrast .slick-next { + color: #fff; } + .contrast .slick-slider li { + background-color: #000; } + .contrast .slick-slider .date, .contrast .slick-slider .time { + color: #fff; } + .contrast .bloco-destaque { + background: #262626; } diff --git a/sass/novo.sass b/sass/novo.sass index 39d3bf4..f5bc1ac 100644 --- a/sass/novo.sass +++ b/sass/novo.sass @@ -32,6 +32,7 @@ // 6.14 - listas // 7 - Modificadores // 8 - Cores do Temas +// 9 - Alto Contraste // ------------------------------------ @@ -96,7 +97,7 @@ h1 h2 border-bottom: 1px solid #eeeff1 font-size: $font-size-h2 - font-weight: 300 + font-weight: 500 margin-bottom: $gutter * 2 padding-bottom: $gutter text-transform: uppercase @@ -107,7 +108,7 @@ h2 text-transform: none h3 font-size: $font-size-h3 - font-weight: 300 + font-weight: 500 text-transform: uppercase h4 font-size: $font-size-h4 @@ -149,8 +150,8 @@ p,ul,select color: #fff &-inline display: inline-block - padding-bottom: $gutter * 0.5 !important - padding-top: $gutter * 0.5 !important + padding-bottom: $gutter * 0.25 !important + padding-top: $gutter * 0.25 !important &-cancela @extend .button &-send @@ -392,6 +393,8 @@ p,ul,select font-family: asap, sans font-size: $theme-size-header font-weight: 700 + p + font-size: $font-size-small &-category font-size: $font-size-base font-weight: 700 @@ -703,6 +706,11 @@ p,ul,select display: none h3.titulo-destaque font-size: $font-size-h3 + 10 +.bloco-destaque + padding: $gutter * 1.75 + border-radius: $radius + h4 + margin-bottom: $gutter * 3 @each $category, $description in $categories-descriptions section.#{$category} .description @@ -752,6 +760,14 @@ h3.titulo-destaque +hover($color, 15%) i color: $color + .bloco-destaque + background-color: $color + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png) + background-repeat: no-repeat + background-position: 100% 100% + color: #fff + p + color: #fff section.#{$category} background-color: $color .category-#{$category} @@ -769,4 +785,77 @@ h3.titulo-destaque background-position: 50% 10px background-repeat: no-repeat .arrow-box:after - border-bottom-color: $color \ No newline at end of file + border-bottom-color: $color + + +// ------------------------------------ +// 9 - Alto Contraste +// ------------------------------------ + +.contrast + background-color: #000 + color: #fff + h2,h3,h4,a,p,li,label,.label,.login i + color: #fff + a + text-decoration: underline + small + color: darken(#fff, 40%) + .button,.show_body a,.login input.button,.box-category li + background-color: #fff + border-color: darken(#fff, 40%) + color: #000 + text-decoration: none + +hover(#fff, 40%) + .icon + &-facebook + background-image: url(images/icons/icon-facebook-contrast.png) !important + &-twitter + background-image: url(images/icons/icon-twitter-contrast.png) !important + &-gplus + background-image: url(images/icons/icon-gplus-contrast.png) !important + &-whatsapp + background-image: url(images/icons/icon-whatsapp-contrast.png) !important + .tab + a + background-color: darken(#fff, 85%) + border-bottom-color: #fff + .active + background-color: #000 + border-color: #fff + border-bottom-color: #000 + #proposal-categories,#proposal-group + border-color: #fff + .proposal-category + a + background-color: darken(#fff, 85%) !important + .arrow-box:after + border-bottom-color: darken(#fff, 85%) !important + .select + background-color: darken(#fff, 85%) + section + background-color: darken(#fff, 85%) + &:hover + background-color: darken(#fff, 85%) + .box + background-color: #000 + .proposal-header + .title, p + background-color: darken(#fff, 85%) + .box + background-color: darken(#fff, 85%) + text-decoration: none + &-propostas + border-color: #fff + &-title,&-subtitle,&-info,&-bottom,.social span,&-header + color: #fff + .slick + &-prev,&-next + color: #fff + &-slider + li + background-color: #000 + .date,.time + color: #fff + .bloco-destaque + background: darken(#fff, 85%) -- libgit2 0.21.2