From 9cc7a83a0e496a6724dddafb0bb040c92745dc8f Mon Sep 17 00:00:00 2001 From: Rafael Diego Date: Fri, 18 Sep 2015 14:33:12 -0300 Subject: [PATCH] alterações no css do conteúdo --- src/app/layout.scss | 53 ++++++++++++++++++++++++++++++----------------------- 1 file changed, 30 insertions(+), 23 deletions(-) diff --git a/src/app/layout.scss b/src/app/layout.scss index d90ca29..7a462f5 100644 --- a/src/app/layout.scss +++ b/src/app/layout.scss @@ -9,6 +9,7 @@ display: table-cell; float: none; height: 100%; + background-color: #181e21; } .col-top { @@ -124,12 +125,19 @@ } .vertical-padding { - padding-top: 15px; - padding-bottom: 15px; + padding-top: 15px; + padding-bottom: 15px; } -.no-space-left { margin-left: 0; padding-left: 0;} -.no-space-right { margin-right: 0; padding-right: 0;} +.no-space-left { + margin-left: 0; + padding-left: 0; +} + +.no-space-right { + margin-right: 0; + padding-right: 0; +} .text-center-sm { @media screen and (max-width: $screen-sm) { @@ -141,9 +149,10 @@ background-color: $defaultblue; color: #fff; font-weight: bold; - &:hover, - &:focus {color: #fff;} + &:focus { + color: #fff; + } } .has-error { @@ -152,8 +161,8 @@ } // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais -.modal-termos-uso{ - &-header{ +.modal-termos-uso { + &-header { border-bottom: none; padding: 0px; min-height: 10px; @@ -163,12 +172,10 @@ top: -30px; right: 0px; } - &-body { padding: 25px 35px; height: 500px; - - &-inner{ + &-inner { background-color: lightgray; overflow-y: auto; padding: 15px; @@ -204,8 +211,8 @@ ul.list-color { } ul.list-color li:before { - - @each $category, $color in $categories { + @each $category, + $color in $categories { .#{$category} & { color: $color; } @@ -218,11 +225,12 @@ ul.list-color li:before { font-size: 20px; position: relative; top: 2px; + color: #2a9677; } -ul.list-color li { +ul li { padding-left: 2em; - padding-bottom: 10px; + padding-bottom: 15px; text-indent: -0.7em; } @@ -262,7 +270,9 @@ ul.list-color li { .left-border-gray { border-left: 4px solid #d1d6d9; margin-bottom: 10px; - ul.list-color li:last-child { padding-bottom: 0; } + ul.list-color li:last-child { + padding-bottom: 0; + } @media (max-width: 768px) { border: none; } @@ -304,7 +314,6 @@ blockquote { font-size: 140%; padding: 50px 0 0 50px; position: relative; - &:before { content: "⌜"; font-size: 200px; @@ -314,19 +323,18 @@ blockquote { font-weight: bolder; left: -17px; top: -68px; - @each $category, $color in $categories { + @each $category, + $color in $categories { .#{$category} & { color: $color; } } } - } // .cultura blockquote::before { // color: #cd999b; // } - // Sobreescreve a classe do bootstrap .close { color: white; @@ -337,7 +345,6 @@ blockquote { // .img-responsive { // width: 100%; // } - //strong { // @each $category, $color in $categories { // .#{$category} & { @@ -345,9 +352,9 @@ blockquote { // } // } //} - .top-border-theme { - @each $category, $color in $categories { + @each $category, + $color in $categories { .#{$category} & { border-color: $color; } -- libgit2 0.21.2