Commit eb64a65d5032ff9a8cb2450d8f09a126d3dd2822
1 parent
da80ef7c
Exists in
master
and in
54 other branches
Community homepage tabs
Showing
1 changed file
with
440 additions
and
114 deletions
Show diff stats
css/community-pages.css
1 | 1 | /*** Right bar ***/ |
2 | 2 | |
3 | +/*** Home page - profile page ***/ | |
4 | + | |
5 | +/* Profile header */ | |
6 | +.profile-type-is-community .action-profile-index #content .main-block h1 { | |
7 | + color: #172738; | |
8 | + border-bottom: none; | |
9 | + font-size: 2.3em; | |
10 | + font-weight: bold; | |
11 | + font-variant: normal; | |
12 | + font-family: Arial, open_sansbold, Helvetica, sans-serif; | |
13 | +} | |
14 | + | |
15 | +/* Search form - need to develop solution - hidden on profile page*/ | |
16 | +.profile-type-is-community .action-profile-index #public-profile-search{ | |
17 | + display: none; | |
18 | +} | |
19 | + | |
20 | +.action-profile-index .main-block #public-profile-search, | |
21 | +.action-profile-index .main-block #profile-search-results form, | |
22 | +.action-profile-index .main-block .profile-search-block form { | |
23 | + background-color: transparent; | |
24 | +} | |
25 | + | |
26 | +.action-profile-index .main-block #public-profile-search .search-field .formfield { | |
27 | + float: left; | |
28 | + margin-right: 0.5em; | |
29 | +} | |
30 | + | |
31 | +.action-profile-index .main-block #public-profile-search .search-field .formfield input { | |
32 | + margin-top: 0px; | |
33 | + margin-right: 0.5em; | |
34 | + padding: 6px; | |
35 | + height: 19px; | |
36 | + max-height: 19px; | |
37 | + border: 1px solid #D3D6DE; | |
38 | + border-radius: 4px; | |
39 | +} | |
40 | + | |
41 | +.action-profile-index .main-block #public-profile-search .formfield input, | |
42 | +.action-profile-index .main-block #public-profile-search .formfield textarea{ | |
43 | + width: 100%; | |
44 | + background: none #FFFFFF; | |
45 | + color: #585858; | |
46 | + border: 1px solid #DDDDDD; | |
47 | + font-size: 16px; | |
48 | + word-wrap: break-word; | |
49 | +} | |
50 | + | |
51 | +.action-profile-index .main-block #public-profile-search form input.button.submit { | |
52 | + height: 32px; | |
53 | + margin-top: 8px; | |
54 | + padding: 5px 15px; | |
55 | + color: #ffffff; | |
56 | + background: #2B51A8; | |
57 | + border-radius: 4px; | |
58 | + border: 1px solid #2B51A8; | |
59 | + font-size: 14px; | |
60 | + line-height: 14px; | |
61 | + text-transform: uppercase; | |
62 | +} | |
63 | + | |
64 | +/* Profile tab */ | |
65 | +.profile-type-is-community .action-profile-index .profile{ | |
66 | + display: none; | |
67 | +} | |
68 | + | |
69 | +#block-community-tabs{ | |
70 | + font-family: Arial; | |
71 | +} | |
72 | + | |
73 | +#block-community-tabs .ui-corner-all{ | |
74 | + overflow: visible; | |
75 | +} | |
76 | + | |
77 | +#content #block-community-tabs .iu-widget{ | |
78 | + font-size: 0px ; | |
79 | +} | |
80 | + | |
81 | +#block-community-tabs .ui-widget-header{ | |
82 | + background:#ECEDF1; | |
83 | + border:none; | |
84 | + border-bottom: 3px solid #D3D6DE; | |
85 | +} | |
86 | + | |
87 | +#block-community-tabs .ui-widget-content{ | |
88 | + border:none; | |
89 | + background:none; | |
90 | +} | |
91 | + | |
92 | +#block-community-tabs .ui-corner-all{ | |
93 | + border-radius:0px; | |
94 | +} | |
95 | + | |
96 | +#block-community-tabs .ui-state-default | |
97 | +#block-community-tabs .ui-widget-content .ui-state-default, | |
98 | +#block-community-tabs .ui-widget-header .ui-state-default{ | |
99 | + border:none; | |
100 | + background:#ECEDF1; | |
101 | + font-weight: normal; | |
102 | + color:#172738; | |
103 | +} | |
104 | + | |
105 | +#block-community-tabs .ui-tabs .ui-tabs-nav{ | |
106 | + font-size: 15px; | |
107 | +} | |
108 | + | |
109 | +#block-community-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ | |
110 | + float:none; | |
111 | + display:table; | |
112 | +} | |
113 | + | |
114 | +#block-community-tabs .ui-tabs .ui-tabs-panel{ | |
115 | + padding: 0px; | |
116 | +} | |
117 | + | |
118 | +#block-community-tabs .ui-tabs .ui-tabs-nav li a:visited{ | |
119 | + color:#172738; | |
120 | +} | |
121 | + | |
122 | +#block-community-tabs .ui-tabs .ui-tabs-nav li{ | |
123 | + padding-right: 3px; | |
124 | +} | |
125 | + | |
126 | +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active{ | |
127 | + margin-bottom: -3px !important; | |
128 | + padding-bottom: 1px; | |
129 | + border-bottom: 3px solid #FF0366; | |
130 | +} | |
131 | + | |
132 | +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{ | |
133 | + content:"\f0dd"; | |
134 | + font-family: FontAwesome; | |
135 | + font-size: 16px; | |
136 | + position:absolute; | |
137 | + top:26px; | |
138 | + margin:0px 45%; | |
139 | + color:#FF0366; | |
140 | +} | |
141 | +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{ | |
142 | + color: #FF0366; | |
143 | + font-weight: 700; | |
144 | +} | |
145 | + | |
146 | +/********************************************/ | |
147 | +/***abas da area de comunidade******/ | |
148 | + | |
149 | +#content #discussions-content{ | |
150 | + color:#172738; | |
151 | +} | |
152 | + | |
153 | +#content #discussions-content .pull-left{ | |
154 | + float:none; | |
155 | +} | |
156 | + | |
157 | +#content #discussions-content{ | |
158 | + font-family: Arial; | |
159 | + font-size: 14px; | |
160 | +} | |
161 | + | |
162 | +#content #discussions-content .message-discussion{ | |
163 | + border-bottom: 1px solid #ECEDF1; | |
164 | + margin:0px 0px 8px 0px; | |
165 | + padding:10px 0px 18px 0px; | |
166 | +} | |
167 | + | |
168 | +/*#content #discussions-content .message-discussion .subject{ | |
169 | + display: block; | |
170 | + float: left; | |
171 | + padding-top:3px; | |
172 | +}*/ | |
173 | + | |
174 | +#content #discussions-content .message-discussion .quiet:last-child{ | |
175 | + font-size: 16px; | |
176 | + max-height: 50px; | |
177 | + overflow: hidden; | |
178 | +} | |
179 | + | |
180 | +/*#content #discussions-content .message-discussion:last-child{ | |
181 | + border-bottom: 1px solid #ECEDF1; | |
182 | +}*/ | |
183 | + | |
184 | +/*#content #discussions-content .row{ | |
185 | + width: 520px; | |
186 | +}*/ | |
187 | + | |
188 | +#content #discussions-content h4{ | |
189 | + font-size: 22px; | |
190 | + border-bottom: 1px solid #ECEDF1; | |
191 | + padding: 8px 0px 6px 0px; | |
192 | +} | |
193 | + | |
194 | +#discussions-content hr{ | |
195 | + display: none; | |
196 | +} | |
197 | + | |
198 | +#discussions-content .quiet{ | |
199 | + line-height: 21px; | |
200 | +} | |
201 | + | |
202 | +#discussions-content div.quiet:last-child{ | |
203 | + border-top:none; | |
204 | +} | |
205 | + | |
206 | +#discussions-content .text-right{ | |
207 | + padding:6px 0px 25px 0px; | |
208 | +} | |
209 | + | |
210 | +#discussions-content .text-right a{ | |
211 | + text-align: right; | |
212 | + display: block; | |
213 | + text-transform: uppercase; | |
214 | + line-height: 21px; | |
215 | + font-size: 11px; | |
216 | +} | |
217 | + | |
218 | +#discussions-content .text-right a:visited, | |
219 | +#content #discussions-content .text-right a:visited, | |
220 | +#discussions-content .text-right dl.portlet a:visited{ | |
221 | + color: #172738; | |
222 | +} | |
223 | + | |
224 | +#discussions-content .text-right a::after { | |
225 | + content: "\f105"; | |
226 | + font-family: FontAwesome; | |
227 | + padding-left: 7px; | |
228 | + padding-right: 4px; | |
229 | + color: #ffffff; | |
230 | + background: #3E67B1; | |
231 | + border-radius: 4px; | |
232 | + font-size: 18px; | |
233 | + line-height: 20px; | |
234 | + text-align: center; | |
235 | + margin-left: 5px; | |
236 | + position: relative; | |
237 | + top: 2px; | |
238 | +} | |
239 | + | |
240 | +#content #discussions-content .pull-left a{ | |
241 | + color:#3E67B1; | |
242 | + font-weight: 600; | |
243 | +} | |
244 | + | |
245 | +#content #discussions-content .subject{ | |
246 | + font-weight: 800; | |
247 | + font-size: 16px | |
248 | +} | |
249 | + | |
250 | +#repository-feed-tab .event-inline.event-item{ | |
251 | + border-bottom: 1px solid #ECEDF1; | |
252 | + margin-top:30px; | |
253 | + padding: 0px 0px 80px 0px; | |
254 | +} | |
255 | + | |
256 | +#repository-feed-tab .event-inline.event-item img{ | |
257 | + display: none; | |
258 | +} | |
259 | + | |
260 | +#repository-feed-tab .event-item-timestamp{ | |
261 | + border-right: 1px dotted #D3D6DE; | |
262 | + float:left; | |
263 | + width: 112px; | |
264 | + height: 55px; | |
265 | + margin-right: 20px; | |
266 | +} | |
267 | +#repository-feed-tab .event-item-timestamp .time_ago{ | |
268 | + color:#172738; | |
269 | +} | |
270 | + | |
271 | +#repository-feed-tab .event-item-timestamp .time_ago:before{ | |
272 | + content: url("../images/ic-calendar.png"); | |
273 | + margin-right: 10px; | |
274 | + margin-top: 0px; | |
275 | + float: left; | |
276 | +} | |
277 | + | |
278 | +#repository-feed-tab .event-title{ | |
279 | + max-height: 55px; | |
280 | + overflow: hidden; | |
281 | + float:left; | |
282 | + width: 70%; | |
283 | + font-size: 16px; | |
284 | +} | |
285 | + | |
286 | +#content #repository-feed-tab .author_name{ | |
287 | + display: block; | |
288 | + padding-bottom: 5px; | |
289 | + font-size: 12px; | |
290 | +} | |
291 | + | |
292 | +#content #repository-feed-tab .author_name a{ | |
293 | + color:#3E67B1; | |
294 | +} | |
295 | + | |
296 | +#repository-feed-tab .see-more-repository{ | |
297 | + text-align: right; | |
298 | + display: block; | |
299 | + text-transform: uppercase; | |
300 | + line-height: 21px; | |
301 | + font-size: 11px; | |
302 | + margin-top: 15px; | |
303 | +} | |
304 | + | |
305 | +#repository-feed-tab .see-more-repository:after{ | |
306 | + content: "\f105"; | |
307 | + font-family: FontAwesome; | |
308 | + padding-left: 7px; | |
309 | + padding-right: 4px; | |
310 | + color: #ffffff; | |
311 | + background: #3E67B1; | |
312 | + border-radius: 4px; | |
313 | + font-size: 18px; | |
314 | + line-height: 20px; | |
315 | + text-align: center; | |
316 | + margin-left: 5px; | |
317 | + position: relative; | |
318 | + top: 2px; | |
319 | +} | |
320 | + | |
321 | + | |
322 | +#repository-feed-tab .see-more-repository a:visited, | |
323 | +#content #repository-feed-tab .see-more-repository a:visited, | |
324 | +#repository-feed-tab .see-more-repository dl.portlet a:visited{ | |
325 | + color:#172738; | |
326 | +} | |
327 | +/*************ABA BLOG**************/ | |
328 | + | |
329 | +#blog-tab .blog .blog-post{ | |
330 | + padding:0px 20px 5px 20px; | |
331 | + background:none; | |
332 | +} | |
333 | + | |
334 | +#content #blog-tab .blog .blog-post h1{ | |
335 | + text-align: left; | |
336 | +} | |
337 | + | |
338 | +#blog-tab #article.blog .article-body h1{ | |
339 | + padding-top:0px; | |
340 | + border-top:none; | |
341 | + width: 70%; | |
342 | + padding-left:175px; | |
343 | +} | |
344 | + | |
345 | +#blog-tab .odd-post-inner.blog-post-inner, | |
346 | +#blog-tab .even-post-inner.blog-post-inner{ | |
347 | + border-bottom: 1px solid #ECEDF1; | |
348 | + padding:15px 0px 10px 0px; | |
349 | +} | |
350 | + | |
351 | +#content #blog-tab .blog .blog-post.position-1 h1{ | |
352 | + line-height: 37px; | |
353 | + font-size: 34px; | |
354 | + color: #172738; | |
355 | + padding-left:0px; | |
356 | +} | |
357 | +#content #blog-tab .blog .blog-post.position-1 .date{ | |
358 | + padding-left:0px; | |
359 | +} | |
360 | +#content #blog-tab .blog .blog-post.position-1 .article-compact-image{ | |
361 | + position:relative; | |
362 | + padding-right: 0px; | |
363 | + margin-top: 0px; /*temporario*/ | |
364 | +} | |
365 | + | |
366 | +#content #blog-tab .blog .blog-post.position-1 .article-compact-abstract-with-image{ | |
367 | + width: 100%; | |
368 | + margin-left: 0px; | |
369 | +} | |
370 | + | |
371 | +#blog-tab .blog .blog-post.position-1{ | |
372 | + padding-right: 0px; | |
373 | + | |
374 | +} | |
375 | + | |
376 | +#content #blog-tab .blog .publishing-info .date{ | |
377 | + width: 70%; | |
378 | + padding-left:180px; | |
379 | +} | |
380 | + | |
381 | +#content #blog-tab .blog .publishing-info .author{ | |
382 | + display: none; | |
383 | +} | |
384 | + | |
385 | +#content #blog-tab .blog .publishing-info .comments{ | |
386 | + display: none; | |
387 | +} | |
388 | +#content #blog-tab .blog .blog-post .article-compact-image{ | |
389 | + position:absolute; | |
390 | + margin-top:-51px; /*provisorio*/ | |
391 | + text-align: left; | |
392 | +} | |
393 | + | |
394 | +#content #blog-tab .blog .blog-post .zoomable-image{ | |
395 | + width: 200px !important; | |
396 | + height: auto !important; | |
397 | +} | |
398 | + | |
399 | +#content #blog-tab .blog .blog-post .article-compact-abstract-with-image{ | |
400 | + margin-left: 180px; | |
401 | +} | |
402 | + | |
403 | +/*leia mais*/ | |
404 | +#content #blog-tab .blog .read-more{ | |
405 | + text-align: right; | |
406 | + display: block; | |
407 | + text-transform: uppercase; | |
408 | + line-height: 21px; | |
409 | + font-size: 11px; | |
410 | + margin-top: 15px; | |
411 | +} | |
412 | + | |
413 | +#content #blog-tab .blog .read-more:after{ | |
414 | + content: "\f105"; | |
415 | + font-family: FontAwesome; | |
416 | + padding-left: 7px; | |
417 | + padding-right: 4px; | |
418 | + color: #ffffff; | |
419 | + background: #3E67B1; | |
420 | + border-radius: 4px; | |
421 | + font-size: 18px; | |
422 | + line-height: 20px; | |
423 | + text-align: center; | |
424 | + margin-left: 5px; | |
425 | + position: relative; | |
426 | + top: 2px; | |
427 | +} | |
428 | +#content #blog-tab .blog .read-more a{ | |
429 | + text-decoration: none; | |
430 | +} | |
431 | + | |
432 | +/* Software Tab Data - Need to develop solution - Only display on profile page */ | |
433 | + | |
434 | +.profile-type-is-community #content .software-tab-data-block{ | |
435 | + display: none; | |
436 | +} | |
437 | + | |
438 | +.profile-type-is-community .action-profile-index #content .software-tab-data-block{ | |
439 | + display: block; | |
440 | +} | |
441 | + | |
442 | + | |
3 | 443 | /* Members block */ |
4 | 444 | |
5 | 445 | #content .members-block{ |
... | ... | @@ -195,120 +635,6 @@ padding: 0px; |
195 | 635 | border-color: #3E67B1; |
196 | 636 | } |
197 | 637 | |
198 | -/* Search form - need to develop solution - hidden on profile page*/ | |
199 | -.profile-type-is-community .action-profile-index #public-profile-search{ | |
200 | - display: none; | |
201 | -} | |
202 | - | |
203 | -.action-profile-index .main-block #public-profile-search, | |
204 | -.action-profile-index .main-block #profile-search-results form, | |
205 | -.action-profile-index .main-block .profile-search-block form { | |
206 | - background-color: transparent; | |
207 | -} | |
208 | - | |
209 | -.action-profile-index .main-block #public-profile-search .search-field .formfield { | |
210 | - float: left; | |
211 | - margin-right: 0.5em; | |
212 | -} | |
213 | - | |
214 | -.action-profile-index .main-block #public-profile-search .search-field .formfield input { | |
215 | - margin-top: 0px; | |
216 | - margin-right: 0.5em; | |
217 | - padding: 6px; | |
218 | - height: 19px; | |
219 | - max-height: 19px; | |
220 | - border: 1px solid #D3D6DE; | |
221 | - border-radius: 4px; | |
222 | -} | |
223 | - | |
224 | -.action-profile-index .main-block #public-profile-search .formfield input, | |
225 | -.action-profile-index .main-block #public-profile-search .formfield textarea{ | |
226 | - width: 100%; | |
227 | - background: none #FFFFFF; | |
228 | - color: #585858; | |
229 | - border: 1px solid #DDDDDD; | |
230 | - font-size: 16px; | |
231 | - word-wrap: break-word; | |
232 | -} | |
233 | - | |
234 | -.action-profile-index .main-block #public-profile-search form input.button.submit { | |
235 | - height: 32px; | |
236 | - margin-top: 8px; | |
237 | - padding: 5px 15px; | |
238 | - color: #ffffff; | |
239 | - background: #2B51A8; | |
240 | - border-radius: 4px; | |
241 | - border: 1px solid #2B51A8; | |
242 | - font-size: 14px; | |
243 | - line-height: 14px; | |
244 | - text-transform: uppercase; | |
245 | -} | |
246 | - | |
247 | -/*** Profile page ***/ | |
248 | - | |
249 | -/* Profile header */ | |
250 | -.profile-type-is-community .action-profile-index #content .main-block h1 { | |
251 | - color: #172738; | |
252 | - border-bottom: none; | |
253 | - font-size: 2.3em; | |
254 | - font-weight: bold; | |
255 | - font-variant: normal; | |
256 | - font-family: Arial, open_sansbold, Helvetica, sans-serif; | |
257 | -} | |
258 | - | |
259 | -/* Profile tab */ | |
260 | -.profile-type-is-community .action-profile-index table.profile{ | |
261 | - display: none; | |
262 | -} | |
263 | - | |
264 | -.action-profile-index .main-block .profile .ui-tabs{ | |
265 | - border: none; | |
266 | -} | |
267 | - | |
268 | -.action-profile-index .main-block .profile .ui-tabs .ui-tabs-nav{ | |
269 | - margin: 0 0 0 1em; | |
270 | - padding: 0; | |
271 | - background: none; | |
272 | - color: #172738; | |
273 | - border: 0px solid #aaaaaa; | |
274 | - border-radius: 4px; | |
275 | - font-weight: bold; | |
276 | -} | |
277 | - | |
278 | -.action-profile-index .main-block .profile .ui-widget-content .ui-state-default, | |
279 | -.action-profile-index .main-block .profile .ui-widget-header .ui-state-default{ | |
280 | - background: #d5d5d5 none; | |
281 | - color: #555555; | |
282 | - font-weight: normal; | |
283 | -} | |
284 | - | |
285 | -.action-profile-index .main-block .profile .ui-widget-content .ui-state-active, | |
286 | -.action-profile-index .main-block .profile .ui-widget-header .ui-state-active{ | |
287 | - background: #eeeff1; | |
288 | - color: #212121; | |
289 | - font-weight: normal; | |
290 | -} | |
291 | - | |
292 | -.action-profile-index .main-block .profile .ui-tabs .ui-tabs-panel{ | |
293 | - display: block; | |
294 | - padding: 1em 1.4em; | |
295 | - background-color: #eeeff1; | |
296 | - color: #777; | |
297 | - border-width: 1px; | |
298 | - font-size: 13px; | |
299 | - text-decoration: none; | |
300 | -} | |
301 | - | |
302 | -/* Software Tab Data - Need to develop solution - Only display on profile page */ | |
303 | - | |
304 | -.profile-type-is-community #content .software-tab-data-block{ | |
305 | - display: none; | |
306 | -} | |
307 | - | |
308 | -.profile-type-is-community .action-profile-index #content .software-tab-data-block{ | |
309 | - display: block; | |
310 | -} | |
311 | - | |
312 | 638 | /*** Members Page ***/ |
313 | 639 | |
314 | 640 | /* Title of the area members */ | ... | ... |