From 9ae2f8afde4442347756fbc3e872e047af36e2bf Mon Sep 17 00:00:00 2001 From: Augusto dos Anjos Almeida Date: Tue, 26 May 2015 10:58:58 -0300 Subject: [PATCH] Remoção do arquivo sass/novo.scss --- js/main.js | 18 ++++++++++++++++++ sass/_proposal_detail.scss | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------- sass/novo.scss | 239 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- sass/proposal_detail/_proposal-detail-base.scss | 14 +++++++------- sass/style.scss | 23 +++++++++++++++-------- sass/utilities/_variables.scss | 2 +- 6 files changed, 97 insertions(+), 269 deletions(-) mode change 100755 => 100644 sass/_proposal_detail.scss delete mode 100755 sass/novo.scss mode change 100755 => 100644 sass/proposal_detail/_proposal-detail-base.scss diff --git a/js/main.js b/js/main.js index 4bba22e..7132248 100644 --- a/js/main.js +++ b/js/main.js @@ -245,6 +245,24 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F $proposal.find('.results-container .results-content').hide(); $proposal.find('.experience-proposal-container').show(); $proposal.find('.talk-proposal-container').show(); + $proposal.find('.calendar').hide(); + var active_category = ''; + switch($proposal.find('.categories').attr('class')) { + case 'categories saude': + active_category = 'saude'; + break; + case 'categories educacao': + active_category = 'educacao'; + break; + case 'categories seguranca-publica': + active_category = 'seguranca-publica'; + break; + case 'categories reducao-da-pobreza': + active_category = 'reducao-da-pobreza'; + break; + } + + $proposal.find('.calendar.' + active_category).show(); $proposal.find('.calendar').slick(); var topic_id = proposal_id.split('-').pop(); diff --git a/sass/_proposal_detail.scss b/sass/_proposal_detail.scss old mode 100755 new mode 100644 index 3947680..249c0a1 --- a/sass/_proposal_detail.scss +++ b/sass/_proposal_detail.scss @@ -1,5 +1,45 @@ +.login .row input, +.signup .row input { + margin-bottom: 0; +} + +@each $category, $color in $categories { + .#{$category} { + .button { + background-color: $color; + border-radius: 6px; + border-bottom: 3px solid darken($color, 15%); + color: #fff; + font-weight: 400; + font-size: 16px; + padding: 20px 0; + display: block; + margin: 0; + text-align: center; + transition: all 200ms; + &:hover { + background-color: darken($color, 15%); + text-decoration: none; + } + } + input.button { + @extend .button; + margin: 0 !important; + padding: 20px 0 !important; + width: 100% !important; + } + } +} +.box-subtitle { + color: #18376c; + font-size: 24px; + font-weight: bold; +} + .proposal-detail { .login-container { + margin: 0 20px; + text-align: left; .loading { text-align: center; } @@ -299,8 +339,8 @@ text-align: left; } .message { - margin: 10px 35px; - padding: 10px 25px; + margin: 10px 0; + padding: 10px 20px; font-size: 12px; background-color: #f2dede; border-color: #ebccd1; @@ -378,6 +418,7 @@ border: 1px solid $color; height: $container-height; min-height: $container-height; + overflow: auto; margin: 0 10px 20px 0; } .make-proposal-button{ @@ -399,7 +440,7 @@ height: 15%; } label { - color: gray; + color: #333; } } .support-proposal-container{ @@ -599,23 +640,24 @@ } /*------------------ formulario ---------------- */ form .oauth { - margin-top: 10px; - float: left; - width: 50%; + margin-top: 15px; + // float: left; + // width: 50%; } form .actions { - float: right; - width: 50%; + // float: right; + // width: 50%; } form.signup { + text-align: left; .password, .password-confirmation { - width: 47%; + // width: 47%; display: inline-block; } .password { - margin-left: 15px; + // margin-left: 15px; } .actions { margin: 20px 0 0 0; @@ -626,7 +668,7 @@ border-radius: 7px; color: #fff; padding: 10px 15px; - margin: 0 0 0 8px; + // margin: 0 0 0 8px; } .cancel-signup { @extend .confirm-signup; @@ -702,13 +744,13 @@ .support-proposal .abstract{ overflow-y: auto; - max-height: 190px; + // max-height: 190px; margin-bottom: 10px; word-break: break-word; word-wrap: break-word; @media only screen and (max-width: 1048px) { - max-height: 140px; + // max-height: 140px; font-size: 20px; } } @@ -735,7 +777,7 @@ .info { margin: 0 20px !important; - max-height: 40px !important; + // max-height: 40px !important; } } diff --git a/sass/novo.scss b/sass/novo.scss deleted file mode 100755 index 55cd4d9..0000000 --- a/sass/novo.scss +++ /dev/null @@ -1,239 +0,0 @@ -// colors -$border-color: #d6dcd7; -$default-color: #172938; -$header-color: #03316f; -$link-color: #335277; - -// font sizes -$category-select-size: 19px; -$category-title-size: 18px; -$default-font-size: 16px; -$detail-proposal-size: 30px; -$detail-title-size: 32px; -$header-h1-size: 28px; -$proposal-link-size: 24px; -$proposal-subtitle-size: 20px; -$proposal-view-size: 38px; -$small-font-size: 14px; - -// radius sizes -$default-radius-size: 7px; - -// padding defaults -$default-spacing-size: 20px; - -// dictionaries -$categories: (saude: #00a9bd, seguranca: #e34748, educacao: #ffb400, reducao-da-pobreza: #51d0b3); -$categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca: "A Segurança Pública é um direito fundamental, dever do Estado e responsabilidade de todos. A proteção da vida, a disseminação da cultura de paz e a integração dos órgãos e instituições são os maiores compromissos desta política pública.", educacao: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis ‐ da creche à pós‐graduação. Com o Plano Nacional de Educação (PNE) para os próximos 10 anos, o Brasil consolida um caminho de oportunidades, por meio da educação, para todos os brasileiros.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, na última década, 36 milhões de pessoas superaram a miséria e o país saiu do Mapa da Fome das Nações Unidas."); - -body { - font-family: 'Open Sans', sans-serif; - font-size: $default-font-size; - font-weight: 400; -} - -#proposal { - &-categories { - border-bottom: 1px solid $header-color; - border-left: 1px solid $header-color; - border-right: 1px solid $header-color; - } - &-result { - margin: $default-spacing-size / 2; - h1 { - border-bottom: 1px solid $border-color; - padding-bottom: $default-spacing-size; - text-transform: uppercase; - a { - color: $header-color; - font-family: 'Asap', sans-serif; - font-size: $header-h1-size; - } - } - nav { - ul { - font-size: 0; - list-style: none; - margin-bottom: 0; - padding-left: 0; - } - li { - margin: 0; - padding: 0; - display: inline-block; - width: 50%; - } - a { - background-color: $header-color; - border-left: 1px solid $header-color; - border-right: 1px solid $header-color; - border-top: 1px solid $header-color; - color: #fff; - display: block; - font-family: 'Asap', sans-serif; - font-size: $default-font-size; - font-weight: 700; - padding-bottom: $detail-proposal-size / 2; - padding-left: $detail-proposal-size / 4; - padding-right: $detail-proposal-size / 4; - padding-top: $detail-proposal-size / 2; - text-transform: uppercase; - text-align: center; - &.active { - background-color: #fff; - color: $header-color; - } - } - } - } -} -@each $category, $color in $categories { - .#{$category} { - .abstract { - p { - background-color: $color; - } - } - .category { - background: $color url(images/icons/#{$category}.png) no-repeat left center; - background-size: 32px; - } - .container { - &-title { - color: $color; - } - } - .send-button { - background-color: $color; - } - .show_body { - border-top-color: $color; - background-color: darken($color, 12%); - span { - background-color: darken($color, 12%); - } - } - .title { - background-color: $color; - } - } -} -.abstract { - img { - width: 100%; - } - p { - color: #fff; - font-size: $small-font-size; - font-weight: 700; - margin-bottom: 0; - padding-bottom: $default-spacing-size / 4; - text-align: center; - } -} -.container { - &-title { - font-size: $detail-proposal-size; - } -} -.go-back { - background-color: #fff; - border: 1px solid #ccc; - color: #333; - display: inline-block; - font-size: $small-font-size; - height: 57px; - padding: 6px 12px; -} -.proposal { - &-category { - height: 57px; - } - &-link { - color: #fff; - display: inline-block; - font-size: $category-title-size; - font-weight: 700; - padding-bottom: $default-spacing-size - 5; - padding-left: $default-spacing-size + 15; - padding-right: $default-spacing-size + 15; - padding-top: $default-spacing-size - 5; - text-transform: uppercase; - &:hover { - color: #fff; - text-decoration: none; - } - } - &-selection { - background-color: #EEEFF1; - border: 0; - cursor: pointer; - float: right; - font-size: $default-font-size; - font-weight: 300; - height: 57px; - text-transform: uppercase; - width: 100%; - } -} -.send-button { - border-radius: $default-radius-size; - margin: auto; - padding-bottom: $default-spacing-size; - padding-top: $default-spacing-size; - text-align: center; - width: 70%; - a { - color: #fff; - font-size: $small-font-size; - text-transform: uppercase; - &:hover { - text-decoration: none; - } - } - span { - background: url(images/airplane.png) no-repeat; - padding-left: $default-spacing-size; - } -} -.show_body { - border-top: 5px solid; - margin-top: $default-spacing-size / 4; - text-align: center; - padding-bottom: $default-spacing-size; - padding-top: $default-spacing-size; - a { - background: url(images/white-line.png) repeat-x 50%; - color: #fff; - display: block; - font-size: $proposal-view-size; - font-weight: 700; - line-height: 1.1; - margin-left: $default-spacing-size / 2; - margin-right: $default-spacing-size / 2; - text-transform: uppercase; - &:hover { - text-decoration: none; - } - } - span { - display: block; - margin-left: $default-spacing-size / 2; - margin-right: $default-spacing-size / 2; - padding-left: $default-spacing-size / 4; - padding-right: $default-spacing-size / 4; - } -} -.subtitle { - color: $header-color; - font-size: $proposal-subtitle-size; - font-weight: 700; -} -.title { - color: #fff; - font-size: $detail-title-size; - font-weight: 700; - padding-top: $default-spacing-size / 2; - text-align: center; - text-transform: uppercase; -} \ No newline at end of file diff --git a/sass/proposal_detail/_proposal-detail-base.scss b/sass/proposal_detail/_proposal-detail-base.scss old mode 100755 new mode 100644 index db10a12..8a3cde5 --- a/sass/proposal_detail/_proposal-detail-base.scss +++ b/sass/proposal_detail/_proposal-detail-base.scss @@ -18,22 +18,20 @@ border-bottom: 1px solid #eeeff1; color: $color; font-size: 38px; - font-weight: 300; + font-weight: 500; padding-bottom: .5em; - text-transform: uppercase; small { display: block; font-size: 16px; - font-weight: 300; - margin-top: -.1em; + font-weight: 400; + margin-top: 5px; text-transform: none; } } h3 { color: $color; font-size: 28px; - font-weight: 300; - text-transform: uppercase; + font-weight: 500; .border { border-bottom: 1px solid #eeeff1; padding-bottom: 20px; @@ -41,12 +39,14 @@ } h4 { font-size: 24px; + font-weight: 500; color: $color; text-transform: none; } h5 { color: $color; font-size: 22px; + font-weight: 500; margin-top: 15px; } img { @@ -112,7 +112,7 @@ display: block; padding: 1em; text-align: center; - font-weight: 500; + font-weight: 700; text-decoration: none; // text-transform: uppercase; .fa-reply { diff --git a/sass/style.scss b/sass/style.scss index 688cd22..cd354f6 100755 --- a/sass/style.scss +++ b/sass/style.scss @@ -56,7 +56,7 @@ h1 { #content { padding-bottom: 50px; p { - + text-align: justify; margin: 20px; line-height: 1.5em; @@ -79,8 +79,8 @@ h1 { } form { - label, input, div.label, textarea { - width: 90%; + input, div.label, textarea { + // width: 90%; margin: 0 auto; font-size: 14px; display: block; @@ -90,6 +90,8 @@ form { input, textarea { color: #000; border: 1px solid #18376C; + width: 100%; + margin-bottom: 20px; } textarea { @@ -102,13 +104,13 @@ form { color: #000; font-weight: bold; text-decoration: none; - margin: 10px 20px; + // margin: 10px 20px; } .actions, .oauth { - text-align: center; - font-size: 12px; - margin-top: 10px; + // text-align: center; + // font-size: 12px; + // margin-top: 10px; } } @@ -153,6 +155,11 @@ form { } } +.captcha{ + // padding-left: 25px; + // padding-top: 20px; +} + @media (max-width: 480px) { header { height: auto; @@ -205,4 +212,4 @@ form { } } } -} \ No newline at end of file +} diff --git a/sass/utilities/_variables.scss b/sass/utilities/_variables.scss index 9955ebb..787acc2 100644 --- a/sass/utilities/_variables.scss +++ b/sass/utilities/_variables.scss @@ -1,3 +1,3 @@ $categories: (saude: #00a9bd, seguranca-publica: #e34748, educacao: #ffb400, reducao-da-pobreza: #51d0b3); $categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca-publica: "A Segurança Pública é um direito fundamental, dever do Estado e responsabilidade de todos. A proteção da vida, a disseminação da cultura de paz e a integração dos órgãos e instituições são os maiores compromissos desta política pública.", educacao: "Uma pátria educadora se faz com oportunidades para todos. Nos últimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso à educação em todos os níveis de ensino – da creche à pós-graduação – e para todos os brasileiros, independentemente de sua classe social. E ainda há muito a fazer. O Plano Nacional de Educação (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os municípios na construção de um futuro melhor. Queremos agora um salto na qualidade do ensino.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, 36 milhões de pessoas superaram a miséria na última década e o país saiu do Mapa da Fome das Nações Unidas."); -$container-height: 500px; +$container-height: 570px; -- libgit2 0.21.2