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 db2bf070
Showing 2 changed files with 208 additions and 0 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: 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{
  
@@ -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 *******/
...	...	@@ -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: 18px 1px 18px 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: 18px;
	633	+ padding-bottom: 16px;
	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
...	...
...	...	@@ -3545,3 +3545,107 @@ input[type=checkbox] {
3545	3545	#content .main-content .tiny-mce-article .article-body-tiny-mce-article p a {
3546	3546	color: #2c66ce;
3547	3547	}
	3548	+
	3549	+/***** Bloco Highlights *****/
	3550	+
	3551	+#content .box-3 .block-outer .highlights-block .block-inner-2 .block-title {
	3552	+ width: auto;
	3553	+ background-color: #eeeff1;
	3554	+ border: 1px solid #c0c1c1;
	3555	+ border-radius: 8px 8px 0 0;
	3556	+ height: 16px;
	3557	+ background: #fff;
	3558	+ color: #172638;
	3559	+ font-size: 16px;
	3560	+ font-weight: bold;
	3561	+ text-transform: uppercase;
	3562	+ padding: 18px 1px 18px 15px;
	3563	+ margin: 11px 0px;
	3564	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	3565	+ margin-bottom: 0;
	3566	+ border-bottom: 0;
	3567	+}
	3568	+
	3569	+#content .box-3 .highlights-border {
	3570	+ width: auto;
	3571	+ border: 1px solid #c0c1c1;
	3572	+ max-height: 230px;
	3573	+ background: #fff;
	3574	+ border-radius: 0 0 8px 8px;
	3575	+}
	3576	+
	3577	+#content .box-3 .highlights-container {
	3578	+ width: 100% !important;
	3579	+ position: relative;
	3580	+ top: 0px;
	3581	+ border-top-width: 0px;
	3582	+ border-left-width: 0px;
	3583	+ border-right-width: 0px;
	3584	+ border-bottom-width: 1px;
	3585	+ max-height: 230px;
	3586	+ background: #fff;
	3587	+ border-radius: 0 0 8px 8px;
	3588	+ padding-bottom: 0px;
	3589	+}
	3590	+
	3591	+#content .box-3 .highlights-image-link {
	3592	+ width: 220px;
	3593	+ max-height: 217px;
	3594	+ padding-top: 18px;
	3595	+ background-color: #fff;
	3596	+ border-radius: 0 0 8px 8px;
	3597	+}
	3598	+
	3599	+#content .box-3 .highlights-label {
	3600	+ border-top: 4px solid #3b61a7;
	3601	+ position: relative;
	3602	+ bottom: -18px;
	3603	+ width: auto;
	3604	+ height: 74px;
	3605	+ padding-right: 10px;
	3606	+ padding-left: 10px;
	3607	+ padding-top: 10px;
	3608	+ padding-bottom: 10px;
	3609	+ background: #e8e9ec;
	3610	+ vertical-align: middle;
	3611	+ text-align: center;
	3612	+ color: #172638;
	3613	+ font-size: 16px;
	3614	+ font-weight: normal;
	3615	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	3616	+}
	3617	+
	3618	+#content .box-3 .highlights-block-pager {
	3619	+ height: 20px;
	3620	+ background-color: #FFF;
	3621	+ width: 190px;
	3622	+ border: 0;
	3623	+ float: left;
	3624	+ position: static;
	3625	+ padding-top: 14px;
	3626	+ padding-right: 0px;
	3627	+ height: 1px;
	3628	+}
	3629	+
	3630	+/* Primeira imagem */
	3631	+#content .box-3 .highlights-block-pager a {
	3632	+ color: transparent;
	3633	+ background: #c0c1c1 center no-repeat;
	3634	+ text-indent: -5000px;
	3635	+ overflow: hidden;
	3636	+ height: 6px;
	3637	+ width: 6px;
	3638	+ display: inline-block;
	3639	+ color: transparent;
	3640	+ border-radius: 50%;
	3641	+ margin: 0 4px;
	3642	+ border-color: transparent;
	3643	+ z-index: 1000;
	3644	+}
	3645	+#content .box-3 .highlights-block-pager a.activeSlide {
	3646	+ color: transparent;
	3647	+ background: #3e67b1;
	3648	+ border-color: transparent;
	3649	+}
	3650	+
	3651	+/***** FIM - Bloco Highlights - FIM *****/
...	...