Commit 2226d506f1563ddde21c0d7249d65791476631f3

Authored by Victor Costa
2 parents 2dde0d8e 467d90e6

Merge branch 'master' of github.com:SerproLivre/participa-theme

Showing 2 changed files with 152 additions and 30 deletions   Show diff stats
cabecalho-amarelo-theme.css
@@ -86,7 +86,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ @@ -86,7 +86,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/
86 } 86 }
87 87
88 #logo a, #logo #portal-title { 88 #logo a, #logo #portal-title {
89 - color: #03316f !important; 89 + color: #03316f;
90 } 90 }
91 91
92 #logo #portal-title { 92 #logo #portal-title {
@@ -131,7 +131,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ @@ -131,7 +131,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/
131 } 131 }
132 132
133 #portal-siteactions a:hover { 133 #portal-siteactions a:hover {
134 - color: #03316f !important; 134 + color: #03316f;
135 } 135 }
136 136
137 #portal-siteactions li { 137 #portal-siteactions li {
@@ -519,5 +519,11 @@ background-image: url(images/icone-flickr-escuro.png); @@ -519,5 +519,11 @@ background-image: url(images/icone-flickr-escuro.png);
519 max-width: 960px; 519 max-width: 960px;
520 margin: 0 auto; 520 margin: 0 auto;
521 text-align: center; 521 text-align: center;
  522 + padding: 19px;
522 } 523 }
523 524
  525 +#footer-license p {
  526 + color: #F28F00;
  527 +}
  528 +
  529 +
@@ -46,8 +46,10 @@ @@ -46,8 +46,10 @@
46 46
47 div#wrapper-barra-brasil { 47 div#wrapper-barra-brasil {
48 width: 960px; 48 width: 960px;
  49 + font-family: Arial, Helvetica, sans-serif !important;
49 } 50 }
50 51
  52 +
51 /****************** Estilos basicos ******************/ 53 /****************** Estilos basicos ******************/
52 54
53 /******* itens do gov-plone.css *******/ 55 /******* itens do gov-plone.css *******/
@@ -338,6 +340,11 @@ p { @@ -338,6 +340,11 @@ p {
338 340
339 /****Display Content - Bloco de artigo****/ 341 /****Display Content - Bloco de artigo****/
340 342
  343 +.action-home-index .display-content-block ul,
  344 +.action-home-index .display-content-block ul li{
  345 + display: inline-block;
  346 +}
  347 +
341 .display-content-block .lead { 348 .display-content-block .lead {
342 overflow: hidden; 349 overflow: hidden;
343 } 350 }
@@ -361,7 +368,7 @@ p { @@ -361,7 +368,7 @@ p {
361 font-weight: bold; 368 font-weight: bold;
362 line-height: 1em; 369 line-height: 1em;
363 padding: 0; 370 padding: 0;
364 - color: black; 371 + color: #000;
365 } 372 }
366 373
367 #content .main-block h1, 374 #content .main-block h1,
@@ -379,48 +386,70 @@ p { @@ -379,48 +386,70 @@ p {
379 } 386 }
380 .action-home-index #content .display-content-block .title, 387 .action-home-index #content .display-content-block .title,
381 .action-environment_design-index #content .display-content-block .title{ 388 .action-environment_design-index #content .display-content-block .title{
382 - float: right;  
383 - width: 50%; 389 + clear: right;
  390 + float: left;
  391 + min-width: 40%;
384 padding-right: 0; 392 padding-right: 0;
385 } 393 }
  394 +.action-home-index #content .display-content-block .title a,
  395 +.action-environment_design-index #content .display-content-block .title a{
  396 + color: #0B0C0C;
  397 + font-size: 34px;
  398 +}
  399 +
386 .action-home-index #content .display-content-block .image, 400 .action-home-index #content .display-content-block .image,
387 .action-environment_design-index #content .display-content-block .image{ 401 .action-environment_design-index #content .display-content-block .image{
388 float: left; 402 float: left;
389 - width: 450px; 403 + max-width: 460px;
  404 + margin-right: 24px;
390 } 405 }
391 .action-home-index #content .display-content-block .image img, 406 .action-home-index #content .display-content-block .image img,
392 .action-environment_design-index #content .display-content-block .image img{ 407 .action-environment_design-index #content .display-content-block .image img{
393 - max-width: 450px;  
394 - max-height: 300px; 408 + max-width: 460px;
  409 + height: 300px;
