Commit 7e30eceb1f1e3afac454af2c2da0d0e56c1d3891
Exists in
master
and in
79 other branches
Merge branch 'restructuring_css' of https://gitlab.com/softwarepublico/noosfero-…
…spb-theme into restructuring_css
Showing
1 changed file
with
188 additions
and
0 deletions
Show diff stats
@@ -0,0 +1,188 @@ | @@ -0,0 +1,188 @@ | ||
1 | +/*** News Page's homepage ***/ | ||
2 | + | ||
3 | +/** Header's Block **/ | ||
4 | +#content .blog #article-header h1.title { | ||
5 | + margin: 0px 0px 10px 0px; | ||
6 | + border: none; | ||
7 | + padding: 0px 0px 0px 0px; | ||
8 | + color: #FF0366; | ||
9 | + text-transform: uppercase; | ||
10 | + font: normal normal normal 16px/37px 'open_sansregular'; | ||
11 | +} | ||
12 | + | ||
13 | +/* WARNING: | ||
14 | + * This solution is TEMPORARY. This informations shouldn't exist | ||
15 | + * in this area. | ||
16 | + * | ||
17 | + * TODO: Remove this informations of the html and, then, from here. | ||
18 | + */ | ||
19 | +#content .blog #article-header .publishing-info .date, | ||
20 | +#content .blog #article-header .publishing-info .author, | ||
21 | +#content .blog #article-header .publishing-info .comments { | ||
22 | + display: none; | ||
23 | +} | ||
24 | + | ||
25 | + | ||
26 | +/** General Properties of News **/ | ||
27 | +#content .blog p { | ||
28 | + margin: 0px 0px 5px 0px; | ||
29 | + max-height: 25px; | ||
30 | + color: #172738; | ||
31 | + text-align: left; | ||
32 | + text-overflow: ellipsis; | ||
33 | + font: 14px/21px arial; | ||
34 | + overflow: hidden; | ||
35 | +} | ||
36 | + | ||
37 | +#content .blog .publishing-info { | ||
38 | + display: inline; | ||
39 | +} | ||
40 | + | ||
41 | +#content .blog .blog-post { | ||
42 | + margin: 0 auto; | ||
43 | + border-bottom: 1px solid #ccc; | ||
44 | + padding: 25px 0px 0px 0px; | ||
45 | + background: none; | ||
46 | +} | ||
47 | + | ||
48 | +#content .blog .blog-post h1.title { | ||
49 | + margin: 0px 0px 10px 0px; | ||
50 | + border: none; | ||
51 | + padding: 0px 0px 0px 0px; | ||
52 | + font: normal normal bold 16px/20px arial; | ||
53 | +} | ||
54 | + | ||
55 | +/* WARNING: | ||
56 | + * This solution is TEMPORARY. This informations shouldn't exist | ||
57 | + * in this area. | ||
58 | + * | ||
59 | + * TODO: Remove this informations of the html and, then, from here. | ||
60 | + */ | ||
61 | +#content .blog .blog-post .author { | ||
62 | + display: none; | ||
63 | +} | ||
64 | + | ||
65 | +#content .blog .blog-post .publishing-info { | ||
66 | + border-top: none; | ||
67 | + color: #172838; | ||
68 | + font: 13px/21px arial; | ||
69 | +} | ||
70 | + | ||
71 | +#content .blog .blog-post .publishing-info .date { | ||
72 | + margin: 0px 0px 5px 0px; | ||
73 | + display: block; | ||
74 | +} | ||
75 | + | ||
76 | +#content .blog .blog-post .post-pic { | ||
77 | + margin: 0px 20px 5px 0px; | ||
78 | + border-radius: 4px; | ||
79 | + height: 80px; | ||
80 | + width: 20%; | ||
81 | + background: center/cover no-repeat; | ||
82 | + float: left; | ||
83 | +} | ||
84 | + | ||
85 | +#content .blog .blog-post .short-post { | ||
86 | + max-height: 35px; | ||
87 | + text-align: justify; | ||
88 | + text-overflow: ellipsis; | ||
89 | + overflow: hidden; | ||
90 | +} | ||
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 | + | ||
103 | +#content .blog #article-actions:last-child { | ||
104 | + border-top: none; | ||
105 | +} | ||
106 | +/** end of General Properties of News **/ | ||
107 | + | ||
108 | + | ||
109 | +/** Main News' Block **/ | ||
110 | +#content .blog .page-1 .position-1 { | ||
111 | + padding: 0px 0px 0px 0px; | ||
112 | +} | ||
113 | + | ||
114 | +#content .blog .page-1 .position-1 .title a { | ||
115 | + line-height: 37px; | ||
116 | + color: #172738 !important; | ||
117 | + font-size: 34px; | ||
118 | +} | ||
119 | + | ||
120 | +#content .blog .page-1 .position-1 .post-pic { | ||
121 | + margin: 0px 0px 13px 0px; | ||
122 | + max-height: 320px; | ||
123 | + height: 320px; | ||
124 | + width: 100%; | ||
125 | +} | ||
126 | + | ||
127 | +#content .blog .page-1 .position-1 .short-post { | ||
128 | + max-height: 50px; | ||
129 | +} | ||
130 | + | ||
131 | + | ||
132 | +/** Secondary News' Block **/ | ||
133 | +#content .blog .page-1 .position-2, | ||
134 | +#content .blog .page-1 .position-3, | ||
135 | +#content .blog .page-1 .position-4 { | ||
136 | + margin: 0px 0px 0px 0px; | ||
137 | + padding: 20px 30px 45px 0px; | ||
138 | + height: 235px; | ||
139 | + width: 30.5%; | ||
140 | + display: block; | ||
141 | + float: left; | ||
142 | +} | ||
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 | + | ||
150 | +#content .blog .page-1 .position-4 { | ||
151 | + margin: 0px; | ||
152 | + padding-right: 0px; | ||
153 | +} | ||
154 | + | ||
155 | +#content .blog .page-1 .position-2 .post-pic, | ||
156 | +#content .blog .page-1 .position-3 .post-pic, | ||
157 | +#content .blog .page-1 .position-4 .post-pic { | ||
158 | + margin-top: 12px; | ||
159 | + top: 10px; | ||
160 | + height: 120px; | ||
161 | + width: 100%; | ||
162 | +} | ||
163 | + | ||
164 | +#content .blog .page-1 .position-4 .post-pic { | ||
165 | + margin-right: 0px; | ||
166 | +} | ||
167 | + | ||
168 | +#content .blog .page-1 .position-2 .short-post, | ||
169 | +#content .blog .page-1 .position-3 .short-post, | ||
170 | +#content .blog .page-1 .position-4 .short-post { | ||
171 | + max-height: 50px; | ||
172 | + color: #172738; | ||
173 | + text-align: justify; | ||
174 | + text-overflow: ellipsis; | ||
175 | + overflow: hidden; | ||
176 | +} | ||
177 | + | ||
178 | + | ||
179 | +/** Lastest News' Block ***/ | ||
180 | + | ||
181 | +/* This rule serves to maintain the element in position-5 clear the | ||
182 | + * configurations of float. | ||
183 | + */ | ||
184 | +#content .blog .blog-post.position-5 { | ||
185 | + clear: both; | ||
186 | +} | ||
187 | + | ||
188 | +/*** end of News Page's homepage ***/ | ||
0 | \ No newline at end of file | 189 | \ No newline at end of file |