diff --git a/novo.css b/novo.css index 7e7f095..796c368 100755 --- a/novo.css +++ b/novo.css @@ -143,7 +143,10 @@ nav ul { font-size: 14px; padding: 20px; } .item p { - min-height: 60px; } + overflow: hidden; + min-height: 4em; } + .item:hover { + background-color: #eeeff1; } .category { border-top: 1px dotted #172938; @@ -159,6 +162,40 @@ nav ul { font-weight: 700; padding: 5px 12px 5px 32px; } +#proposal-group { + border-bottom: 1px solid #03316f; + border-left: 1px solid #03316f; + border-right: 1px solid #03316f; + padding: 20px 20px 0; } + #proposal-group ul { + margin-bottom: 0; + margin-top: 20px; + padding-left: 0; } + +#search-input-container { + margin-top: 10px; } + +.proposal-detail .proposal-category { + background-color: #000; + border-top: 0; + display: block; + margin-right: 0; + padding-top: 0; + text-align: left; } +.proposal-detail .proposal-link { + border-radius: 0; + font-size: 18px; + padding: 15px 35px; + text-transform: uppercase; + vertical-align: middle; + width: auto; } +.proposal-selection { + height: 57px; + width: 60%; } + +.select { + padding-left: 0; } + #proposal-category-saude .proposal-link { background-color: #00a9bd; background-image: url(./images/icons/saude.png?3); @@ -177,6 +214,15 @@ li.category-saude { background-repeat: no-repeat; background-size: 22px; } +.saude .category { + background-color: #00a9bd; } +.saude .proposal-link { + background-color: #00a9bd; + background-image: url(./images/icons/saude.png); + background-position: 0 50%; + background-repeat: no-repeat; + background-size: 32px; } + #proposal-category-seguranca .proposal-link { background-color: #e34748; background-image: url(./images/icons/seguranca.png?3); @@ -195,6 +241,15 @@ li.category-seguranca { background-repeat: no-repeat; background-size: 22px; } +.seguranca .category { + background-color: #e34748; } +.seguranca .proposal-link { + background-color: #e34748; + background-image: url(./images/icons/seguranca.png); + background-position: 0 50%; + background-repeat: no-repeat; + background-size: 32px; } + #proposal-category-educacao .proposal-link { background-color: #ffb400; background-image: url(./images/icons/educacao.png?3); @@ -213,6 +268,15 @@ li.category-educacao { background-repeat: no-repeat; background-size: 22px; } +.educacao .category { + background-color: #ffb400; } +.educacao .proposal-link { + background-color: #ffb400; + background-image: url(./images/icons/educacao.png); + background-position: 0 50%; + background-repeat: no-repeat; + background-size: 32px; } + #proposal-category-reducao-da-pobreza .proposal-link { background-color: #51d0b3; background-image: url(./images/icons/reducao-da-pobreza.png?3); @@ -230,3 +294,12 @@ li.category-reducao-da-pobreza { background-position: 3px center; background-repeat: no-repeat; background-size: 22px; } + +.reducao-da-pobreza .category { + background-color: #51d0b3; } +.reducao-da-pobreza .proposal-link { + background-color: #51d0b3; + background-image: url(./images/icons/reducao-da-pobreza.png); + background-position: 0 50%; + background-repeat: no-repeat; + background-size: 32px; } diff --git a/sass/_proposal_categories.scss b/sass/_proposal_categories.scss index d94c316..39671d9 100644 --- a/sass/_proposal_categories.scss +++ b/sass/_proposal_categories.scss @@ -177,7 +177,17 @@ border: none; } -// @media only screen and (max-device-width: 480px) { +@media only screen and (max-device-width: 480px) { + p, .description, label, .info, h2 small{ + font-size: 18px !important; + } +} +@media only screen and (max-width: 630px) { + .proposal-detail .categories select{ + width: 100% !important; + } + +} @media only screen and (max-width: 768px) { .proposal-item { width: 95% !important; diff --git a/sass/novo/_colors.scss b/sass/novo/_colors.scss index 53f8812..2b32689 100644 --- a/sass/novo/_colors.scss +++ b/sass/novo/_colors.scss @@ -36,4 +36,18 @@ background-size: 22px; } } + .#{$category} { + .category { + background-color: $color; + } + .proposal { + &-link { + background-color: $color; + background-image: url(./images/icons/#{$category}.png); + background-position: 0 50%; + background-repeat: no-repeat; + background-size: 32px; + } + } + } } \ No newline at end of file diff --git a/sass/novo/_proposal_categories.scss b/sass/novo/_proposal_categories.scss index d2e4c59..688f4ca 100644 --- a/sass/novo/_proposal_categories.scss +++ b/sass/novo/_proposal_categories.scss @@ -99,7 +99,11 @@ font-size: $small-font-size; padding: $default-spacing-size; p { - min-height: 60px; + overflow: hidden; + min-height: 4em; + } + &:hover { + background-color: #eeeff1; } } .category { diff --git a/sass/novo/_proposal_detail.scss b/sass/novo/_proposal_detail.scss index e69de29..d535e13 100644 --- a/sass/novo/_proposal_detail.scss +++ b/sass/novo/_proposal_detail.scss @@ -0,0 +1,31 @@ +.proposal { + &-detail { + .proposal { + &-category { + background-color: #000; + border-top: 0; + display: block; + margin-right: 0; + padding-top: 0; + text-align: left; + } + &-link { + border-radius: 0; + font-size: $category-title-size; + padding: 15px 35px; + text-transform: uppercase; + vertical-align: middle; + width: auto; + } + } + } + &-selection { + height: 57px; + width: 60%; + + } +} + +.select { + padding-left: 0; +} \ No newline at end of file diff --git a/sass/novo/_proposal_group.scss b/sass/novo/_proposal_group.scss index e69de29..752725a 100644 --- a/sass/novo/_proposal_group.scss +++ b/sass/novo/_proposal_group.scss @@ -0,0 +1,16 @@ +#proposal { + &-group { + border-bottom: 1px solid $header-color; + border-left: 1px solid $header-color; + border-right: 1px solid $header-color; + padding: $default-spacing-size $default-spacing-size 0; + ul { + margin-bottom: 0; + margin-top: $default-spacing-size; + padding-left: 0; + } + } +} +#search-input-container { + margin-top: 10px; +} \ No newline at end of file -- libgit2 0.21.2