Readjusting size of images and spaces between texts

Tomáz Martins
1 parent b98f0ac7
Showing 1 changed file with 76 additions and 62 deletions Show diff stats
news.css
-/*.action-content_viewer-view_page #content .main-block #article p {
-  max-height: 65px;
-  overflow: hidden;
-  text-align: left;
-  text-overflow: ellipsis;
-}
-*/
-
 /******************** New layout of blog. ********************/
 /***** Default behavior to blog posts *****/
-.action-content_viewer-view_page .blog-post .author {
-  display: none;
+.action-content_viewer-view_page #content .main-block #article-header h1.title {
+  border:none !important;
+  color: #FF0366; /* Magenta. */
+  font-family: 'open sans';
+  font-size: 16px !important;
+  text-transform: uppercase;
 }
-.action-content_viewer-view_page.blog-post h1.title {
-  margin-bottom: 0px;
-  padding-left: 25px;
+.action-content_viewer-view_page #article-header .publishing-info .date,
+.action-content_viewer-view_page #article-header .publishing-info .author,
+.action-content_viewer-view_page #article-header .publishing-info .comments {
+  display: none; 
+}
+
+.action-content_viewer-view_page .blog-post .author {
+  display: none;
 }
 .action-content_viewer-view_page .blog-post .title a {
   font-family: arial;
   font-size: 16px;
+  line-height: 20px;
 }
 .action-content_viewer-view_page .blog-post .post-pic {
@@ -30,15 +32,15 @@
   background-repeat: no-repeat; 
   border-radius: 4px;
   float: left;
-  height: 136px; /*100px;*/
+  height: 100px;
   margin-bottom: 5px;
-  margin-right: 10px;
+  margin-right: 20px;
   /*width: 150px;*/
-  width: 33.33333333%;
+  width: 33%;
 }
 .action-content_viewer-view_page .blog-post .short-post {
-  max-height: 25px;
+  max-height: 50px;
   overflow: hidden;
   text-align: justify;
   text-overflow: ellipsis;
@@ -46,19 +48,28 @@
 .action-content_viewer-view_page .blog-post .short-post p {
   color: #172738;
-  margin-bottom: -5px;
 }
 /***** Behavior to special posts *****/
 /* Featured post */
-/* REMOVER.action-content_viewer-view_page .page-1 .position-1{
-  background-image: url("topo2.png");
-  background-repeat: no-repeat;
-}*/
+.action-content_viewer-view_page #content .blog-post h1.title {
+  border-top: none !important;
+  margin-bottom: 0px;
+  padding-left: 25px;
+}
+
+.action-content_viewer-view_page #content .blog-post {
+  background: none;
+  border-bottom: 1px solid #ccc;
+  padding: 25px 0px 20px 0px;
+  margin: 0px 0px;
+}
+
 .action-content_viewer-view_page .page-1 .position-1 .post-pic {
   height: 320px;
+  margin-bottom: 13px;
   max-height: 320px;
   width: 100%;
 }
@@ -67,16 +78,13 @@
   color: #172738 !important;
   font-size: 34px;
   line-height: 37px;
- 
 }
-/* Secondary posts */
-/*REMOVER.action-content_viewer-view_page .page-1 .position-2 {
-  background-image: url("lado-a-lado.png") !important;
-  background-repeat: no-repeat;
-}*/
-
+.action-content_viewer-view_page #content .page-1 .position-1 {
+  padding-bottom: 0px;
+}
+/* Secondary posts */
 .action-content_viewer-view_page .page-1 .position-2 .short-post,
 .action-content_viewer-view_page .page-1 .position-3 .short-post,
 .action-content_viewer-view_page .page-1 .position-4 .short-post {
@@ -93,13 +101,9 @@
   display: block;
   float:left;
   height: 235px;
-  padding: 20px 14px 45px 0px; /*20px 23px 20px 0px;*/
+  padding: 20px 30px 45px 0px; /*20px 23px 20px 0px;*/
   /*width: 158px;*/
-  width: 32%; /*30%;*/
-}
-
-.action-content_viewer-view_page #content .page-1 .position-4 {
-  padding-right: 0px;
+  width: 29%; /*30%;*/
 }
 .action-content_viewer-view_page .page-1 .position-2 .odd-post-inner,
@@ -110,7 +114,6 @@
   overflow: hidden;
 }
-
 .action-content_viewer-view_page .page-1 .position-2 .post-pic,
 .action-content_viewer-view_page .page-1 .position-3 .post-pic,
 .action-content_viewer-view_page .page-1 .position-4 .post-pic {
@@ -119,34 +122,14 @@
   width: 100%;
 }
-.action-content_viewer-view_page #content .blog-post {
-  background: none;
-  border-bottom: 1px solid #ccc;
-  padding: 25px 0px 20px 0px;
-  margin: 0px 0px;
-}
-
-.action-content_viewer-view_page #content .page-1 .position-1 {
-  padding-bottom: 0px;
+.action-content_viewer-view_page #content .page-1 .position-4 {
+  padding-right: 0px;
 }
-/* This rule is a plan B. */
-/*.action-content_viewer-view_page .page-1 .position-3 {
-  padding: 25px !important;
-}*/
-
 .action-content_viewer-view_page #content .main-block .article-body h1 {
   padding-top: 0px !important;
   border-top: none !important;
 }
-.action-content_viewer-view_page #content .main-block #article-header h1.title {
-  border:none !important;
-}
-
-
-.action-content_viewer-view_page #content .blog-post h1.title {
-  border-top: none !important;
-}
 /* Other Positions */
@@ -185,15 +168,46 @@
 .action-content_viewer-view_page #content .blog-post .publishing-info {
   border-top: none;
   color: #172838;
-  font-size: 12px;
-  font-family: "Open sans",arial;
+  font-size: 13px;
+  font-family:arial;
   line-height: 21px;
 }
 .action-content_viewer-view_page #content .blog-post .publishing-info .date {
   display: block;
-  margin-bottom: 10px;
+  margin-bottom: 5px;
 }
+
+
 .action-content_viewer-view_page #content #article-actions:last-child {
   border-top: none;
-}
 \ No newline at end of file
+}
+
+/*
+  Observações:
+
+  titulo do Blog: já resolvido;
+  autor do blog: pode tirar;ok
+
+  date: reduzir 5 px (margin-botton); ok
+    Fonte: 13, Arial (remover OpenSans); ok
+
+  titulo das postagens menores: reduzir o espaçamento entre linhas (7px a menos); ok
+    Fonte: 16, Arial; ok
+
+  Espaçamento da foto para o texto: margem de baixo da imagem da position-1 deve aumentar 8px;
+
+  Tamanho das imagens (lado a lado): reduzir XXXpx de cada imagem para ter 30px de 
+    espaço entre elas;
+
+  Tamanho das imagens (lista):;
+
+  Título do Blog: formatar para o padrão especificado; ok
+    Fonte: 16, OpenSans, Caixa Alta; ok
+
+  Espaçamento entre notícias: OK!
+
+  Margem entre imagens e Texto (lista): o correto é 20px; ok
+
+  Falta o título notícias anteriores!
+*/
 \ No newline at end of file