Commit 72cc202d7f0dd2ad7f2e526b113887d72d9bae56
Exists in
master
and in
79 other branches
Merge branch 'master' of https://gitlab.com/softwarepublico/noosfero-spb-theme
Showing
8 changed files
with
344 additions
and
103 deletions
Show diff stats
README.md
1 | -Participa.gov Theme for Noosfero | |
1 | +PSB Theme for Noosfero | |
2 | 2 | ================================ |
3 | 3 | |
4 | -Noosfero theme for the Participa.gov environment. | |
4 | +Noosfero theme for the _Portal do Software Público_ project. | |
5 | 5 | |
6 | -Install on /public/designs/themes/participa | |
6 | +Install on /public/designs/themes/noosfero-spb-theme | |
7 | 7 | \ No newline at end of file | ... | ... |
23.7 KB
26.3 KB
249 Bytes
384 Bytes
pagina_comunidade.css
... | ... | @@ -5,10 +5,23 @@ |
5 | 5 | margin:0px 20px 0px 0px; |
6 | 6 | |
7 | 7 | } |
8 | + | |
8 | 9 | #infor-community-geral h1{ |
9 | 10 | text-align: left; |
11 | + font-size: 23px; | |
10 | 12 | } |
13 | + | |
11 | 14 | #infor-community-geral p{ |
15 | + /*font-size: 12px;*/ | |
16 | +} | |
17 | + | |
18 | +#buttons-infor-community input{ | |
19 | + border:1px solid #D3D6DE; | |
20 | + border-radius:4px; | |
21 | + background:none; | |
22 | + color: #5E82C6; | |
23 | + margin:2px; | |
24 | + padding:3px 10px; | |
12 | 25 | |
13 | 26 | } |
14 | 27 | |
... | ... | @@ -229,14 +242,14 @@ top: 2px; |
229 | 242 | /* |
230 | 243 | #itens-legend-grafic{ |
231 | 244 | text-align: :left; |
232 | - /*float:right; | |
233 | - margin:0px;*/ | |
245 | + float:right; | |
246 | + margin:0px; | |
234 | 247 | }*/ |
235 | 248 | |
236 | 249 | ul#itens-legend-grafic{ |
237 | 250 | text-align: left; |
238 | 251 | margin: 0px; |
239 | - padding: 10px; | |
252 | + /*padding: 50px;*/ | |
240 | 253 | } |
241 | 254 | |
242 | 255 | #itens-legend-grafic li{ |
... | ... | @@ -283,21 +296,36 @@ ul#itens-legend-grafic{ |
283 | 296 | } |
284 | 297 | |
285 | 298 | #discussions h3{ |
286 | - padding:12px 0px 3px 0px; | |
299 | + font-size: 20px; | |
300 | + padding:25px 0px 5px 0px; | |
287 | 301 | margin:0px; |
288 | 302 | } |
289 | 303 | |
290 | 304 | .tidings{ |
291 | - border-top: 1px solid #ECEDF1; | |
305 | + border-top: 1px solid #D3D6DE; | |
292 | 306 | padding:10px; |
307 | + padding-bottom: 23px; | |
293 | 308 | } |
294 | 309 | |
295 | 310 | .date-list-discussion, |
296 | 311 | .subject-list-discussion{ |
297 | 312 | display: block; |
298 | - line-height: 21px; | |
299 | - padding: 0px 0px 10px 0px; | |
300 | - 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; | |
301 | 329 | } |
302 | 330 | |
303 | 331 | .date-list-discussion{ |
... | ... | @@ -308,43 +336,103 @@ ul#itens-legend-grafic{ |
308 | 336 | text-decoration: none; |
309 | 337 | color:#5E82C6; |
310 | 338 | } |
311 | -.see-more-discussion{ | |
312 | -text-align: right; | |
313 | - padding: 10px; | |
339 | + | |
340 | +.see-more-discussion { | |
341 | + text-align: right; | |
342 | + padding: 15px 0px 0px 0px; | |
314 | 343 | text-transform: uppercase; |
315 | 344 | line-height: 21px; |
316 | - font-size: 12px; | |
317 | - border-top: 1px solid #ECEDF1; | |
345 | + font-size: 11px; | |
346 | + border-top: 1px solid #D3D6DE; | |
347 | + margin-bottom: 2px; | |
348 | + letter-spacing: -0.12px; | |
318 | 349 | } |
319 | 350 | |
320 | 351 | .see-more-discussion::after { |
321 | 352 | background: none repeat scroll 0 0 #3e67b1; |
322 | - border-radius: 4px; | |
353 | + border-radius: 2px; | |
323 | 354 | color: #ffffff; |
324 | - content: ">"; | |
355 | + content: url('images/left-arrow.png'); | |
325 | 356 | font-size: 15px; |
326 | 357 | line-height: 20px; |
327 | 358 | margin-left: 5px; |
328 | - padding-left: 7px; | |
329 | - padding-right: 4px; | |
359 | + padding: 2px 7px 1px 7px; | |
330 | 360 | position: relative; |
331 | 361 | text-align: center; |
332 | 362 | top: 2px; |
333 | 363 | } |
334 | 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 | + | |
335 | 378 | /********************** ABA03 - BLOG ********************************/ |
379 | +#block-news-community{ | |
380 | + padding-top:20px; | |
381 | +} | |
382 | + | |
383 | +#block-news-community .news_principal_title{ | |
384 | + color:#172738; | |
385 | + font-size: 22px; | |
386 | + line-height: 23px; | |
387 | + font-weight: 700; | |
388 | +} | |
389 | +#block-news-community .news_principal_date{ | |
390 | + text-transform: uppercase; | |
391 | +} | |
392 | + | |
393 | +#block-news-community .news_principal_text{ | |
394 | + color:#172738; | |
395 | + margin-top:10px; | |
396 | +} | |
397 | + | |
398 | +#block-news-community .published-at{ | |
399 | + margin:0px 125px; | |
400 | + text-transform: uppercase; | |
401 | +} | |
402 | + | |
403 | +#content #block-news-community .read-more{ | |
404 | + background: none; | |
405 | + border-top: none; | |
406 | +} | |
407 | + | |
408 | +#content .box #block-news-community .read-more a::after{ | |
409 | + background:#3E67B1; | |
410 | +} | |
411 | +#content #block-news-community .read-more a:hover{ | |
412 | + background: none; | |
413 | +} | |
336 | 414 | |
337 | 415 | |
338 | 416 | /********************** ABA04 - Wiki ********************************/ |
417 | +#aba4 { | |
418 | + border-bottom: 3px solid #172738; | |
419 | + padding-bottom: 40px; | |
420 | +} | |
421 | + | |
339 | 422 | #aba4 h3{ |
340 | 423 | color:#172738; |
341 | 424 | border-bottom: 2px solid #ECEDF1; |
342 | - padding:10px; | |
425 | + padding:10px 0px; | |
343 | 426 | } |
344 | 427 | |
345 | 428 | #aba4 span{ |
346 | 429 | line-height: 21px; |
347 | - 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; | |
348 | 436 | } |
349 | 437 | |
350 | 438 | |
... | ... | @@ -352,72 +440,184 @@ text-align: right; |
352 | 440 | |
353 | 441 | .information-repository-activ{ |
354 | 442 | border-bottom: 1px solid #D3D6DE; |
355 | - padding:40px 20px 40px 20px; | |
443 | + /*padding:40px 20px 40px 20px; #D3D6DE*/ | |
444 | + margin: 0px; | |
356 | 445 | color:#172738; |
357 | 446 | } |
358 | 447 | |
359 | 448 | .about-commit{ |
449 | + font-size: 12px; | |
360 | 450 | display:block; |
361 | 451 | position:absolute; |
362 | 452 | float:left; |
453 | + margin-top: 27px; | |
363 | 454 | border-right:1px dotted #D3D6DE; |
364 | - padding-right: 40px; | |
455 | + padding: 0px 23px 13px 0px; | |
456 | +} | |
457 | + | |
458 | +.calendar-commit { | |
459 | + margin-top: 10px; | |
365 | 460 | } |
461 | + | |
366 | 462 | .about-commit span{ |
367 | 463 | position: relative; |
368 | - display:block; | |
464 | + display: block; | |
369 | 465 | line-height: 21px; |
370 | - padding: 5px; | |
466 | + padding: 0px; | |
371 | 467 | } |
372 | 468 | |
373 | 469 | .information-member-repository{ |
374 | - margin-left:150px; | |
470 | + padding-top: 28px; | |
471 | + margin-left: 127px; | |
375 | 472 | display:block; |
376 | 473 | |
377 | 474 | } |
378 | 475 | |
476 | +.name-information-repository { | |
477 | + font-size: 12px; | |
478 | +} | |
479 | + | |
480 | +.information-member-repository { | |
481 | + margin-bottom: 20px; | |
482 | +} | |
483 | + | |
379 | 484 | .information-member-repository span{ |
380 | 485 | display:block; |
381 | 486 | position:relative; |
382 | - line-height: 21px; | |
383 | - padding: 5px; | |
487 | + line-height: 15px; | |
488 | + padding: 5px; | |
384 | 489 | } |
385 | 490 | |
386 | 491 | .commit-historic::before { |
387 | - content: url("images/calendar-icon.png"); | |
388 | - float: left; | |
492 | + content: url("images/upload-icon.png"); | |
493 | + /*float: left;*/ | |
389 | 494 | line-height: 20px; |
390 | - margin-right: 10px; | |
495 | + margin-right: 11px; | |
391 | 496 | margin-top: 4px; |
392 | 497 | } |
393 | 498 | |
394 | 499 | .calendar-commit::before { |
395 | 500 | content: url("images/calendar-icon.png"); |
396 | - float: left; | |
501 | + /*float: left;*/ | |
397 | 502 | line-height: 20px; |
398 | - margin-right: 10px; | |
503 | + margin-right: 11px; | |
399 | 504 | margin-top: 4px; |
400 | 505 | } |
401 | 506 | |
402 | 507 | .see-more-repository{ |
508 | + color: black !important; | |
403 | 509 | text-align: right; |
404 | - padding:10px; | |
510 | + padding: 15px 0px 0px 0px; | |
405 | 511 | text-transform: uppercase; |
406 | 512 | line-height: 21px; |
407 | - font-size:12px; | |
513 | + font-size: 11px; | |
514 | +/* border-top: 1px solid #D3D6DE; */ | |
515 | + margin-bottom: 2px; | |
516 | + letter-spacing: -0.12px; | |
408 | 517 | } |
409 | 518 | |
410 | 519 | .see-more-repository::after { |
411 | - background: none repeat scroll 0 0 #3e67b1; | |
412 | - border-radius: 4px; | |
413 | - color: #ffffff; | |
414 | - content: ">"; | |
415 | - font-size: 15px; | |
416 | - line-height: 20px; | |
417 | - margin-left: 5px; | |
418 | - padding-left: 7px; | |
419 | - padding-right: 4px; | |
420 | - position: relative; | |
421 | - text-align: center; | |
422 | - 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; | |
531 | +} | |
532 | + | |
533 | + | |
534 | +/*********************** Página de eventos da comunidade *******************/ | |
535 | + | |
536 | +#event-card { | |
537 | + border-top: 1px dotted #D3D6D3; | |
538 | + padding-top: 33px; | |
539 | + width: 494px; | |
540 | + height: 216px; | |
541 | + /*background-image: url('images/evento-teste.jpg');*/ | |
542 | + background-repeat: no-repeat; | |
543 | +} | |
544 | + | |
545 | +#event-card #event-image { | |
546 | + position: relative; | |
547 | + float: left; | |
548 | + content: url('images/comunidade-evento-imagem-evento.png'); | |
549 | + border-right:1px dotted #D3D6DE; | |
550 | + padding-right: 22px; | |
551 | +} | |
552 | + | |
553 | +.about-event { | |
554 | + position: relative; | |
555 | + float: left; | |
556 | + width: 300px; | |
557 | + max-width: 300px; | |
558 | + height: inherit; | |
423 | 559 | } |
560 | + | |
561 | +.about-event span { | |
562 | + font-family: arial; | |
563 | + display: block; | |
564 | + max-width: inherit; | |
565 | + margin-left: 40px; | |
566 | +} | |
567 | + | |
568 | +.about-event .event-date { | |
569 | + font-weight: bold; | |
570 | + letter-spacing: 0.56px; | |
571 | + margin-top: 3px; | |
572 | +} | |
573 | + | |
574 | +.about-event .event-link { | |
575 | + margin-top: 16px; | |
576 | + letter-spacing: 0.34px; | |
577 | +} | |
578 | + | |
579 | +.about-event .event-address { | |
580 | + margin-top: 19px; | |
581 | +} | |
582 | + | |
583 | +.about-event .event-address span { | |
584 | + display: block; | |
585 | + margin-left: 0px; | |
586 | + margin-top: 4.4px; | |
587 | +} | |
588 | + | |
589 | +.about-event .event-address #area { | |
590 | + letter-spacing: 0.54px; | |
591 | +} | |
592 | + | |
593 | +.about-event .event-address #district { | |
594 | + letter-spacing: 0.7px; | |
595 | +} | |
596 | + | |
597 | +.about-event .event-address #city { | |
598 | + letter-spacing: 0.68px; | |
599 | +} | |
600 | + | |
601 | +.about-event .event-address #cep { | |
602 | + letter-spacing: 0.65px; | |
603 | +} | |
604 | + | |
605 | +/* | |
606 | +.event-date::before { | |
607 | + content: url("images/calendar-icon.png"); | |
608 | +} | |
609 | +*/ | |
610 | + | |
611 | +#community-page { | |
612 | + height: 716px; | |
613 | + background-image: url('images/teste.png'); | |
614 | + background-repeat: no-repeat; | |
615 | +} | |
616 | + | |
617 | +#community-page h1 { | |
618 | + margin-bottom: 16px; | |
619 | + text-align: left; | |
620 | + font-size: 32px; | |
621 | + line-height: 30px; | |
622 | + letter-spacing: 0.1px; | |
623 | +} | |
424 | 624 | \ No newline at end of file | ... | ... |
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; |
... | ... | @@ -61,47 +64,78 @@ |
61 | 64 | color: #777; |
62 | 65 | display: block; |
63 | 66 | font-size: 13px; |
64 | - padding: 1em 1.4em; | |
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 | } | ... | ... |
style.css
... | ... | @@ -26,7 +26,7 @@ |
26 | 26 | @import url(pagina_software.css); |
27 | 27 | /****************** Pagina comunidade ********************/ |
28 | 28 | @import url(pagina_comunidade.css); |
29 | - | |
29 | +/*********************************************/ | |
30 | 30 | @import url(page-inicial.css); |
31 | 31 | @import url(page-catalog-software.css); |
32 | 32 | |
... | ... | @@ -2881,3 +2881,10 @@ body.action-embed-index { |
2881 | 2881 | padding-right: 150px; |
2882 | 2882 | } |
2883 | 2883 | |
2884 | +div.software-step-info div.current-step h3 { | |
2885 | + color: #F50054; | |
2886 | +} | |
2887 | + | |
2888 | +#content .main-block div.software-step-info div.another-step h3 { | |
2889 | + font-size: 12px !important; | |
2890 | +} | ... | ... |