Adjusting stylesheet of news page

Removing unnecessary rules Adding reduced forms of statements 'margin', 'border', 'padding' and 'background'

Adjusting stylesheet of news page
Removing unnecessary rules Adding reduced forms of statements 'margin', 'border', 'padding' and 'background'
Tomáz Martins
1 parent f4dc8b83
Showing 1 changed file with 20 additions and 46 deletions Show diff stats
css/news-page.css
 /*** News Page's homepage ***/
 /** Header's Block **/
-#content .main-block .blog #article-header h1.title {
+#content .blog #article-header h1.title {
   margin: 0px 0px 0px 0px;
   border: none;
   padding: 0px 0px 0px 0px;
   color: #FF0366;
-  font: normal normal 300 16px/37px 'open sans';
   text-transform: uppercase;
+  font: normal normal normal 16px/37px 'open sans';
 }
 /* WARNING:
@@ -26,11 +26,13 @@
 /** General Properties of News **/
 #content .blog p {
-  margin-bottom: 5px;
+  margin: 0px 0px 5px 0px;
   max-height: 25px;
-  overflow: hidden;
+  color: #172738;
   text-align: left;
   text-overflow: ellipsis;
+  font: 14px/21px arial;
+  overflow: hidden;
 }
 #content .blog .publishing-info {
@@ -45,14 +47,10 @@
 }
 #content .blog .blog-post h1.title {
-  margin-bottom: 10px;
+  margin: 0px 0px 10px 0px;
   border: none;
   padding: 0px 0px 0px 0px;
-}
-
-#content .blog .blog-post .title a {
-  line-height: 20px;
-  font: normal normal bold 16px arial;
+  font: normal normal bold 16px/20px arial;
 }
 /* WARNING:
@@ -67,14 +65,13 @@
 #content .blog .blog-post .publishing-info {
   border-top: none;
-  line-height: 21px;
   color: #172838;
-  font: 13px arial;
+  font: 13px/21px arial;
 }
 #content .blog .blog-post .publishing-info .date {
+  margin: 0px 0px 5px 0px;
   display: block;
-  margin-bottom: 5px;
 }
 #content .blog .blog-post .post-pic {
@@ -82,23 +79,17 @@
   border-radius: 4px;
   height: 80px;
   width: 20%;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat; 
+  background: center/cover no-repeat;
   float: left;
 }
 #content .blog .blog-post .short-post {
-  max-height: 50px;
+  max-height: 35px;
   text-align: justify;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-#content .blog .blog-post .short-post p {
-  color: #172738;
-}
-
 #content .blog #article-actions:last-child {
   border-top: none;
 }
@@ -113,11 +104,15 @@
 }
 #content .blog .page-1 .position-1 .post-pic {
-  margin-bottom: 13px;
+  margin: 0px 0px 13px 0px;
   max-height: 320px;
   height: 320px;
   width: 100%;
 }
+
+#content .blog .page-1 .position-1 .short-post {
+  max-height: 50px;
+}
 /** end of Main News' Block **/
@@ -125,11 +120,11 @@
 #content .blog .page-1 .position-2,
 #content .blog .page-1 .position-3,
 #content .blog .page-1 .position-4 {
-  display: block;
   margin: 0px 0px 0px 0px;
   padding: 20px 30px 45px 0px;
   height: 235px;
   width: 30.5%; 
+  display: block;
   float: left;
 }
@@ -138,12 +133,6 @@
   padding-right: 0px;
 }
-#content .main-block #article.blog .page-1 .position-2 p,
-#content .main-block #article.blog .page-1 .position-3 p,
-#content .main-block #article.blog .page-1 .position-4 p {
-  max-height: 35px;
-}
-
 #content .blog .page-1 .position-2 .post-pic,
 #content .blog .page-1 .position-3 .post-pic,
 #content .blog .page-1 .position-4 .post-pic {
@@ -160,18 +149,12 @@
 #content .blog .page-1 .position-2 .short-post,
 #content .blog .page-1 .position-3 .short-post,
 #content .blog .page-1 .position-4 .short-post {
-  max-height: 35px;
+  max-height: 50px;
   color: #172738;
   text-align: justify;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-
-#content .main-block .blog .article-body h1 {
-  margin: 0px 0px 10px 0px;
-  border: none;
-  padding: 0px 0px 0px 0px;
-}
 /** end of Secondary News' Block **/
@@ -183,15 +166,6 @@
 #content .blog .blog-post.position-5 {
   clear: both;
 }
-
-#content .main-block #article.blog p {
-  margin-bottom: 5px;
-  max-height: 25px;
-  font: 14px/21px Arial;
-  text-align: left;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
 /** end of Lastest News' Block **/
-/** end of News Page's homepage **/
 \ No newline at end of file
+/*** end of News Page's homepage ***/
 \ No newline at end of file