Adding format to highlight's block - Issue #85

Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com>

Adding format to highlight's block - Issue #85
Signed-off-by: Álvaro Fernando <alvarofernandoms@gmail.com>
Álvaro Fernando Matos de Souza
1 parent 469cd22c
Showing 2 changed files with 209 additions and 1 deletions Show diff stats
page-inicial.css
style.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: 15px 1px 21px 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: 23px;
+  padding-bottom: 11px;
+  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{
  
@@ -3584,4 +3584,108 @@ input[type=checkbox] {
   margin: auto;
   padding: 2px;
   width: 20px;
-}
 \ No newline at end of file
+}
+
+/******* 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: 15px 1px 21px 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 *******/
...	...	@@ -571,6 +571,110 @@ span.label {
571	571	font-size: 14px;
572	572	}
573	573
	574	+/***** Bloco Highlights *****/
	575	+
	576	+.action-home-index #content .box-3 .block-outer .highlights-block .block-inner-2 .block-title {
	577	+ width: auto;
	578	+ background-color: #eeeff1;
	579	+ border: 1px solid #c0c1c1;
	580	+ border-radius: 8px 8px 0 0;
	581	+ height: 16px;
	582	+ background: #fff;
	583	+ color: #172638;
	584	+ font-size: 16px;
	585	+ font-weight: bold;
	586	+ text-transform: uppercase;
	587	+ padding: 15px 1px 21px 15px;
	588	+ margin: 11px 0px;
	589	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	590	+ margin-bottom: 0;
	591	+ border-bottom: 0;
	592	+}
	593	+
	594	+.action-home-index #content .box-3 .highlights-border {
	595	+ width: auto;
	596	+ border: 1px solid #c0c1c1;
	597	+ max-height: 230px;
	598	+ background: #fff;
	599	+ border-radius: 0 0 8px 8px;
	600	+}
	601	+
	602	+.action-home-index #content .box-3 .highlights-container {
	603	+ width: 100% !important;
	604	+ position: relative;
	605	+ top: 0px;
	606	+ border-top-width: 0px;
	607	+ border-left-width: 0px;
	608	+ border-right-width: 0px;
	609	+ border-bottom-width: 1px;
	610	+ max-height: 230px;
	611	+ background: #fff;
	612	+ border-radius: 0 0 8px 8px;
	613	+ padding-bottom: 0px;
	614	+}
	615	+
	616	+.action-home-index #content .box-3 .highlights-image-link {
	617	+ width: 220px;
	618	+ max-height: 217px;
	619	+ padding-top: 18px;
	620	+ background-color: #fff;
	621	+ border-radius: 0 0 8px 8px;
	622	+}
	623	+
	624	+.action-home-index #content .box-3 .highlights-label {
	625	+ border-top: 4px solid #3b61a7;
	626	+ position: relative;
	627	+ bottom: -18px;
	628	+ width: 190px;
	629	+ max-height: 60px;
	630	+ padding-right: 20px;
	631	+ padding-left: 20px;
	632	+ padding-top: 23px;
	633	+ padding-bottom: 11px;
	634	+ background: #e8e9ec;
	635	+ vertical-align: middle;
	636	+ text-align: center;
	637	+ color: #172638;
	638	+ font-size: 16px;
	639	+ font-weight: normal;
	640	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	641	+}
	642	+
	643	+.action-home-index #content .box-3 .highlights-block-pager {
	644	+ height: 20px;
	645	+ background-color: #FFF;
	646	+ width: 232px;
	647	+ border: 0;
	648	+ float: left;
	649	+ position: static;
	650	+ padding-top: 14px;
	651	+ padding-right: 0px;
	652	+ height: 1px;
	653	+}
	654	+
	655	+/* Primeira imagem */
	656	+.action-home-index #content .box-3 .highlights-block-pager a {
	657	+ color: transparent;
	658	+ background: #c0c1c1 center center no-repeat;
	659	+ text-indent: -5000px;
	660	+ overflow: hidden;
	661	+ height: 6px;
	662	+ width: 6px;
	663	+ display: inline-block;
	664	+ color: transparent;
	665	+ border-radius: 50%;
	666	+ margin: 0 4px;
	667	+ border-color: transparent;
	668	+ z-index: 1000;
	669	+}
	670	+.action-home-index #content .box-3 .highlights-block-pager a.activeSlide {
	671	+ color: transparent;
	672	+ background: #3e67b1;
	673	+ border-color: transparent;
	674	+}
	675	+
	676	+/***** FIM - Bloco Highlights - FIM *****/
	677	+