395 } 410 }
396 .action-home-index #content .display-content-block .image a, 411 .action-home-index #content .display-content-block .image a,
397 .action-environment_design-index #content .display-content-block .image a{ 412 .action-environment_design-index #content .display-content-block .image a{
398 } 413 }
399 .action-home-index #content .display-content-block .lead, 414 .action-home-index #content .display-content-block .lead,
400 .action-environment_design-index #content .display-content-block .lead{ 415 .action-environment_design-index #content .display-content-block .lead{
401 - float: right;  
402 - width: 50%;  
403 - clear: right; 416 + border-top: 1px solid #CCCCCC;
  417 + clear: right;
  418 + float: left;
  419 + margin-top: 1em;
  420 + padding-top: 1em;
  421 + width: 40%;
  422 +}
  423 +
  424 +.action-home-index #content .display-content-block .lead p,
  425 +.action-environment_design-index #content .display-content-block .lead p{
  426 + font-size: 13px;
  427 + line-height: 1.4em;
  428 + color: #484848;
404 } 429 }
  430 +
405 .action-home-index #content .display-content-block .lead .img, 431 .action-home-index #content .display-content-block .lead .img,
406 .action-environment_design-index #content .display-content-block .lead .img{ 432 .action-environment_design-index #content .display-content-block .lead .img{
407 } 433 }
408 .action-home-index #content .display-content-block .tags, 434 .action-home-index #content .display-content-block .tags,
409 .action-environment_design-index #content .display-content-block .tags{ 435 .action-environment_design-index #content .display-content-block .tags{
410 - float: right;  
411 - width: 50%;  
412 - clear: right; 436 + clear: right;
  437 + float: left;
  438 + min-width: 40%;
413 } 439 }
414 .action-home-index #content .display-content-block .published-at, 440 .action-home-index #content .display-content-block .published-at,
415 .action-environment_design-index #content .display-content-block .published-at{ 441 .action-environment_design-index #content .display-content-block .published-at{
416 - float: right;  
417 - width: 50%; 442 + clear: right;
  443 + float: left;
  444 + min-width: 40%;
  445 + color: #666;
  446 + font-size: 12px;
418 } 447 }
419 .action-home-index #content .display-content-block .read_more, 448 .action-home-index #content .display-content-block .read_more,
420 .action-environment_design-index #content .display-content-block .read_more{ 449 .action-environment_design-index #content .display-content-block .read_more{
421 - float: right;  
422 - width: 50%;  
423 - clear: right; 450 + clear: right;
  451 + float: left;
  452 + min-width: 40%;
424 } 453 }
425 454
426 /*Display Content em container na página inicial*/ 455 /*Display Content em container na página inicial*/
@@ -454,6 +483,13 @@ p { @@ -454,6 +483,13 @@ p {
454 padding-right: 0; 483 padding-right: 0;
455 margin: 14px 0; 484 margin: 14px 0;
456 } 485 }
  486 +.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  487 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a{
  488 + color: #0B0C0C;
  489 + font-size: 20px;
  490 + font-family: Arial, Helvetica, sans-serif;
  491 + font-weight: bold;
  492 +}
