Download as
Browse Code »

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

Showing 8 changed files with 344 additions and 103 deletions   Show diff stats
README.md
  Diff comments   View file @72cc202
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
... ...
images/comunidade-evento-imagem-evento.jpg 0 → 100644
View file @72cc202

23.7 KB
images/comunidade-evento-imagem-evento.png 0 → 100644
View file @72cc202

26.3 KB
images/left-arrow.png 0 → 100644
View file @72cc202

249 Bytes
images/upload-icon.png 0 → 100644
View file @72cc202

384 Bytes
pagina_comunidade.css
  Diff comments   View file @72cc202
... ... @@ -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
  Diff comments   View file @72cc202
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
  Diff comments   View file @72cc202
... ... @@ -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 +}
... ...