Commit 72cc202d7f0dd2ad7f2e526b113887d72d9bae56

Authored by Fabio Teixeira
2 parents d15d8bf2 4aac2da9
Exists in news_style

Merge branch 'master' of https://gitlab.com/softwarepublico/noosfero-spb-theme

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 \ No newline at end of file 7 \ No newline at end of file
images/comunidade-evento-imagem-evento.jpg 0 → 100644

23.7 KB

images/comunidade-evento-imagem-evento.png 0 → 100644

26.3 KB

images/left-arrow.png 0 → 100644

249 Bytes

images/upload-icon.png 0 → 100644

384 Bytes

pagina_comunidade.css
@@ -5,10 +5,23 @@ @@ -5,10 +5,23 @@
5 margin:0px 20px 0px 0px; 5 margin:0px 20px 0px 0px;
6 6
7 } 7 }
  8 +
8 #infor-community-geral h1{ 9 #infor-community-geral h1{
9 text-align: left; 10 text-align: left;
  11 + font-size: 23px;
10 } 12 }
  13 +
11 #infor-community-geral p{ 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,14 +242,14 @@ top: 2px;
229 /* 242 /*
230 #itens-legend-grafic{ 243 #itens-legend-grafic{
231 text-align: :left; 244 text-align: :left;
232 - /*float:right;  
233 - margin:0px;*/ 245 + float:right;
  246 + margin:0px;
234 }*/ 247 }*/
235 248
236 ul#itens-legend-grafic{ 249 ul#itens-legend-grafic{
237 text-align: left; 250 text-align: left;
238 margin: 0px; 251 margin: 0px;
239 - padding: 10px; 252 + /*padding: 50px;*/
240 } 253 }
241 254
242 #itens-legend-grafic li{ 255 #itens-legend-grafic li{
@@ -283,21 +296,36 @@ ul#itens-legend-grafic{ @@ -283,21 +296,36 @@ ul#itens-legend-grafic{
283 } 296 }
284 297
285 #discussions h3{ 298 #discussions h3{
286 - padding:12px 0px 3px 0px; 299 + font-size: 20px;
  300 + padding:25px 0px 5px 0px;