457 .action-home-index #content .container-block-plugin_container-block .display-content-block .image, 493 .action-home-index #content .container-block-plugin_container-block .display-content-block .image,
458 .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{ 494 .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{
459 float: none; 495 float: none;
@@ -474,6 +510,7 @@ p { @@ -474,6 +510,7 @@ p {
474 float: none; 510 float: none;
475 width: 100%; 511 width: 100%;
476 clear: right; 512 clear: right;
  513 + border-top: 0px solid transparent;
477 } 514 }
478 .action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img, 515 .action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img,
479 .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{ 516 .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{
@@ -980,7 +1017,7 @@ input.button.with-text { @@ -980,7 +1017,7 @@ input.button.with-text {
980 #content .track_list .item_card .track_content .title{ 1017 #content .track_list .item_card .track_content .title{
981 color: white; 1018 color: white;
982 font-family: Arial,sans-serif; 1019 font-family: Arial,sans-serif;
983 - font-size: small; 1020 + font-size: 15px;
984 font-weight: bold; 1021 font-weight: bold;
985 min-height: 15px; 1022 min-height: 15px;
986 padding: 5px 0; 1023 padding: 5px 0;
@@ -999,7 +1036,7 @@ input.button.with-text { @@ -999,7 +1036,7 @@ input.button.with-text {
999 } 1036 }
1000 1037
1001 #content .track_list .item_card .track_content .name { 1038 #content .track_list .item_card .track_content .name {
1002 - font-size: small; 1039 + font-size: 12px;
1003 font-weight: normal; 1040 font-weight: normal;
1004 padding: 5px 0; 1041 padding: 5px 0;
1005 text-align: left; 1042 text-align: left;
@@ -1317,6 +1354,19 @@ input.button.with-text { @@ -1317,6 +1354,19 @@ input.button.with-text {
1317 font-family: Arial, sans-serif; 1354 font-family: Arial, sans-serif;
1318 } 1355 }
1319 1356
  1357 +.action-home-index #content .article-block .short-post .read-more a {
  1358 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  1359 + color: #333;
  1360 + display: inline-block;
  1361 + font-weight: bold;
  1362 + padding: 10px 20px 10px 50px;
  1363 + text-align: left;
  1364 + font-family: Arial, sans-serif;
  1365 + margin-right: 1em;
  1366 +}
  1367 +
  1368 +
  1369 +
1320 .community-track-plugin_track-card-list-block .more_button{ 1370 .community-track-plugin_track-card-list-block .more_button{
1321 text-align: right; 1371 text-align: right;
1322 } 1372 }
@@ -1365,7 +1415,7 @@ input.button.with-text { @@ -1365,7 +1415,7 @@ input.button.with-text {
1365 1415
1366 .action-home-index #content .box-1 .block, 1416 .action-home-index #content .box-1 .block,
1367 .action-environment_design-index #content .box-1 .block { 1417 .action-environment_design-index #content .box-1 .block {
1368 - margin-bottom: 90px; 1418 + margin-bottom: 82px;
1369 } 1419 }
1370 1420
1371 1421
@@ -1397,7 +1447,7 @@ input.button.with-text { @@ -1397,7 +1447,7 @@ input.button.with-text {
1397 border-top: 0 none; 1447 border-top: 0 none;
1398 left: -20px; 1448 left: -20px;
1399 margin-bottom: 0; 1449 margin-bottom: 0;
1400 - margin-top: -43px; 1450 + margin-top: -47px;
1401 position: relative; 1451 position: relative;
1402 } 1452 }
1403 1453
@@ -1417,7 +1467,7 @@ input.button.with-text { @@ -1417,7 +1467,7 @@ input.button.with-text {
1417 .action-environment_design-index #content .box-1 .block-title span { 1467 .action-environment_design-index #content .box-1 .block-title span {
1418 background-color: #497b16; 1468 background-color: #497b16;
1419 color: white; 1469 color: white;
1420 - font-size: 14px; 1470 + font-size: 18px;
1421 font-variant: normal; 1471 font-variant: normal;
1422 padding: 0.5em 1em; 1472 padding: 0.5em 1em;
1423 text-align: left; 1473 text-align: left;
@@ -1427,7 +1477,7 @@ input.button.with-text { @@ -1427,7 +1477,7 @@ input.button.with-text {
1427 .action-environment_design-index #content .display-content-block:first-of-type .block-title span { 1477 .action-environment_design-index #content .display-content-block:first-of-type .block-title span {
1428 background-color: #f7b905; 1478 background-color: #f7b905;
1429 color: #0a4d06; 1479 color: #0a4d06;
1430 - font-size: 14px; 1480 + font-size: 18px;
1431 font-variant: normal; 1481 font-variant: normal;
1432 padding: 0.5em 1em; 1482 padding: 0.5em 1em;
1433 text-align: left; 1483 text-align: left;
@@ -1477,7 +1527,7 @@ input.button.with-text { @@ -1477,7 +1527,7 @@ input.button.with-text {
1477 .action-environment_design-index .people-block .banner-span { 1527 .action-environment_design-index .people-block .banner-span {
1478 background-color: #f15921; 1528 background-color: #f15921;
1479 color: #fff; 1529 color: #fff;
1480 - font-size: 20px; 1530 + font-size: 22px;
1481 font-weight: normal; 1531 font-weight: normal;
1482 height: 56px; 1532 height: 56px;
1483 line-height: 56px; 1533 line-height: 56px;
@@ -1690,6 +1740,11 @@ body.contraste .read_more a @@ -1690,6 +1740,11 @@ body.contraste .read_more a
1690 } 1740 }
1691 1741
1692 body.contraste a, 1742 body.contraste a,
  1743 +body.contraste #accessibility a,
  1744 +body.contraste #portal-siteactions a,
  1745 +body.contraste #logo a,
  1746 +body.contraste #logo #portal-title,
  1747 +body.contraste #sobre a,
1693 body.contraste h1, 1748 body.contraste h1,
1694 body.contraste h2, 1749 body.contraste h2,
1695 body.contraste h3, 1750 body.contraste h3,
@@ -1701,29 +1756,49 @@ body.contraste #doormat-container dt, @@ -1701,29 +1756,49 @@ body.contraste #doormat-container dt,
1701 body.contraste #content .documentDescription, 1756 body.contraste #content .documentDescription,
1702 body.contraste #content #description, 1757 body.contraste #content #description,
1703 body.contraste .nitfByline, 1758 body.contraste .nitfByline,
1704 -body.contraste p.section { 1759 +body.contraste p.section,
  1760 +body.contraste .track_list .item_card .track_stats .hits .label,
  1761 +body.contraste .track_list .item_card .track_stats .comments .label,
  1762 +body.contraste .action-home-index #content .display-content-block .lead p,
  1763 +body.contraste .action-environment_design-index #content .display-content-block .lead p {
1705 color: #fff; 1764 color: #fff;
1706 } 1765 }
1707 1766
  1767 +
  1768 +
1708 body.contraste #content a:link, 1769 body.contraste #content a:link,
1709 body.contraste #content a:link, 1770 body.contraste #content a:link,
1710 body.contraste #content a { 1771 body.contraste #content a {
1711 color: #ffff00; 1772 color: #ffff00;
1712 } 1773 }
1713 1774
1714 -body.contraste #content .display-content-block .title a { 1775 +body.contraste #content .display-content-block .title a,
  1776 +body.contraste #content .track_list .item_card .track_content .name,
  1777 +body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  1778 +body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a {
1715 color: #ffff00; 1779 color: #ffff00;
1716 } 1780 }
1717 1781
  1782 +
  1783 +
1718 body.contraste.action-home-index #wrap-2, 1784 body.contraste.action-home-index #wrap-2,
1719 body.contraste.action-environment_design-index #wrap-2 { 1785 body.contraste.action-environment_design-index #wrap-2 {
1720 background-image: none; 1786 background-image: none;
1721 } 1787 }
1722 1788
1723 -body.contraste.action-home-index .block .block-inner-2, body.contraste.action-environment_design-index .block .block-inner-2,  
1724 -body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 { 1789 +body.contraste.action-home-index .block .block-inner-2,
  1790 +body.contraste.action-environment_design-index .block .block-inner-2,
  1791 +body.contraste.action-home-index #content .tags-block .block-inner-2,
  1792 +body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
1725 background-color: #333; 1793 background-color: #333;
1726 } 1794 }
  1795 +
  1796 +body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
  1797 + background-image: none;
  1798 + background-color: #fff;
  1799 +}
  1800 +
  1801 +
1727 body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 { 1802 body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
1728 border-top: 1px solid #fff; 1803 border-top: 1px solid #fff;
1729 } 1804 }
@@ -1759,6 +1834,21 @@ body.contraste #content .link-list-block li a:hover { @@ -1759,6 +1834,21 @@ body.contraste #content .link-list-block li a:hover {
1759 color: #ffff00; 1834 color: #ffff00;
1760 } 1835 }
1761 1836
  1837 +body.contraste #content .article-comment {
  1838 + background: none repeat scroll 0 0 #000;
  1839 +}
  1840 +
  1841 +body.contraste #comments_list .comment-info,
  1842 +body.contraste #comments_list .comment-created-at{
  1843 + color: #ffff00;
  1844 +}
  1845 +
  1846 +body.contraste #comments_list .comment-wrapper-8 {
  1847 + background-color: #000000;
  1848 + background-image: none;
  1849 + border: 1px solid #DDDDDD;
  1850 +}
  1851 +
