From 9f931698614035c41ac26f65d72aaaf708b8b806 Mon Sep 17 00:00:00 2001 From: Evandro Junior Date: Fri, 20 May 2016 10:33:39 -0300 Subject: [PATCH] adapting link block to work on all layout positions --- themes/participa-consulta/app/blocks.scss | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ themes/participa-consulta/app/navbar.scss | 1 - themes/participa-consulta/app/participa-consulta.scss | 81 +++++++++++---------------------------------------------------------------------- 3 files changed, 81 insertions(+), 71 deletions(-) create mode 100644 themes/participa-consulta/app/blocks.scss diff --git a/themes/participa-consulta/app/blocks.scss b/themes/participa-consulta/app/blocks.scss new file mode 100644 index 0000000..063ae13 --- /dev/null +++ b/themes/participa-consulta/app/blocks.scss @@ -0,0 +1,70 @@ +.block-head-with-icon { + padding: 15px 15px 15px 55px; +} + +.content-wrapper .block { + .panel-heading { + border: none; + border-radius: 3px 3px 0 0; + font-family: "Ubuntu Medium"; + font-size: 15px; + font-variant: normal; + font-weight: normal; + line-height: 30px; + padding: 15px 15px 15px 15px; + text-transform: capitalize; + background-size: 30px 30px; + background: #DAE1C4; + color: #4F9CAC; + } + + &.membersblock { + .panel-heading { + @extend .block-head-with-icon; + background: #DAE1C4 url("../assets/icons/participa-consulta/pessoas.png") no-repeat 15px center; + color: #4F9CAC; + } + } + + &.statisticsblock { + .panel-heading { + @extend .block-head-with-icon; + background: #69677C url("../assets/icons/participa-consulta/indicadores.png") no-repeat 15px center; + color: #DAE1C4; + } + } +} + +.col-md-7 { + .panel-body.linklistblock { + padding: 0px; + } + + .link-list-block { + font-family: "Ubuntu"; + font-size: 12px; + background: #69677C; + border-radius: 0 0 3px 3px; + padding: 4px 10px; + position: relative; + + div, a { + display: inline-block; + background: #69677C; + border-radius: 0; + color: #FFF; + font-family: "Ubuntu Medium"; + font-size: 16px; + margin: 0; + padding-right: 15px; + font-weight: bold; + } + + div:first-child { + padding: 15px 5px 15px 50px; + background: #69677C url("../assets/icons/participa-consulta/home.png") no-repeat 7px center; + color: #FFF; + background-size: 30px 30px; + } + } +} diff --git a/themes/participa-consulta/app/navbar.scss b/themes/participa-consulta/app/navbar.scss index 4410212..face579 100644 --- a/themes/participa-consulta/app/navbar.scss +++ b/themes/participa-consulta/app/navbar.scss @@ -1,6 +1,5 @@ .navbar { min-height: 123px; -/* background:url("../assets/images/redebrasil/bg-header.png") repeat-x;*/ background-color: #f9c404; background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #fcdd4e), color-stop(100%, #f9c404)); diff --git a/themes/participa-consulta/app/participa-consulta.scss b/themes/participa-consulta/app/participa-consulta.scss index ad0aad0..4cd0e12 100644 --- a/themes/participa-consulta/app/participa-consulta.scss +++ b/themes/participa-consulta/app/participa-consulta.scss @@ -1,94 +1,35 @@ -body > .ng-scope { - min-height: 100%; -} - -html, body { - height:100%; -} - -@font-face{ +@font-face { font-family: 'Ubuntu'; font-weight: 300; font-style: normal; src: url('../assets/fonts/participa-consulta/Ubuntu-R.ttf'); } -@font-face{ - font-family: 'Ubuntu Mediun'; +@font-face { + font-family: 'Ubuntu Medium'; font-weight: 300; font-style: normal; src: url('../assets/fonts/participa-consulta/Ubuntu-M.ttf'); } -@font-face{ +@font-face { font-family: 'Ubuntu'; font-weight: 300; font-style: italic; src: url('../assets/fonts/participa-consulta/Ubuntu-RI.ttf'); } -.box-default{ - border: none; - border-radius: 3px 3px 0 0; - font-family: "Ubuntu Mediun"; - font-size: 15px; - font-variant: normal; - font-weight: normal; - line-height: 30px; - padding: 15px 15px 15px 55px; - text-transform: capitalize; - background-size: 30px 30px; -} - -.skin-whbl .panel-default > .panel-heading, .skin-whbl .notifications-list .item-footer { +.skin-whbl .notifications-list .item-footer { background: #DAE1C4; color: #4F9CAC; } -.panel-body.linklistblock{ - padding: 0px; -} - -.skin-whbl .membersblock > .panel-heading{ - @extend .box-default; - background: #DAE1C4 url("../assets/icons/participa-consulta/pessoas.png") no-repeat 15px center; - color: #4F9CAC; -} - -.skin-whbl .statisticsblock > .panel-heading{ - @extend .box-default; - background: #69677C url("../assets/icons/participa-consulta/indicadores.png") no-repeat 15px center; - color: #DAE1C4; -} - -.link-list-block{ - font-family: "Ubuntu"; - font-size: 12px; - background: #69677C; - border-radius: 0 0 3px 3px; - padding: 20px; - position: relative; -} - -.link-list-block div, .link-list-block a{ - display: inline-block; - background: #69677C; - border-radius: 0; - color: #FFF; - font-family: "Ubuntu Mediun"; - font-size: 16px; - margin: 0; - padding-right: 15px; - font-weight: bold; -} - -.link-list-block div:first-child{ - padding: 15px 15px 15px 55px; - background: #69677C url("../assets/icons/participa-consulta/home.png") no-repeat 15px center; - color: #FFF; - background-size: 30px 30px; +.profile-header, .profile-footer{ + text-align: center; } -.profile-header{ - text-align: center; +.container-fluid .navbar-header .navbar-toggle{ + &:hover, &:focus { + background-color: #7E7E7E; + } } -- libgit2 0.21.2