287 margin:0px; 301 margin:0px;
288 } 302 }
289 303
290 .tidings{ 304 .tidings{
291 - border-top: 1px solid #ECEDF1; 305 + border-top: 1px solid #D3D6DE;
292 padding:10px; 306 padding:10px;
  307 + padding-bottom: 23px;
293 } 308 }
294 309
295 .date-list-discussion, 310 .date-list-discussion,
296 .subject-list-discussion{ 311 .subject-list-discussion{
297 display: block; 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 .date-list-discussion{ 331 .date-list-discussion{
@@ -308,43 +336,103 @@ ul#itens-legend-grafic{ @@ -308,43 +336,103 @@ ul#itens-legend-grafic{
308 text-decoration: none; 336 text-decoration: none;
309 color:#5E82C6; 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 text-transform: uppercase; 343 text-transform: uppercase;
315 line-height: 21px; 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 .see-more-discussion::after { 351 .see-more-discussion::after {
321 background: none repeat scroll 0 0 #3e67b1; 352 background: none repeat scroll 0 0 #3e67b1;
322 - border-radius: 4px; 353 + border-radius: 2px;
323 color: #ffffff; 354 color: #ffffff;
324 - content: ">"; 355 + content: url('images/left-arrow.png');
325 font-size: 15px; 356 font-size: 15px;
326 line-height: 20px; 357 line-height: 20px;
327 margin-left: 5px; 358 margin-left: 5px;
328 - padding-left: 7px;  
329 - padding-right: 4px; 359 + padding: 2px 7px 1px 7px;
330 position: relative; 360 position: relative;
331 text-align: center; 361 text-align: center;
332 top: 2px; 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 /********************** ABA03 - BLOG ********************************/ 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 /********************** ABA04 - Wiki ********************************/ 416 /********************** ABA04 - Wiki ********************************/
  417 +#aba4 {
  418 + border-bottom: 3px solid #172738;
  419 + padding-bottom: 40px;
  420 +}
  421 +
339 #aba4 h3{ 422 #aba4 h3{
340 color:#172738; 423 color:#172738;
341 border-bottom: 2px solid #ECEDF1; 424 border-bottom: 2px solid #ECEDF1;
342 - padding:10px; 425 + padding:10px 0px;
343 } 426 }
344 427
345 #aba4 span{ 428 #aba4 span{
346 line-height: 21px; 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,72 +440,184 @@ text-align: right;
352 440
353 .information-repository-activ{ 441 .information-repository-activ{
354 border-bottom: 1px solid #D3D6DE; 442 border-bottom: 1px solid #D3D6DE;
355 - padding:40px 20px 40px 20px; 443 + /*padding:40px 20px 40px 20px; #D3D6DE*/
  444 + margin: 0px;
356 color:#172738; 445 color:#172738;
357 } 446 }
358 447
359 .about-commit{ 448 .about-commit{
  449 + font-size: 12px;
360 display:block; 450 display:block;
361 position:absolute; 451 position:absolute;
362 float:left; 452 float:left;
  453 + margin-top: 27px;
363 border-right:1px dotted #D3D6DE; 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 .about-commit span{ 462 .about-commit span{
367 position: relative; 463 position: relative;
368 - display:block; 464 + display: block;
369 line-height: 21px; 465 line-height: 21px;
370 - padding: 5px; 466 + padding: 0px;
371 } 467 }
372 468
373 .information-member-repository{ 469 .information-member-repository{
374 - margin-left:150px; 470 + padding-top: 28px;
  471 + margin-left: 127px;
375 display:block; 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 .information-member-repository span{ 484 .information-member-repository span{
380 display:block; 485 display:block;
381 position:relative; 486 position:relative;
382 - line-height: 21px;  
383 - padding: 5px; 487 + line-height: 15px;
  488 + padding: 5px;
384 } 489 }
385 490
386 .commit-historic::before { 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 line-height: 20px; 494 line-height: 20px;
390 - margin-right: 10px; 495 + margin-right: 11px;
391 margin-top: 4px; 496 margin-top: 4px;
392 } 497 }
393 498
394 .calendar-commit::before { 499 .calendar-commit::before {
395 content: url("images/calendar-icon.png"); 500 content: url("images/calendar-icon.png");
396 - float: left; 501 + /*float: left;*/
397 line-height: 20px; 502 line-height: 20px;
398 - margin-right: 10px; 503 + margin-right: 11px;
399 margin-top: 4px; 504 margin-top: 4px;
400 } 505 }
401 506
402 .see-more-repository{ 507 .see-more-repository{
  508 + color: black !important;
403 text-align: right; 509 text-align: right;
404 - padding:10px; 510 + padding: 15px 0px 0px 0px;
405 text-transform: uppercase; 511 text-transform: uppercase;
406 line-height: 21px; 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 .see-more-repository::after { 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 \ No newline at end of file 624 \ No newline at end of file
redes_sociais.css
1 .ui-widget-header 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 .ui-tabs .ui-tabs-panel 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 .ui-tabs .ui-tabs-nav 18 .ui-tabs .ui-tabs-nav
19 { 19 {
20 - margin: 0;  
21 - padding: 0; 20 + margin: 0;
  21 + padding: 0;
22 } 22 }
23 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 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 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 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 .ui-widget-content 38 .ui-widget-content
39 { 39 {
40 - border: 0px solid #aaaaaa; 40 + border: 0px solid #aaaaaa;
41 } 41 }
42 42
43 /********Novas abas - pagina de comunidade*********/ 43 /********Novas abas - pagina de comunidade*********/
44 #block-community-tabs{ 44 #block-community-tabs{
45 - font-family:arial; 45 + font-family:arial;
46 } 46 }
47 47
48 #block-community-tabs .ui-widget-header{ 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 #block-community-tabs .ui-tabs .ui-tabs-panel{ 61 #block-community-tabs .ui-tabs .ui-tabs-panel{
59 background-color: #ffffff; 62 background-color: #ffffff;
@@ -61,47 +64,78 @@ @@ -61,47 +64,78 @@
61 color: #777; 64 color: #777;
62 display: block; 65 display: block;
63 font-size: 13px; 66 font-size: 13px;
64 - padding: 1em 1.4em; 67 + padding: 0px; /*padding: 1em 1.4em;*/
65 text-decoration: none; 68 text-decoration: none;
66 } 69 }
  70 +
  71 +#block-community-tabs .ui-tabs .ui-tabs-panel {
  72 + padding: 0px;
  73 +}
  74 +
67 #block-community-tabs .ui-tabs .ui-tabs-nav{ 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 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{ 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 #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{ 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 #block-community-tabs .ui-widget-content{ 94 #block-community-tabs .ui-widget-content{
87 - border: 0px solid #aaaaaa; 95 + border: 0px solid #aaaaaa;
88 } 96 }
89 97
90 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default { 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 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active { 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 }
@@ -26,7 +26,7 @@ @@ -26,7 +26,7 @@
26 @import url(pagina_software.css); 26 @import url(pagina_software.css);
27 /****************** Pagina comunidade ********************/ 27 /****************** Pagina comunidade ********************/
28 @import url(pagina_comunidade.css); 28 @import url(pagina_comunidade.css);
29 - 29 +/*********************************************/
30 @import url(page-inicial.css); 30 @import url(page-inicial.css);
31 @import url(page-catalog-software.css); 31 @import url(page-catalog-software.css);
32 32
@@ -2881,3 +2881,10 @@ body.action-embed-index { @@ -2881,3 +2881,10 @@ body.action-embed-index {
2881 padding-right: 150px; 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 +}