CSS for news home page.

Sidney Ricardo
1 parent 2fc7fb8d
Showing 1 changed file with 104 additions and 11 deletions Show diff stats
page-inicial.css
@@ -157,7 +157,7 @@
   overflow: auto;
 }
 .software-block {
-  height: 220px;
+  height: 218px;
 }
 /*
@@ -173,22 +173,28 @@
 .box-1 .software-block-finality,
 .box-1 .software-block-content {
-  padding-bottom: 32px;
+  /*padding-bottom: 32px;*/
+  text-align: right;
 }
 .software-block-finality {
   background-color:#f4f4f4;
   /*padding:10px;*/
   border-radius: 8px;
   width:142px;
-  height: 185px;
+  height: 216px;
   border: solid 1px #D7D7D7;
   left:0px;
+  text-transform: uppercase;
 }
 .software-block-finality p {
     padding: 12px 12px 0 12px;
-    height: 150px;
+    height: 170px;
     overflow: hidden;
+    text-align: left;
+    border-bottom: solid 1px #D7D7D7;
+    margin: 0 0 7px 0;
+    text-transform: none;
 }
 #content .software-block-finality a,
@@ -205,7 +211,7 @@
     padding-top: 9px;
 }
-.software-block-finality a::after {
+.software-block-finality::after {
     content:'>';
     padding-left: 7px;
     padding-right: 4px;
@@ -215,10 +221,8 @@
     font-size: 15px;
     line-height: 20px;
     text-align: center;
-    margin-left: 5px;
     position: relative;
-    margin-left: 5px;
-    top: 2px;
+    margin: 0 7px 0px 3px;
 }
 .software-block-logo {
@@ -314,7 +318,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 }
 #content .box-1 .software-block {
-    margin: 0px 26px 14px 0px;
+    margin: 0px 18px 14px 0px;
     width: 145px;
 }
@@ -406,16 +410,105 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
     max-height: 60px;
 }
