Code organization and refactoring

- Blocks of code commented - '!important' removed - 'img' replaced for 'post-pic' - minor fixes Signed-off-by: Alexandre Kryonidis <alexandrekry@gmail.com> Signed-off-by: Eduardo Vital <vitaldu@gmail.com>

Code organization and refactoring
- Blocks of code commented - '!important' removed - 'img' replaced for 'post-pic' - minor fixes Signed-off-by: Alexandre Kryonidis <alexandrekry@gmail.com> Signed-off-by: Eduardo Vital <vitaldu@gmail.com>
Eduardo Vital
1 parent f01f81ed
Showing 1 changed file with 62 additions and 58 deletions Show diff stats
style.css
@@ -3028,91 +3028,95 @@ li.folder-item:first-child {
   border-top: 1px solid #ccc;
 }
-/* Código para o novo layout de notícias. Forçando soluções. */
-.page-1 .position-2 {
-  display: table-cell !important;
-  width: 222px;
-  padding-left: 0px;
-  padding-right: 20px;
+/******************** New layout of blog. ********************/
+
+/***** Default behavior to blog posts *****/
+
+.blog-post .author {
+  display: none;
 }
-.page-1 .position-3 {
-  display: table-cell !important;
-  width: 232px;
-  padding-left: 10px;
-  padding-right: 10px;
+.blog-post h1.title {
+  padding-left: 25px;
+  margin-bottom: 0px;
 }
-.page-1 .position-4 {
-  display: table-cell !important;
-  width: 222px;
-  padding-left: 20px;
-  padding-right: 0px;
+.blog-post .title a {
+  font-size: 16px;
+  font-family: arial;
+}
+
+.blog-post .post-pic {
+  border-radius: 8px;
+  width: 150px;
+  height: 100px;
+  float: left;
+  margin-right: 10px;
+  margin-bottom: 5px;
+  background-size: 100% 100%;
 }
-.page-1 .position-2 .short-post, .position-3 .short-post, .position-4 .short-post {
+.blog-post .short-post {
   text-align: justify;
-  max-height: 45px;
+  max-height: 25px;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.page-1 .position-2 img, .position-3 img, .position-4 img {
-  width: 222px !important;
-  height: 135px !important;
-  max-width: none !important;
-  top: 10px;
-  margin-top: 5px;
-}
-
-.page-1 .position-1 img {
-  width: 726px !important;
-  max-height: 315px;
-  max-width: none !important;
+.blog-post .short-post p {
+  margin-bottom: -5px;
 }
-.page-1 .position-1 .title a {
-  font-size: 32px !important;
-}
+/***** Behavior to special posts *****/
-.page-1 .blog-post .post-pic {
-  border-radius: 8px;
-  margin-bottom: 5px;
-}
+/* Featured post */
 .page-1 .position-1 .post-pic {
+  width: 100%;
   height: 315px;
+  max-height: 315px;
 }
-.title a {
-  font-size: 16px;
-  font-family: arial;
+.page-1 .position-1 .title a {
+  font-size: 32px;
 }
-#content #article .article-body img {
-  border-radius: 8px;
+/* Secondary posts */
+
+.page-1 .position-2 .short-post,
+.page-1 .position-3 .short-post,
+.page-1 .position-4 .short-post {
+  text-align: justify;
+  max-height: 45px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
-.page-1 .position-5 h1.title {
-  /* background-color: gray;  */
-  padding-left: 25px;
-  margin-bottom: 0px;
+.page-1 .position-2 .post-pic,
+.page-1 .position-3 .post-pic,
+.page-1 .position-4 .post-pic {
+  width: 100%;
+  top: 10px;
+  margin-top: 5px;
 }
-.page-1 .position-5 .post-pic {
-  width: 150px;
-  height: 100px;
-  float: left;
-  margin-right: 10px;
+.page-1 .position-2 {
+  display: table-cell;
+  width: 222px;
+  padding-left: 0px;
+  padding-right: 20px;
 }
-.position-5 .short-post {
-  text-align: justify;
-  max-height: 25px;
-  text-overflow: ellipsis;
-  overflow: hidden;
+.page-1 .position-3 {
+  display: table-cell;
+  width: 232px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
-#content .main-block .article-body P {
-  margin-bottom: -5px;
+.page-1 .position-4 {
+  display: table-cell;
+  width: 222px;
+  padding-left: 20px;
+  padding-right: 0px;
 }