Download as
Browse Code »

Commit 53599011688073d06b6432e07ddecc35a71dfca3

Authored by Tomáz Martins
1 parent f4dc8b83
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Adjusting stylesheet of news page 

Removing unnecessary rules
Adding reduced forms of statements 'margin', 'border', 'padding' and
'background'
Showing 1 changed file with 20 additions and 46 deletions   Show diff stats
css/news-page.css
  Diff comments   View file @5359901
1 1 /*** News Page's homepage ***/
2 2  
3 3 /** Header's Block **/
4   -#content .main-block .blog #article-header h1.title {
  4 +#content .blog #article-header h1.title {
5 5 margin: 0px 0px 0px 0px;
6 6 border: none;
7 7 padding: 0px 0px 0px 0px;
8 8 color: #FF0366;
9   - font: normal normal 300 16px/37px 'open sans';
10 9 text-transform: uppercase;
  10 + font: normal normal normal 16px/37px 'open sans';
11 11 }
12 12  
13 13 /* WARNING:
... ... @@ -26,11 +26,13 @@
26 26  
27 27 /** General Properties of News **/
28 28 #content .blog p {
29   - margin-bottom: 5px;
  29 + margin: 0px 0px 5px 0px;
30 30 max-height: 25px;
31   - overflow: hidden;
  31 + color: #172738;
32 32 text-align: left;
33 33 text-overflow: ellipsis;
  34 + font: 14px/21px arial;
  35 + overflow: hidden;
34 36 }
35 37  
36 38 #content .blog .publishing-info {
... ... @@ -45,14 +47,10 @@
45 47 }
46 48  
47 49 #content .blog .blog-post h1.title {
48   - margin-bottom: 10px;
  50 + margin: 0px 0px 10px 0px;
49 51 border: none;
50 52 padding: 0px 0px 0px 0px;
51   -}
52   -
53   -#content .blog .blog-post .title a {
54   - line-height: 20px;
55   - font: normal normal bold 16px arial;
  53 + font: normal normal bold 16px/20px arial;
56 54 }
57 55  
58 56 /* WARNING:
... ... @@ -67,14 +65,13 @@
67 65  
68 66 #content .blog .blog-post .publishing-info {
69 67 border-top: none;
70   - line-height: 21px;
71 68 color: #172838;
72   - font: 13px arial;
  69 + font: 13px/21px arial;
73 70 }
74 71  
75 72 #content .blog .blog-post .publishing-info .date {
  73 + margin: 0px 0px 5px 0px;
76 74 display: block;
77   - margin-bottom: 5px;
78 75 }
79 76  
80 77 #content .blog .blog-post .post-pic {
... ... @@ -82,23 +79,17 @@
82 79 border-radius: 4px;
83 80 height: 80px;
84 81 width: 20%;
85   - background-size: cover;
86   - background-position: center;
87   - background-repeat: no-repeat;
  82 + background: center/cover no-repeat;
88 83 float: left;
89 84 }
90 85  
91 86 #content .blog .blog-post .short-post {
92   - max-height: 50px;
  87 + max-height: 35px;
93 88 text-align: justify;
94 89 text-overflow: ellipsis;
95 90 overflow: hidden;
96 91 }
97 92  
98   -#content .blog .blog-post .short-post p {
99   - color: #172738;
100   -}
101   -
102 93 #content .blog #article-actions:last-child {
103 94 border-top: none;
104 95 }
... ... @@ -113,11 +104,15 @@
113 104 }
114 105  
115 106 #content .blog .page-1 .position-1 .post-pic {
116   - margin-bottom: 13px;
  107 + margin: 0px 0px 13px 0px;
117 108 max-height: 320px;
118 109 height: 320px;
119 110 width: 100%;
120 111 }
  112 +
  113 +#content .blog .page-1 .position-1 .short-post {
  114 + max-height: 50px;
  115 +}
121 116 /** end of Main News' Block **/
122 117  
123 118  
... ... @@ -125,11 +120,11 @@
125 120 #content .blog .page-1 .position-2,
126 121 #content .blog .page-1 .position-3,
127 122 #content .blog .page-1 .position-4 {
128   - display: block;
129 123 margin: 0px 0px 0px 0px;
130 124 padding: 20px 30px 45px 0px;
131 125 height: 235px;
132 126 width: 30.5%;
  127 + display: block;
133 128 float: left;
134 129 }
135 130  
... ... @@ -138,12 +133,6 @@
138 133 padding-right: 0px;
139 134 }
140 135  
141   -#content .main-block #article.blog .page-1 .position-2 p,
142   -#content .main-block #article.blog .page-1 .position-3 p,
143   -#content .main-block #article.blog .page-1 .position-4 p {
144   - max-height: 35px;
145   -}
146   -
147 136 #content .blog .page-1 .position-2 .post-pic,
148 137 #content .blog .page-1 .position-3 .post-pic,
149 138 #content .blog .page-1 .position-4 .post-pic {
... ... @@ -160,18 +149,12 @@
160 149 #content .blog .page-1 .position-2 .short-post,
161 150 #content .blog .page-1 .position-3 .short-post,
162 151 #content .blog .page-1 .position-4 .short-post {
163   - max-height: 35px;
  152 + max-height: 50px;
164 153 color: #172738;
165 154 text-align: justify;
166 155 text-overflow: ellipsis;
167 156 overflow: hidden;
168 157 }
169   -
170   -#content .main-block .blog .article-body h1 {
171   - margin: 0px 0px 10px 0px;
172   - border: none;
173   - padding: 0px 0px 0px 0px;
174   -}
175 158 /** end of Secondary News' Block **/
176 159  
177 160  
... ... @@ -183,15 +166,6 @@
183 166 #content .blog .blog-post.position-5 {
184 167 clear: both;
185 168 }
186   -
187   -#content .main-block #article.blog p {
188   - margin-bottom: 5px;
189   - max-height: 25px;
190   - font: 14px/21px Arial;
191   - text-align: left;
192   - text-overflow: ellipsis;
193   - overflow: hidden;
194   -}
195 169 /** end of Lastest News' Block **/
196 170  
197   -/** end of News Page's homepage **/
198 171 \ No newline at end of file
  172 +/*** end of News Page's homepage ***/
199 173 \ No newline at end of file
... ...