-.block.display-content-block .lead p {
+.block.display-content-block .lead a {
     font-size: 15px;
     font-family: Arial;
-    line-height: 1.3em;    
+    line-height: 1.3em;
+    color: #000000;    
 }
 .block.display-content-block .read_more, .block.display-content-block .tags {
     display: none;
 }
+.lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
+    color: #000000;
+}
+
+/* Tela de Noticias Antigas */
+
+#content .block.display-last-news-block .block-title {
+    border-top: 4px solid #643C67;
+    background: #eee;
+    color: #172738;
+}
+
+.block.display-last-news-block li {
+    min-height: 88px;
+    border-top: 1px solid #eee;
+    padding-top: 24px;
+}
+
+.block.display-last-news-block li:first-child  {
+    border-top: 0px solid #eee;
+}
+
+.block.display-last-news-block .image {
+    width: 106px;
+    height: 63px;
+    position: relative;
+    float:left;
+    border: 0px solid #c0c1c1;
+    border-radius: 8px;
+    margin: 2px 20px 25px 0;
+}
+
+.block.display-last-news-block .image img {
+    max-width: 106px;
+    max-height: 63px;
+    border: 0px solid #c0c1c1;
+    border-radius: 8px;
+}
+
+.block.display-last-news-block .published-at {
+    padding-bottom: 10px;
+    color: #172738;
+}
+
+.block.display-last-news-block .title {
+    padding-left: 0px;
+    padding-right: 0px;
+    max-height: 40px;
+    overflow: hidden;
+    color: #172738;
+}
+
+#content .block.display-last-news-block .title {
+    padding-right: 0px;
+}
+
+.block.display-last-news-block .title a {
+    font-size: 16px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-style: normal;
+    font-weight: bold;
+    line-height: 1.3em;
+    color: #172738
+    padding: 0;
+}
+
+
+.block.display-last-news-block .lead {
+    padding-left: 0px;
+    padding-right: 0px; 
+    max-height: 23px;
+    overflow: hidden;
+}
+
+.block.display-last-news-block .lead a {
+    font-size: 15px;
+    font-family: Arial;
+    line-height: 1.3em;
+    color: #172738;    
+}
+
+.block.display-last-news-block .read_more, .block.display-last-news-block .tags {
+    display: none;
+}
+
+.block.display-last-news-block a:visited, #content .block.display-last-news-block a:visited, .block.display-last-news-block dl.portlet a:visited {
+    color: #172738;
+}
 /*
 .menu-submenu down{
	@@ -157,7 +157,7 @@		@@ -157,7 +157,7 @@
157	overflow: auto;	157	overflow: auto;
158	}	158	}
159	.software-block {	159	.software-block {
160	- height: 220px;	160	+ height: 218px;
161	}	161	}
162		162
163	/*	163	/*
	@@ -173,22 +173,28 @@		@@ -173,22 +173,28 @@
173		173
174	.box-1 .software-block-finality,	174	.box-1 .software-block-finality,
175	.box-1 .software-block-content {	175	.box-1 .software-block-content {
176	- padding-bottom: 32px;	176	+ /padding-bottom: 32px;/
		177	+ text-align: right;
177	}	178	}
178	.software-block-finality {	179	.software-block-finality {
179	background-color:#f4f4f4;	180	background-color:#f4f4f4;
180	/padding:10px;/	181	/padding:10px;/
181	border-radius: 8px;	182	border-radius: 8px;
182	width:142px;	183	width:142px;
183	- height: 185px;	184	+ height: 216px;
184	border: solid 1px #D7D7D7;	185	border: solid 1px #D7D7D7;
185	left:0px;	186	left:0px;
		187	+ text-transform: uppercase;
186	}	188	}
187		189
188	.software-block-finality p {	190	.software-block-finality p {
189	padding: 12px 12px 0 12px;	191	padding: 12px 12px 0 12px;
190	- height: 150px;	192	+ height: 170px;
191	overflow: hidden;	193	overflow: hidden;
		194	+ text-align: left;
		195	+ border-bottom: solid 1px #D7D7D7;
		196	+ margin: 0 0 7px 0;
		197	+ text-transform: none;
192	}	198	}
193		199
194	#content .software-block-finality a,	200	#content .software-block-finality a,
	@@ -205,7 +211,7 @@		@@ -205,7 +211,7 @@
205	padding-top: 9px;	211	padding-top: 9px;
206	}	212	}
207		213
208	-.software-block-finality a::after {	214	+.software-block-finality::after {
209	content:'>';	215	content:'>';
210	padding-left: 7px;	216	padding-left: 7px;
211	padding-right: 4px;	217	padding-right: 4px;
	@@ -215,10 +221,8 @@		@@ -215,10 +221,8 @@
215	font-size: 15px;	221	font-size: 15px;
216	line-height: 20px;	222	line-height: 20px;
217	text-align: center;	223	text-align: center;
218	- margin-left: 5px;
219	position: relative;	224	position: relative;
220	- margin-left: 5px;
221	- top: 2px;	225	+ margin: 0 7px 0px 3px;
222	}	226	}
223		227
224	.software-block-logo {	228	.software-block-logo {
	@@ -314,7 +318,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;		@@ -314,7 +318,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
314	}	318	}
315		319
316	#content .box-1 .software-block {	320	#content .box-1 .software-block {
317	- margin: 0px 26px 14px 0px;	321	+ margin: 0px 18px 14px 0px;
318	width: 145px;	322	width: 145px;
319	}	323	}
320		324
	@@ -406,16 +410,105 @@ margin: -10px 0px 10px 20px; /*-20px 20px;		@@ -406,16 +410,105 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
406	max-height: 60px;	410	max-height: 60px;
407	}	411	}
408		412
409	-.block.display-content-block .lead p {	413	+.block.display-content-block .lead a {
410	font-size: 15px;	414	font-size: 15px;
411	font-family: Arial;	415	font-family: Arial;
412	- line-height: 1.3em;	416	+ line-height: 1.3em;
		417	+ color: #000000;
413	}	418	}
414		419
415	.block.display-content-block .read_more, .block.display-content-block .tags {	420	.block.display-content-block .read_more, .block.display-content-block .tags {
416	display: none;	421	display: none;
417	}	422	}
418		423
		424	+.lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
		425	+ color: #000000;
		426	+}
		427	+
		428	+/* Tela de Noticias Antigas */
		429	+
		430	+#content .block.display-last-news-block .block-title {
		431	+ border-top: 4px solid #643C67;
		432	+ background: #eee;
		433	+ color: #172738;
		434	+}
		435	+
		436	+.block.display-last-news-block li {
		437	+ min-height: 88px;
		438	+ border-top: 1px solid #eee;
		439	+ padding-top: 24px;
		440	+}
		441	+
		442	+.block.display-last-news-block li:first-child {
		443	+ border-top: 0px solid #eee;
		444	+}
		445	+
		446	+.block.display-last-news-block .image {
		447	+ width: 106px;
		448	+ height: 63px;
		449	+ position: relative;
		450	+ float:left;
		451	+ border: 0px solid #c0c1c1;
		452	+ border-radius: 8px;
		453	+ margin: 2px 20px 25px 0;
		454	+}
		455	+
		456	+.block.display-last-news-block .image img {
		457	+ max-width: 106px;
		458	+ max-height: 63px;
		459	+ border: 0px solid #c0c1c1;
		460	+ border-radius: 8px;
		461	+}
		462	+
		463	+.block.display-last-news-block .published-at {
		464	+ padding-bottom: 10px;
		465	+ color: #172738;
		466	+}
		467	+
		468	+.block.display-last-news-block .title {
		469	+ padding-left: 0px;
		470	+ padding-right: 0px;
		471	+ max-height: 40px;
		472	+ overflow: hidden;
		473	+ color: #172738;
		474	+}
		475	+
		476	+#content .block.display-last-news-block .title {
		477	+ padding-right: 0px;
		478	+}
		479	+
		480	+.block.display-last-news-block .title a {
		481	+ font-size: 16px;
		482	+ font-family: Arial, Helvetica, sans-serif;
		483	+ font-style: normal;
		484	+ font-weight: bold;
		485	+ line-height: 1.3em;
		486	+ color: #172738
		487	+ padding: 0;
		488	+}
		489	+
		490	+
		491	+.block.display-last-news-block .lead {
		492	+ padding-left: 0px;
		493	+ padding-right: 0px;
		494	+ max-height: 23px;
		495	+ overflow: hidden;
		496	+}
		497	+
		498	+.block.display-last-news-block .lead a {
		499	+ font-size: 15px;
		500	+ font-family: Arial;
		501	+ line-height: 1.3em;
		502	+ color: #172738;
		503	+}
		504	+
		505	+.block.display-last-news-block .read_more, .block.display-last-news-block .tags {
		506	+ display: none;
		507	+}
		508	+
		509	+.block.display-last-news-block a:visited, #content .block.display-last-news-block a:visited, .block.display-last-news-block dl.portlet a:visited {
		510	+ color: #172738;
		511	+}
419		512
420	/*	513	/*
421	.menu-submenu down{	514	.menu-submenu down{