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,6 +571,110 @@ span.label {
571	font-size: 14px;	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	.menu-submenu down{	679	.menu-submenu down{
576		680
	@@ -3584,4 +3584,108 @@ input[type=checkbox] {		@@ -3584,4 +3584,108 @@ input[type=checkbox] {
3584	margin: auto;	3584	margin: auto;
3585	padding: 2px;	3585	padding: 2px;
3586	width: 20px;	3586	width: 20px;
3587	-}
3588	\ No newline at end of file	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 *****/