Adjustments in the area of blog and blog tab - #437

Juliana · Melissa Wen
1 parent 233bad74
Showing 2 changed files with 26 additions and 10 deletions Show diff stats
src/noosfero-spb/noosfero-spb-theme/css/community-pages.css
src/noosfero-spb/noosfero-spb-theme/css/news-page.css
@@ -409,18 +409,19 @@
 }
 #content #blog-tab .blog .blog-post h1{
-  margin: 0px 0px 10px 0px;
+  margin: 0px 0px 4px 0px;
   padding: 0px 0px 0px 0px;
-  max-width: 555px;
+  max-width: 100%;
   max-height: 40px;
   border: none;
   font: normal normal bold 16px/20px Arial;
   overflow: hidden;
-  display: inline-block;
+  display: block;
+  text-align: left;
 }
 #content #blog-tab .blog .blog-post .post-pic{
-  margin:0 20px 5px 0px;
+  margin:0 20px 25px 0px;
   border-radius: 4px;
   height: 62px;
   width: 19%;
@@ -477,6 +478,7 @@
   color: #172738;
   padding-left:0px;
   text-align: left;
+  display: inline-block;
 }
 #content #blog-tab .blog .blog-post.position-1 .date{
   padding-left:0px;
@@ -57,13 +57,14 @@
 #content .blog .blog-post h1.title {
   margin: 0px 0px 10px 0px;
-  padding: 0px 0px 0px 0px;
-  max-width: 555px;
+  padding: 0px;
+  max-width: 100%;
   max-height: 40px;
   border: none;
   font: normal normal bold 16px/20px arial;
   overflow: hidden;
-  display: inline-block;
+  display: block;
+  white-space: normal;
 }
 #content .blog .blog-post h1.title a {
@@ -148,15 +149,24 @@
 /** Secondary News' Block **/
+
+#content .blog .page-1 .position-1 .title,
+#content .blog .page-1 .position-2 .title,
+#content .blog .page-1 .position-3 .title,
+#content .blog .page-1 .position-4 .title {
+  display: inline-block;
+}
+
 #content .blog .page-1 .position-2,
 #content .blog .page-1 .position-3,
 #content .blog .page-1 .position-4 {
-  margin: 0px 0px 0px 0px;
-  padding: 20px  21px 45px 0px;
-  height: 235px;
+  margin: 0px;
+  padding: 20px 21px 5px 0px;
+  height: auto;
   width: 30.5%;
   display: block;
   float: left;
+  border-bottom: none;
 }
 #content .blog .page-1 .position-2 p,
@@ -200,6 +210,10 @@
 /* This rule serves to maintain the element in position-5 clear the
  *   configurations of float.
  */
+#content .blog .page-1 .blog-post.position-5{
+  border-top:1px solid #ccc;
+}
+
 #content .blog .blog-post.position-5 {
   clear: both;
 }