Commit 7efa59f9aadd393e71157f66a668b145381052e1
1 parent
53599011
Exists in
master
and in
56 other branches
Fixing space between elements and title of blog
Besides, fixing the max-height of paragraphs in post of blog
Showing
1 changed file
with
23 additions
and
6 deletions
Show diff stats
css/news-page.css
| @@ -2,12 +2,12 @@ | @@ -2,12 +2,12 @@ | ||
| 2 | 2 | ||
| 3 | /** Header's Block **/ | 3 | /** Header's Block **/ |
| 4 | #content .blog #article-header h1.title { | 4 | #content .blog #article-header h1.title { |
| 5 | - margin: 0px 0px 0px 0px; | 5 | + margin: 0px 0px 10px 0px; |
| 6 | border: none; | 6 | border: none; |
| 7 | padding: 0px 0px 0px 0px; | 7 | padding: 0px 0px 0px 0px; |
| 8 | color: #FF0366; | 8 | color: #FF0366; |
| 9 | text-transform: uppercase; | 9 | text-transform: uppercase; |
| 10 | - font: normal normal normal 16px/37px 'open sans'; | 10 | + font: normal normal normal 16px/37px 'open_sansregular'; |
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | /* WARNING: | 13 | /* WARNING: |
| @@ -21,7 +21,6 @@ | @@ -21,7 +21,6 @@ | ||
| 21 | #content .blog #article-header .publishing-info .comments { | 21 | #content .blog #article-header .publishing-info .comments { |
| 22 | display: none; | 22 | display: none; |
| 23 | } | 23 | } |
| 24 | -/** end of Header's Block **/ | ||
| 25 | 24 | ||
| 26 | 25 | ||
| 27 | /** General Properties of News **/ | 26 | /** General Properties of News **/ |
| @@ -90,6 +89,17 @@ | @@ -90,6 +89,17 @@ | ||
| 90 | overflow: hidden; | 89 | overflow: hidden; |
| 91 | } | 90 | } |
| 92 | 91 | ||
| 92 | +/* WARNING: | ||
| 93 | + * This solution is TEMPORARY. This informations shouldn't exist | ||
| 94 | + * in this area. | ||
| 95 | + * | ||
| 96 | + * TODO: Remove this informations of the html and, then, from here. | ||
| 97 | + * The correct is the text is sensitive to lead to the complete text. | ||
| 98 | + */ | ||
| 99 | +#content .blog .blog-post .read-more { | ||
| 100 | + display: none; | ||
| 101 | +} | ||
| 102 | + | ||
| 93 | #content .blog #article-actions:last-child { | 103 | #content .blog #article-actions:last-child { |
| 94 | border-top: none; | 104 | border-top: none; |
| 95 | } | 105 | } |
| @@ -97,6 +107,10 @@ | @@ -97,6 +107,10 @@ | ||
| 97 | 107 | ||
| 98 | 108 | ||
| 99 | /** Main News' Block **/ | 109 | /** Main News' Block **/ |
| 110 | +#content .blog .page-1 .position-1 { | ||
| 111 | + padding: 0px 0px 0px 0px; | ||
| 112 | +} | ||
| 113 | + | ||
| 100 | #content .blog .page-1 .position-1 .title a { | 114 | #content .blog .page-1 .position-1 .title a { |
| 101 | line-height: 37px; | 115 | line-height: 37px; |
| 102 | color: #172738 !important; | 116 | color: #172738 !important; |
| @@ -113,7 +127,6 @@ | @@ -113,7 +127,6 @@ | ||
| 113 | #content .blog .page-1 .position-1 .short-post { | 127 | #content .blog .page-1 .position-1 .short-post { |
| 114 | max-height: 50px; | 128 | max-height: 50px; |
| 115 | } | 129 | } |
| 116 | -/** end of Main News' Block **/ | ||
| 117 | 130 | ||
| 118 | 131 | ||
| 119 | /** Secondary News' Block **/ | 132 | /** Secondary News' Block **/ |
| @@ -128,6 +141,12 @@ | @@ -128,6 +141,12 @@ | ||
| 128 | float: left; | 141 | float: left; |
| 129 | } | 142 | } |
| 130 | 143 | ||
| 144 | +#content .blog .page-1 .position-2 p, | ||
| 145 | +#content .blog .page-1 .position-3 p, | ||
| 146 | +#content .blog .page-1 .position-4 p { | ||
| 147 | + max-height: 45px; | ||
| 148 | +} | ||
| 149 | + | ||
| 131 | #content .blog .page-1 .position-4 { | 150 | #content .blog .page-1 .position-4 { |
| 132 | margin: 0px; | 151 | margin: 0px; |
| 133 | padding-right: 0px; | 152 | padding-right: 0px; |
| @@ -155,7 +174,6 @@ | @@ -155,7 +174,6 @@ | ||
| 155 | text-overflow: ellipsis; | 174 | text-overflow: ellipsis; |
| 156 | overflow: hidden; | 175 | overflow: hidden; |
| 157 | } | 176 | } |
| 158 | -/** end of Secondary News' Block **/ | ||
| 159 | 177 | ||
| 160 | 178 | ||
| 161 | /** Lastest News' Block ***/ | 179 | /** Lastest News' Block ***/ |
| @@ -166,6 +184,5 @@ | @@ -166,6 +184,5 @@ | ||
| 166 | #content .blog .blog-post.position-5 { | 184 | #content .blog .blog-post.position-5 { |
| 167 | clear: both; | 185 | clear: both; |
| 168 | } | 186 | } |
| 169 | -/** end of Lastest News' Block **/ | ||
| 170 | 187 | ||
| 171 | /*** end of News Page's homepage ***/ | 188 | /*** end of News Page's homepage ***/ |
| 172 | \ No newline at end of file | 189 | \ No newline at end of file |