diff --git a/css/news-page.css b/css/news-page.css index a15950c..462748b 100644 --- a/css/news-page.css +++ b/css/news-page.css @@ -1,13 +1,13 @@ /*** 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 -- libgit2 0.21.2