Commit a679a2b00a1b397f5450fd19e87e8a24d2ab9b20
1 parent
d890ae5f
Exists in
master
and in
79 other branches
prototyped community's repository-feed and discussion tabs
Signed-off-by: Pedro de Lyra <pedrodelyra@gmail.com> Signed-off-by: Simião Carvalho <simiaosimis@gmail.com>
Showing
4 changed files
with
188 additions
and
94 deletions
Show diff stats
249 Bytes
384 Bytes
pagina_comunidade.css
... | ... | @@ -296,21 +296,36 @@ ul#itens-legend-grafic{ |
296 | 296 | } |
297 | 297 | |
298 | 298 | #discussions h3{ |
299 | - padding:12px 0px 3px 0px; | |
299 | + font-size: 20px; | |
300 | + padding:25px 0px 5px 0px; | |
300 | 301 | margin:0px; |
301 | 302 | } |
302 | 303 | |
303 | 304 | .tidings{ |
304 | - border-top: 1px solid #ECEDF1; | |
305 | + border-top: 1px solid #D3D6DE; | |
305 | 306 | padding:10px; |
307 | + padding-bottom: 23px; | |
306 | 308 | } |
307 | 309 | |
308 | 310 | .date-list-discussion, |
309 | 311 | .subject-list-discussion{ |
310 | 312 | display: block; |
311 | - line-height: 21px; | |
312 | - padding: 0px 0px 10px 0px; | |
313 | - position: relative; | |
313 | + line-height: 21px; | |
314 | + padding: 10px 0px 0px 0px; | |
315 | + position: relative; | |
316 | +} | |
317 | + | |
318 | +.date-list-discussion { | |
319 | + letter-spacing: -0.1px; | |
320 | +} | |
321 | + | |
322 | +.subject-list-title { | |
323 | + line-height: 18px !important; | |
324 | +} | |
325 | + | |
326 | +.subject-list-discussion { | |
327 | + font-size: 16px; | |
328 | + padding-top: 3px; | |
314 | 329 | } |
315 | 330 | |
316 | 331 | .date-list-discussion{ |
... | ... | @@ -321,30 +336,45 @@ ul#itens-legend-grafic{ |
321 | 336 | text-decoration: none; |
322 | 337 | color:#5E82C6; |
323 | 338 | } |
324 | -.see-more-discussion{ | |
325 | -text-align: right; | |
326 | - padding: 10px; | |
339 | + | |
340 | +.see-more-discussion { | |
341 | + text-align: right; | |
342 | + padding: 15px 0px 0px 0px; | |
327 | 343 | text-transform: uppercase; |
328 | 344 | line-height: 21px; |
329 | - font-size: 12px; | |
330 | - border-top: 1px solid #ECEDF1; | |
345 | + font-size: 11px; | |
346 | + border-top: 1px solid #D3D6DE; | |
347 | + margin-bottom: 2px; | |
348 | + letter-spacing: -0.12px; | |
331 | 349 | } |
332 | 350 | |
333 | 351 | .see-more-discussion::after { |
334 | 352 | background: none repeat scroll 0 0 #3e67b1; |
335 | - border-radius: 4px; | |
353 | + border-radius: 2px; | |
336 | 354 | color: #ffffff; |
337 | - content: ">"; | |
355 | + content: url('images/left-arrow.png'); | |
338 | 356 | font-size: 15px; |
339 | 357 | line-height: 20px; |
340 | 358 | margin-left: 5px; |
341 | - padding-left: 7px; | |
342 | - padding-right: 4px; | |
359 | + padding: 2px 7px 1px 7px; | |
343 | 360 | position: relative; |
344 | 361 | text-align: center; |
345 | 362 | top: 2px; |
346 | 363 | } |
347 | 364 | |
365 | +.tidings { | |
366 | + padding-left: 0px; | |
367 | +} | |
368 | + | |
369 | +#mais-relevantes h3 { | |
370 | + letter-spacing: 0.2px; | |
371 | + padding-bottom: 16px; | |
372 | +} | |
373 | + | |
374 | +#mais-relevantes span { | |
375 | + letter-spacing: 0px; | |
376 | +} | |
377 | + | |
348 | 378 | /********************** ABA03 - BLOG ********************************/ |
349 | 379 | #block-news-community{ |
350 | 380 | padding-top:20px; |
... | ... | @@ -384,6 +414,11 @@ text-align: right; |
384 | 414 | |
385 | 415 | |
386 | 416 | /********************** ABA04 - Wiki ********************************/ |
417 | +#aba4 { | |
418 | + border-bottom: 3px solid #172738; | |
419 | + padding-bottom: 40px; | |
420 | +} | |
421 | + | |
387 | 422 | #aba4 h3{ |
388 | 423 | color:#172738; |
389 | 424 | border-bottom: 2px solid #ECEDF1; |
... | ... | @@ -392,7 +427,12 @@ text-align: right; |
392 | 427 | |
393 | 428 | #aba4 span{ |
394 | 429 | line-height: 21px; |
395 | - font-size: 13px; | |
430 | + font-size: 15px; | |
431 | + display: block; | |
432 | + padding-left: 3px; | |
433 | + font-weight: 400; | |
434 | + color: black; | |
435 | + padding-top: 10px; | |
396 | 436 | } |
397 | 437 | |
398 | 438 | |
... | ... | @@ -400,72 +440,92 @@ text-align: right; |
400 | 440 | |
401 | 441 | .information-repository-activ{ |
402 | 442 | border-bottom: 1px solid #D3D6DE; |
403 | - padding:40px 20px 40px 20px; | |
443 | + /*padding:40px 20px 40px 20px; #D3D6DE*/ | |
444 | + margin: 0px; | |
404 | 445 | color:#172738; |
405 | 446 | } |
406 | 447 | |
407 | 448 | .about-commit{ |
449 | + font-size: 12px; | |
408 | 450 | display:block; |
409 | 451 | position:absolute; |
410 | 452 | float:left; |
453 | + margin-top: 27px; | |
411 | 454 | border-right:1px dotted #D3D6DE; |
412 | - padding-right: 40px; | |
455 | + padding: 0px 23px 13px 0px; | |
413 | 456 | } |
457 | + | |
458 | +.calendar-commit { | |
459 | + margin-top: 10px; | |
460 | +} | |
461 | + | |
414 | 462 | .about-commit span{ |
415 | 463 | position: relative; |
416 | - display:block; | |
464 | + display: block; | |
417 | 465 | line-height: 21px; |
418 | - padding: 5px; | |
466 | + padding: 0px; | |
419 | 467 | } |
420 | 468 | |
421 | 469 | .information-member-repository{ |
422 | - margin-left:150px; | |
470 | + padding-top: 28px; | |
471 | + margin-left: 127px; | |
423 | 472 | display:block; |
424 | 473 | |
425 | 474 | } |
426 | 475 | |
476 | +.name-information-repository { | |
477 | + font-size: 12px; | |
478 | +} | |
479 | + | |
480 | +.information-member-repository { | |
481 | + margin-bottom: 20px; | |
482 | +} | |
483 | + | |
427 | 484 | .information-member-repository span{ |
428 | 485 | display:block; |
429 | 486 | position:relative; |
430 | - line-height: 21px; | |
431 | - padding: 5px; | |
487 | + line-height: 15px; | |
488 | + padding: 5px; | |
432 | 489 | } |
433 | 490 | |
434 | 491 | .commit-historic::before { |
435 | - content: url("images/calendar-icon.png"); | |
436 | - float: left; | |
492 | + content: url("images/upload-icon.png"); | |
493 | + /*float: left;*/ | |
437 | 494 | line-height: 20px; |
438 | - margin-right: 10px; | |
495 | + margin-right: 11px; | |
439 | 496 | margin-top: 4px; |
440 | 497 | } |
441 | 498 | |
442 | 499 | .calendar-commit::before { |
443 | 500 | content: url("images/calendar-icon.png"); |
444 | - float: left; | |
501 | + /*float: left;*/ | |
445 | 502 | line-height: 20px; |
446 | - margin-right: 10px; | |
503 | + margin-right: 11px; | |
447 | 504 | margin-top: 4px; |
448 | 505 | } |
449 | 506 | |
450 | 507 | .see-more-repository{ |
508 | + color: black !important; | |
451 | 509 | text-align: right; |
452 | - padding:10px; | |
510 | + padding: 15px 0px 0px 0px; | |
453 | 511 | text-transform: uppercase; |
454 | 512 | line-height: 21px; |
455 | - font-size:12px; | |
513 | + font-size: 11px; | |
514 | +/* border-top: 1px solid #D3D6DE; */ | |
515 | + margin-bottom: 2px; | |
516 | + letter-spacing: -0.12px; | |
456 | 517 | } |
457 | 518 | |
458 | 519 | .see-more-repository::after { |
459 | - background: none repeat scroll 0 0 #3e67b1; | |
460 | - border-radius: 4px; | |
461 | - color: #ffffff; | |
462 | - content: ">"; | |
463 | - font-size: 15px; | |
464 | - line-height: 20px; | |
465 | - margin-left: 5px; | |
466 | - padding-left: 7px; | |
467 | - padding-right: 4px; | |
468 | - position: relative; | |
469 | - text-align: center; | |
470 | - top: 2px; | |
520 | + background: none repeat scroll 0 0 #3e67b1; | |
521 | + border-radius: 2px; | |
522 | + color: #ffffff; | |
523 | + content: url('images/left-arrow.png'); | |
524 | + font-size: 15px; | |
525 | + line-height: 20px; | |
526 | + margin-left: 5px; | |
527 | + padding: 2px 7px 1px 7px; | |
528 | + position: relative; | |
529 | + text-align: center; | |
530 | + top: 2px; | |
471 | 531 | } | ... | ... |
redes_sociais.css
1 | 1 | .ui-widget-header |
2 | 2 | { |
3 | - background: none; | |
4 | - border: 0px solid #aaaaaa; | |
5 | - color: none; | |
6 | - font-weight: bold; | |
3 | + background: none; | |
4 | + border: 0px solid #aaaaaa; | |
5 | + color: none; | |
6 | + font-weight: bold; | |
7 | 7 | } |
8 | 8 | .ui-tabs .ui-tabs-panel |
9 | 9 | { |
10 | - background-color: #eeeff1; | |
11 | - border-width: 1px; | |
12 | - color: #777; | |
13 | - display: block; | |
14 | - font-size: 13px; | |
15 | - padding: 1em 1.4em; | |
16 | - text-decoration: none; | |
10 | + background-color: #eeeff1; | |
11 | + border-width: 1px; | |
12 | + color: #777; | |
13 | + display: block; | |
14 | + font-size: 13px; | |
15 | + padding: 1em 1.4em; | |
16 | + text-decoration: none; | |
17 | 17 | } |
18 | 18 | .ui-tabs .ui-tabs-nav |
19 | 19 | { |
20 | - margin: 0; | |
21 | - padding: 0; | |
20 | + margin: 0; | |
21 | + padding: 0; | |
22 | 22 | } |
23 | 23 | .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default |
24 | 24 | { |
25 | - background: #d5d5d5 none; | |
26 | - border: 1px solid #d4d5d7; | |
27 | - color: #555555; | |
28 | - font-weight: normal; | |
25 | + background: #d5d5d5 none; | |
26 | + border: 1px solid #d4d5d7; | |
27 | + color: #555555; | |
28 | + font-weight: normal; | |
29 | 29 | } |
30 | 30 | .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active |
31 | 31 | { |
32 | - background: #eeeff1 none; | |
33 | - background-color: #eeeff1; | |
34 | - border: 1px solid #aaaaaa; | |
35 | - color: #212121; | |
36 | - font-weight: normal; | |
32 | + background: #eeeff1 none; | |
33 | + background-color: #eeeff1; | |
34 | + border: 1px solid #aaaaaa; | |
35 | + color: #212121; | |
36 | + font-weight: normal; | |
37 | 37 | } |
38 | 38 | .ui-widget-content |
39 | 39 | { |
40 | - border: 0px solid #aaaaaa; | |
40 | + border: 0px solid #aaaaaa; | |
41 | 41 | } |
42 | 42 | |
43 | 43 | /********Novas abas - pagina de comunidade*********/ |
44 | 44 | #block-community-tabs{ |
45 | - font-family:arial; | |
45 | + font-family:arial; | |
46 | 46 | } |
47 | 47 | |
48 | 48 | #block-community-tabs .ui-widget-header{ |
49 | - background:#ECEDF1; | |
50 | - border-radius:0px; | |
51 | - border:none; | |
52 | - border-bottom: 3px solid #D3D6DE; | |
53 | - color: none; | |
54 | - font-weight: bold; | |
49 | + background:#ECEDF1; | |
50 | + border-radius:0px; | |
51 | + border:none; | |
52 | + border-bottom: 3px solid #D3D6DE; | |
53 | + color: none; | |
54 | + font-weight: bold; | |
55 | 55 | } |
56 | 56 | |
57 | +.information-repository-activ { | |
58 | + height: 117px !important; | |
59 | +} | |
57 | 60 | |
58 | 61 | #block-community-tabs .ui-tabs .ui-tabs-panel{ |
59 | 62 | background-color: #ffffff; |
... | ... | @@ -64,44 +67,75 @@ |
64 | 67 | padding: 0px; /*padding: 1em 1.4em;*/ |
65 | 68 | text-decoration: none; |
66 | 69 | } |
70 | + | |
71 | +#block-community-tabs .ui-tabs .ui-tabs-panel { | |
72 | + padding: 0px; | |
73 | +} | |
74 | + | |
67 | 75 | #block-community-tabs .ui-tabs .ui-tabs-nav{ |
68 | - margin: 0; | |
69 | - padding: 0; | |
76 | + margin: 0px; | |
77 | + padding: 0px; | |
70 | 78 | } |
71 | 79 | |
72 | 80 | #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{ |
73 | - /*background: #d5d5d5 none; | |
74 | - border: 1px solid #d4d5d7; | |
75 | - color: #555555;*/ | |
76 | - font-weight: normal; | |
81 | + /*background: #d5d5d5 none; | |
82 | + border: 1px solid #d4d5d7; | |
83 | + color: #555555;*/ | |
84 | + font-weight: normal; | |
77 | 85 | } |
78 | 86 | #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{ |
79 | - /*background: #eeeff1 none; | |
80 | - background-color: #eeeff1; | |
81 | - border: 1px solid #aaaaaa; | |
82 | - color: #212121;*/ | |
83 | - font-weight: normal; | |
87 | + /*background: #eeeff1 none; | |
88 | + background-color: #eeeff1; | |
89 | + border: 1px solid #aaaaaa; | |
90 | + color: #212121;*/ | |
91 | + font-weight: normal; | |
84 | 92 | } |
85 | 93 | |
86 | 94 | #block-community-tabs .ui-widget-content{ |
87 | - border: 0px solid #aaaaaa; | |
95 | + border: 0px solid #aaaaaa; | |
88 | 96 | } |
89 | 97 | |
90 | 98 | #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default { |
91 | - border: none; | |
92 | - background:#ECEDF1 ; | |
93 | - font-weight: normal; | |
94 | - color: #172738; | |
99 | + border: none; | |
100 | + background:#ECEDF1 ; | |
101 | + font-weight: normal; | |
102 | + color: #172738; | |
95 | 103 | } |
96 | 104 | |
97 | -#block-community-tabs .ui-state-default a:hover, | |
98 | -#block-community-tabs .ui-state-default a:link, | |
99 | -#block-community-tabs .ui-state-default a:active{ | |
100 | - color:#172738; | |
105 | +#block-community-tabs .ui-state-default a{ | |
106 | + color: #172738; | |
107 | +} | |
108 | + | |
109 | +#block-community-tabs .ui-tabs .ui-tabs-nav { | |
110 | + font-size: 15px; | |
101 | 111 | } |
102 | 112 | |
103 | 113 | #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active { |
104 | -margin-bottom: -3px; | |
105 | -padding-bottom: 1px; | |
106 | -border-bottom: 3px solid #FF0366; | |
114 | + margin-bottom: -3px; | |
115 | + padding-bottom: 1px; | |
116 | + border-bottom: 3px solid #FF0366; | |
117 | + font-weight: 700; | |
118 | + | |
119 | +} | |
120 | + | |
121 | +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{ | |
122 | + color: #FF0366; | |
123 | +} | |
124 | + | |
125 | +#block-community-tabs .ui-tabs .ui-tabs-nav li .triangle { | |
126 | + position: absolute; | |
127 | + margin-top: 38px; | |
128 | + margin-left: 45%; | |
129 | + width: 0; | |
130 | + height: 0; | |
131 | + border-left: 5px solid transparent; | |
132 | + border-right: 5px solid transparent; | |
133 | + border-top: 5px solid #FF0366; | |
134 | + font-size: 0; | |
135 | + line-height: 0; | |
136 | + display: none; | |
137 | +} | |
138 | + | |
139 | +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .triangle { | |
140 | + display: block; | |
107 | 141 | } | ... | ... |