Changing box color and design

Sidney Ricardo
1 parent fdaf6bc4
Showing 2 changed files with 102 additions and 10 deletions Show diff stats
cabecalho-cinza-theme.css
style.css
@@ -718,6 +718,73 @@ color:#000000;
     height: 100%;
     display: block;
 }
+
+/* Cores dos sideboxs */
+
+
+/* Cor padrao do box */
+#content .box .block-title {
+    border-top: 4px solid #2c66ce;
+    background: #eee;
+    color:#2c66ce;
+}
+
+#content .box .read-more {
+    border-top: 1px solid #2c66ce;
+    background: #eee;
+}
+
+#content .read-more a {
+    color: #000000;
+}
+
+#content .box .read-more a::after {
+	background: #2c66ce;
+}
+
+/* Todos os blocos da coluna da esquerda da mesma cor */
+#content .box-2 .block-outer .block-title {
+	border-top: 4px solid #4562b1;
+	background: #eee;
+	color: #4562b1;
+}
+
+#content .box-2 .block-outer .read-more {
+    border-top: 1px solid #4562b1;
+    background: #eee;
+}
+
+#content .box-2 .block-outer .read-more a {
+    color: #000000;
+}
+
+#content .box-2 .block-outer .read-more a::after {
+	color: #FFFFFF;
+	background: #4562b1;
+}
+
+/* Bloco de artigo sempre da mesma cor */
+
+#content .box .article-block .block-title {
+	border-top: 4px solid #08A649;
+	background: #eee;
+	color: #08A649;
+}
+
+#content .box .block-outer .article-block  .read-more {
+    border-top: 1px solid #08A649;
+    background: #eee;
+}
+
+#content .box .block-outer .article-block .read-more a {
+    color: #000000;
+}
+
+#content .box .block-outer .article-block .read-more a::after {
+	color: #FFFFFF;
+	background: #08A649;
+}
+
 /************* FIM Bar Psocial Style - Menu Horizontal**************/
@@ -809,7 +876,7 @@ margin-left:0!important
 }
 footer {
-background:#d5d5d5;/#ecedf1*/
+background:#d5d5d5;
 }
 footer .footer-atalhos {
 background:#fff;
@@ -408,21 +408,46 @@ p {
     padding: 0 0 1em;
 }
+/* padrao do box */
 #content .box .block-title {
     font-size: 12px;
     text-align: left;
-    border-top: 4px solid #2c66ce;/*#757575;*/
-    background: #eee; /*#eeefff;*/
     border-bottom: none;
-    color:#2c66ce; /*#757575;*/
     padding: 8px 8px 24px 10px;
     text-transform: uppercase;
-    
     font-family: "open_sansbold", Arial, Helvetica, sans-serif;
     font-variant: normal;
-    /*margin: 0*/;
 }
+#content .box .read-more {
+    font-size: 10px;
+    text-align: right;
+    border-bottom: none;    
+    padding: 10px 8px 8px 8px;
+    text-transform: uppercase;    
+    font-family: "open_sans", Arial, Helvetica, sans-serif;
+    font-variant: normal;
+}
+
+#content .read-more a {
+    line-height: 20px;
+    margin-left: 15px;
+}
+
+#content .box .read-more a::after {
+	content:'>';
+	padding-left: 8px;
+	padding-right: 5px;
+	margin-left: 5px;
+	border-radius: 4px;
+	font-size: 16px;
+	line-height: 20px;
+	text-align: center;
+	font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+}
+
+
+
 #content .box-1 .block-title {
     font-size: 20px;
     text-transform: none;
@@ -430,7 +455,6 @@ p {
 }
 #content .box-1 .block-title span{
-   /* background-color: #fff;*/
     background-image: none;
     padding: 0 1em 0 0;
 }
@@ -732,9 +756,10 @@ p {
 }
-#content .read-more a {
-    margin-right: 10px;
-}
+/* nao mostrar seta neste tipo de box */
+#content .blog-post .short-post .read-more a::after {
+	content: none;
+	}
 .comment-info {
     line-height: 1em;
	@@ -718,6 +718,73 @@ color:#000000;		@@ -718,6 +718,73 @@ color:#000000;
718	height: 100%;	718	height: 100%;
719	display: block;	719	display: block;
720	}	720	}
		721	+
		722	+/* Cores dos sideboxs */
		723	+
		724	+
		725	+/* Cor padrao do box */
		726	+#content .box .block-title {
		727	+ border-top: 4px solid #2c66ce;
		728	+ background: #eee;
		729	+ color:#2c66ce;
		730	+}
		731	+
		732	+#content .box .read-more {
		733	+ border-top: 1px solid #2c66ce;
		734	+ background: #eee;
		735	+}
		736	+
		737	+#content .read-more a {
		738	+ color: #000000;
		739	+}
		740	+
		741	+#content .box .read-more a::after {
		742	+ background: #2c66ce;
		743	+}
		744	+
		745	+/* Todos os blocos da coluna da esquerda da mesma cor */
		746	+#content .box-2 .block-outer .block-title {
		747	+ border-top: 4px solid #4562b1;
		748	+ background: #eee;
		749	+ color: #4562b1;
		750	+}
		751	+
		752	+#content .box-2 .block-outer .read-more {
		753	+ border-top: 1px solid #4562b1;
		754	+ background: #eee;
		755	+}
		756	+
		757	+#content .box-2 .block-outer .read-more a {
		758	+ color: #000000;
		759	+}
		760	+
		761	+#content .box-2 .block-outer .read-more a::after {
		762	+ color: #FFFFFF;
		763	+ background: #4562b1;
		764	+}
		765	+
		766	+/* Bloco de artigo sempre da mesma cor */
		767	+
		768	+#content .box .article-block .block-title {
		769	+ border-top: 4px solid #08A649;
		770	+ background: #eee;
		771	+ color: #08A649;
		772	+}
		773	+
		774	+#content .box .block-outer .article-block .read-more {
		775	+ border-top: 1px solid #08A649;
		776	+ background: #eee;
		777	+}
		778	+
		779	+#content .box .block-outer .article-block .read-more a {
		780	+ color: #000000;
		781	+}
		782	+
		783	+#content .box .block-outer .article-block .read-more a::after {
		784	+ color: #FFFFFF;
		785	+ background: #08A649;
		786	+}
		787	+
721	/*********** FIM Bar Psocial Style - Menu Horizontal************/	788	/*********** FIM Bar Psocial Style - Menu Horizontal************/
722		789
723		790
	@@ -809,7 +876,7 @@ margin-left:0!important		@@ -809,7 +876,7 @@ margin-left:0!important
809	}	876	}
810		877
811	footer {	878	footer {
812	-background:#d5d5d5;/#ecedf1*/	879	+background:#d5d5d5;
813	}	880	}
814	footer .footer-atalhos {	881	footer .footer-atalhos {
815	background:#fff;	882	background:#fff;