From 2302cd345e4420a66fa4ddb959b98e402baba9cd Mon Sep 17 00:00:00 2001 From: Álvaro Fernando Date: Tue, 28 Jul 2015 15:59:05 -0300 Subject: [PATCH] Adding format to highlight's block - Issue #85 --- page-inicial.css | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 208 insertions(+), 0 deletions(-) diff --git a/page-inicial.css b/page-inicial.css index 593950f..3beb10c 100644 --- a/page-inicial.css +++ b/page-inicial.css @@ -571,6 +571,110 @@ span.label { font-size: 14px; } +/******* Bloco Highlights *******/ + +.action-home-index #content .box-3 .block-outer .highlights-block .block-inner-2 .block-title { + width: auto; + background-color: #eeeff1; + border: 1px solid #c0c1c1; + border-radius: 8px 8px 0 0; + height: 16px; + background: #fff; + color: #172638; + font-size: 16px; + font-weight: bold; + text-transform: uppercase; + padding: 18px 1px 18px 15px; + margin: 11px 0px; + font-family: "open_sansbold", Arial, Helvetica, sans-serif; + margin-bottom: 0; + border-bottom: 0; +} + +.action-home-index #content .box-3 .highlights-border { + width: auto; + border: 1px solid #c0c1c1; + max-height: 230px; + background: #fff; + border-radius: 0 0 8px 8px; +} + +.action-home-index #content .box-3 .highlights-container { + width: 100% !important; + position: relative; + top: 0px; + border-top-width: 0px; + border-left-width: 0px; + border-right-width: 0px; + border-bottom-width: 1px; + max-height: 230px; + background: #fff; + border-radius: 0 0 8px 8px; + padding-bottom: 0px; +} + +.action-home-index #content .box-3 .highlights-image-link { + width: 220px; + max-height: 217px; + padding-top: 18px; + background-color: #fff; + border-radius: 0 0 8px 8px; +} + +.action-home-index #content .box-3 .highlights-label { + border-top: 4px solid #3b61a7; + position: relative; + bottom: -18px; + width: 190px; + max-height: 60px; + padding-right: 20px; + padding-left: 20px; + padding-top: 18px; + padding-bottom: 16px; + background: #e8e9ec; + vertical-align: middle; + text-align: center; + color: #172638; + font-size: 16px; + font-weight: normal; + font-family: "open_sansbold", Arial, Helvetica, sans-serif; +} + +.action-home-index #content .box-3 .highlights-block-pager { + height: 20px; + background-color: #FFF; + width: 232px; + border: 0; + float: left; + position: static; + padding-top: 14px; + padding-right: 0px; + height: 1px; +} + +/* Primeira imagem */ +.action-home-index #content .box-3 .highlights-block-pager a { + color: transparent; + background: #c0c1c1 center center no-repeat; + text-indent: -5000px; + overflow: hidden; + height: 6px; + width: 6px; + display: inline-block; + color: transparent; + border-radius: 50%; + margin: 0 4px; + border-color: transparent; + z-index: 1000; +} +.action-home-index #content .box-3 .highlights-block-pager a.activeSlide { + color: transparent; + background: #3e67b1; + border-color: transparent; +} + +/******* FIM - Bloco Highlights - FIM *******/ + /* .menu-submenu down{ diff --git a/style.css b/style.css index 4ca32df..e53431e 100644 --- a/style.css +++ b/style.css @@ -3545,3 +3545,107 @@ input[type=checkbox] { #content .main-content .tiny-mce-article .article-body-tiny-mce-article p a { color: #2c66ce; } + +/******* Bloco Highlights *******/ + +#content .box-3 .block-outer .highlights-block .block-inner-2 .block-title { + width: auto; + background-color: #eeeff1; + border: 1px solid #c0c1c1; + border-radius: 8px 8px 0 0; + height: 16px; + background: #fff; + color: #172638; + font-size: 16px; + font-weight: bold; + text-transform: uppercase; + padding: 18px 1px 18px 15px; + margin: 11px 0px; + font-family: "open_sansbold", Arial, Helvetica, sans-serif; + margin-bottom: 0; + border-bottom: 0; +} + +#content .box-3 .highlights-border { + width: auto; + border: 1px solid #c0c1c1; + max-height: 230px; + background: #fff; + border-radius: 0 0 8px 8px; +} + +#content .box-3 .highlights-container { + width: 100% !important; + position: relative; + top: 0px; + border-top-width: 0px; + border-left-width: 0px; + border-right-width: 0px; + border-bottom-width: 1px; + max-height: 230px; + background: #fff; + border-radius: 0 0 8px 8px; + padding-bottom: 0px; +} + +#content .box-3 .highlights-image-link { + width: 220px; + max-height: 217px; + padding-top: 18px; + background-color: #fff; + border-radius: 0 0 8px 8px; +} + +#content .box-3 .highlights-label { + border-top: 4px solid #3b61a7; + position: relative; + bottom: -18px; + width: auto; + height: 74px; + padding-right: 10px; + padding-left: 10px; + padding-top: 10px; + padding-bottom: 10px; + background: #e8e9ec; + vertical-align: middle; + text-align: center; + color: #172638; + font-size: 16px; + font-weight: normal; + font-family: "open_sansbold", Arial, Helvetica, sans-serif; +} + +#content .box-3 .highlights-block-pager { + height: 20px; + background-color: #FFF; + width: 190px; + border: 0; + float: left; + position: static; + padding-top: 14px; + padding-right: 0px; + height: 1px; +} + +/* Primeira imagem */ +#content .box-3 .highlights-block-pager a { + color: transparent; + background: #c0c1c1 center no-repeat; + text-indent: -5000px; + overflow: hidden; + height: 6px; + width: 6px; + display: inline-block; + color: transparent; + border-radius: 50%; + margin: 0 4px; + border-color: transparent; + z-index: 1000; +} +#content .box-3 .highlights-block-pager a.activeSlide { + color: transparent; + background: #3e67b1; + border-color: transparent; +} + +/******* FIM - Bloco Highlights - FIM *******/ -- libgit2 0.21.2