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 | /*** Right bar ***/ | 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 | /* Members block */ | 443 | /* Members block */ |
4 | 444 | ||
5 | #content .members-block{ | 445 | #content .members-block{ |
@@ -195,120 +635,6 @@ padding: 0px; | @@ -195,120 +635,6 @@ padding: 0px; | ||
195 | border-color: #3E67B1; | 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 | /*** Members Page ***/ | 638 | /*** Members Page ***/ |
313 | 639 | ||
314 | /* Title of the area members */ | 640 | /* Title of the area members */ |