1762 body.contraste #comments_list a.display-comment-form, 1852 body.contraste #comments_list a.display-comment-form,
1763 body.contraste #content input.button, body.contraste #content a.button { 1853 body.contraste #content input.button, body.contraste #content a.button {
1764 background-color:#333; 1854 background-color:#333;
@@ -1794,6 +1884,32 @@ body.contraste #footer-logos { @@ -1794,6 +1884,32 @@ body.contraste #footer-logos {
1794 background-color: #000; 1884 background-color: #000;
1795 } 1885 }
1796 1886
  1887 +body.contraste #theme-header .header-content #link-faq a {
  1888 + border-right: 1px solid #ffF;
  1889 +}
  1890 +
  1891 +body.contraste #portal-siteactions {
  1892 + border-bottom: 1px dotted #fff;
  1893 +}
  1894 +
  1895 +body.contraste #social-icons #sb_face {
  1896 + background-image: url("images/icone-facebook.png");
  1897 +}
  1898 +body.contraste #social-icons #sb_youtb {
  1899 + background-image: url("images/icone-youtube.png");
  1900 +}
  1901 +body.contraste #social-icons #sb_tweet {
  1902 + background-image: url("images/icone-twitter-branco.png");
  1903 +}
  1904 +body.contraste #social-icons #sb_flickr {
  1905 + background-image: url("images/icone-flickr.png");
  1906 +}
  1907 +/*body.contraste #social-icons #sb_inst {
  1908 + background-image: url("images/icone-instagram.png");
  1909 +}*/
  1910 +
  1911 +
  1912 +
1797 /* Plugin para curtir artigos e comentários */ 1913 /* Plugin para curtir artigos e comentários */
1798 1914
1799 .action .dislike:before { 1915 .action .dislike:before {