574	678	/*
575	679	.menu-submenu down{
576	680
...	...
...	...	@@ -3584,4 +3584,108 @@ input[type=checkbox] {
3584	3584	margin: auto;
3585	3585	padding: 2px;
3586	3586	width: 20px;
3587		-}
3588	3587	\ No newline at end of file
	3588	+}
	3589	+
	3590	+/***** Bloco Highlights *****/
	3591	+
	3592	+#content .box-3 .block-outer .highlights-block .block-inner-2 .block-title {
	3593	+ width: auto;
	3594	+ background-color: #eeeff1;
	3595	+ border: 1px solid #c0c1c1;
	3596	+ border-radius: 8px 8px 0 0;
	3597	+ height: 16px;
	3598	+ background: #fff;
	3599	+ color: #172638;
	3600	+ font-size: 16px;
	3601	+ font-weight: bold;
	3602	+ text-transform: uppercase;
	3603	+ padding: 15px 1px 21px 15px;
	3604	+ margin: 11px 0px;
	3605	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	3606	+ margin-bottom: 0;
	3607	+ border-bottom: 0;
	3608	+}
	3609	+
	3610	+#content .box-3 .highlights-border {
	3611	+ width: auto;
	3612	+ border: 1px solid #c0c1c1;
	3613	+ max-height: 230px;
	3614	+ background: #fff;
	3615	+ border-radius: 0 0 8px 8px;
	3616	+}
	3617	+
	3618	+#content .box-3 .highlights-container {
	3619	+ width: 100% !important;
	3620	+ position: relative;
	3621	+ top: 0px;
	3622	+ border-top-width: 0px;
	3623	+ border-left-width: 0px;
	3624	+ border-right-width: 0px;
	3625	+ border-bottom-width: 1px;
	3626	+ max-height: 230px;
	3627	+ background: #fff;
	3628	+ border-radius: 0 0 8px 8px;
	3629	+ padding-bottom: 0px;
	3630	+}
	3631	+
	3632	+#content .box-3 .highlights-image-link {
	3633	+ width: 220px;
	3634	+ max-height: 217px;
	3635	+ padding-top: 18px;
	3636	+ background-color: #fff;
	3637	+ border-radius: 0 0 8px 8px;
	3638	+}
	3639	+
	3640	+#content .box-3 .highlights-label {
	3641	+ border-top: 4px solid #3b61a7;
	3642	+ position: relative;
	3643	+ bottom: -18px;
	3644	+ width: auto;
	3645	+ height: 74px;
	3646	+ padding-right: 10px;
	3647	+ padding-left: 10px;
	3648	+ padding-top: 10px;
	3649	+ padding-bottom: 10px;
	3650	+ background: #e8e9ec;
	3651	+ vertical-align: middle;
	3652	+ text-align: center;
	3653	+ color: #172638;
	3654	+ font-size: 16px;
	3655	+ font-weight: normal;
	3656	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	3657	+}
	3658	+
	3659	+#content .box-3 .highlights-block-pager {
	3660	+ height: 20px;
	3661	+ background-color: #FFF;
	3662	+ width: 190px;
	3663	+ border: 0;
	3664	+ float: left;
	3665	+ position: static;
	3666	+ padding-top: 14px;
	3667	+ padding-right: 0px;
	3668	+ height: 1px;
	3669	+}
	3670	+
	3671	+/* Primeira imagem */
	3672	+#content .box-3 .highlights-block-pager a {
	3673	+ color: transparent;
	3674	+ background: #c0c1c1 center no-repeat;
	3675	+ text-indent: -5000px;
	3676	+ overflow: hidden;
	3677	+ height: 6px;
	3678	+ width: 6px;
	3679	+ display: inline-block;
	3680	+ color: transparent;
	3681	+ border-radius: 50%;
	3682	+ margin: 0 4px;
	3683	+ border-color: transparent;
	3684	+ z-index: 1000;
	3685	+}
	3686	+#content .box-3 .highlights-block-pager a.activeSlide {
	3687	+ color: transparent;
	3688	+ background: #3e67b1;
	3689	+ border-color: transparent;
	3690	+}
	3691	+
	3692	+/***** FIM - Bloco Highlights - FIM *****/
...	...