diff --git a/README.md b/README.md index aab636d..c6ee836 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -Participa.ma.gov Theme for Noosfero +Participa.gov Theme for Noosfero ================================ -Noosfero theme for the Participa.ma.gov environment. +Noosfero theme for the Participa.gov environment. -Install on /public/designs/themes/participa-ma +Install on /public/designs/themes/participama diff --git a/cabecalho-azul-theme.css b/cabecalho-azul-theme.css index 3ed0324..9333db5 100644 --- a/cabecalho-azul-theme.css +++ b/cabecalho-azul-theme.css @@ -1,30 +1,29 @@ -/*(verde-claro=#4872BF)*/ -/*(verde-escuro=#3E67B1)*/ - +/*(amarelo-claro=#0C96D4)*/ +/*(amarelo-escuro=#096A95)*/ /****************** cabecalho ******************/ #theme-header{} #header { - padding: 40px 0 0 0; -background-color: #4872BF;/*(azul-claro)*/ + padding: 13px 0 0 0; +background-color: #0C96D4;/*(amarelo-claro)*/ /* Old browsers */ - background-color: #3E67B1; /*(azul-escuro)*/ - background-image: -moz-radial-gradient(center, ellipse cover, #4872BF 1%, #3E67B1 100%); /*(verde-claro)(verde-escuro)*/ + background-color: #096A95; /*(amarelo-escuro)*/ + background-image: -moz-radial-gradient(center, ellipse cover, #0C96D4 1%, #096A95 100%); /*(amarelo-claro)(amarelo-escuro)*/ /* FF3.6+ */ - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#4872BF), color-stop(100%,#3E67B1)); + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0C96D4), color-stop(100%,#096A95)); /* Chrome,Safari4+ */ - background-image: -webkit-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%); + background-image: -webkit-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%); /* Chrome10+,Safari5.1+ */ - background-image: -o-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%); + background-image: -o-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%); /* Opera 12+ */ - background-image: -ms-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%); + background-image: -ms-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%); /* IE10+ */ - background-image: radial-gradient(ellipse at center, #4872BF 1%,#3E67B1 100%); + background-image: radial-gradient(ellipse at center, #0C96D4 1%,#096A95 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872BF', endColorstr='#3E67B1',GradientType=1 ); +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C96D4', endColorstr='#096A95',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */ - color: #fff; + color: #fff !important; } #header>div { @@ -41,28 +40,29 @@ background-color: #4872BF;/*(azul-claro)*/ .header-content li { display: inline; } #brasilgov { - background: #3E67B1; + background: #00510f; border-bottom: 1px solid #ffcc00; padding: 5px 10px; - color: #fff; + color: #03316f; } #accessibility { - display: block !important; - font-size: 0.8em; - width: 50%; - float: left; + display: block !important; + float: left; + font-family: arial; + font-size: 10px; + width: 50%; } #accessibility a { - color: #dcffe3; + color: #FFF; /* #00500f; */ margin-right: 8px; } #accessibility span { - background: #9ed5ab; - color: #006600; - padding: 0 4px; + background: none repeat scroll 0 0 #36BBF3; + color: #FFFFFF; + padding: 0 4px; } @@ -81,18 +81,18 @@ background-color: #4872BF;/*(azul-claro)*/ #logo a { display: block; width: 100%; - color: #fff !important; + color: #03316f !important; margin: 1em 0px; } #logo a, #logo #portal-title { - color: #FFF !important; + color: #03316f; } #logo #portal-title { margin: 30px 0px 46px 0px; - color: #FFF; - font-size: 3.35em; + color: #03316f; + font-size: 40px; font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; @@ -115,15 +115,15 @@ background-color: #4872BF;/*(azul-claro)*/ display: block; float: right; clear: left; - border-bottom: 1px dotted #9bc2a3; + border-bottom: 1px dotted #FFF; /* #00500f; */ padding-bottom: 2px; margin-top: -15px; - font-size: 85%; + font-size: 10px; text-align: center; } #portal-siteactions a { - color: #dcffe3; + color: #FFF; /* #00500f; */ text-decoration: none; padding: 4px 0 4px 10px; text-transform: uppercase; @@ -131,7 +131,7 @@ background-color: #4872BF;/*(azul-claro)*/ } #portal-siteactions a:hover { - color: #fff !important; + color: #03316f; } #portal-siteactions li { @@ -148,7 +148,7 @@ color: #75ad0a #social-icons { float: right; clear: right; - margin: 12px 0px 0px 0px; + margin: 0px; } #social-icons ul { @@ -172,7 +172,7 @@ color: #75ad0a /* Top links */ #theme-header .header-content #link-faq a { - border-right: 1px solid #6c9072; + border-right: 1px solid #00500f; padding: 0 10px; } #theme-header .header-content #link-contact a { @@ -181,6 +181,7 @@ color: #75ad0a #theme-header #sobre { line-height: 20px; + font-size: 12px; } /* */ @@ -189,7 +190,7 @@ color: #75ad0a clear: both; max-width: 100% !important; margin: 0; - background: #00420c; + background: #0c96d4; /*#f8c300;/*amarelo-mais-escuro*/ padding: 5px 0; } @@ -200,13 +201,13 @@ color: #75ad0a } #sobre a { - color: #fff; + color: #FFF; /* #00500f; */ font-family: 'Open Sans', Arial, Helvetica, sans-serif; } #sobre .portalservicos-item a { padding: 0 10px; - border-right: 1px solid #fff; + border-right: 1px solid #03316f; } #sobre .last-item a { @@ -229,7 +230,7 @@ input.searchField { clear: right; float: right; font-size: 80%; - margin: 2em 0 1.2em 0; + margin: 30px 0 14px; /*margin: 3.12em 0px 3px 0px;*/ text-align: right; border-radius: 5px; @@ -276,7 +277,7 @@ input.searchField { #header input.searchButton { background-image: url("images/search-button.gif"); - background-position: 3px 2px; + background-position: 8px 2px; background-repeat: no-repeat; background-color: #ffffff; } @@ -332,24 +333,32 @@ background-size: 100% 100%; margin-left: 4px; } -#social-icons a:hover { - opacity: 0.6; -} - #social-icons #sb_face { -background-image: url(images/icone-facebook.png); +background-image: url(images/icone-branco-facebook.png); +} +#social-icons #sb_face:hover { +background: url(images/icone-branco-facebook.png) 0 20px; } #social-icons #sb_tweet { -background-image: url(images/icone-twitter.png); +background-image: url(images/icone-branco-twitter.png); +} +#social-icons #sb_tweet:hover { +background: url(images/icone-branco-twitter.png) 0 20px; } #social-icons #sb_youtb { -background-image: url(images/icone-youtube.png); +background-image: url(images/icone-branco-youtube.png); +} +#social-icons #sb_youtb:hover { +background: url(images/icone-branco-youtube.png) 0 20px; } #social-icons #sb_flickr { -background-image: url(images/icone-flickr.png); +background-image: url(images/icone-branco-flickr.png); +} +#social-icons #sb_flickr:hover { +background: url(images/icone-branco-flickr.png) 0 20px; } #social-icons span { display: none; } @@ -360,9 +369,10 @@ background-image: url(images/icone-flickr.png); /************* Bar Psocial Style - Menu Horizontal**************/ #user{ - padding: 0 2em; - top: -30px; - font-size: 12px; + padding: 0px 2em; + top: -30px; + font-size: 12px; + right: 4em; } .logged-in #user{ @@ -378,7 +388,7 @@ background-image: url(images/icone-flickr.png); display: block; background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; display: block; - padding: 1em; + padding: 1em 0; text-align: left; width: 130px; border-radius: 10px @@ -435,10 +445,11 @@ background-image: url(images/icone-flickr.png); margin: auto; } -#cat_menu { - background: url(images/marca-participacao-social.png) no-repeat center left; +#custom-menu { + /*background: url(images/marca-participacao-social.png) no-repeat center left;*/ height: 40px; - padding-left: 60px; + padding-left: 5px; + /*padding-left: 60px;*/ } #cat_menu li { @@ -462,6 +473,7 @@ background-image: url(images/icone-flickr.png); } /************* FIM Bar Psocial Style - Menu Horizontal**************/ + /******************Footer - Rodapé**********************************/ #theme-footer { width: 100%; @@ -472,7 +484,7 @@ background-image: url(images/icone-flickr.png); } #footer-logos { - background: #00420C; + background: #ffb800; max-width: 100%; padding: 2em 0; height: 49px; @@ -503,10 +515,9 @@ background-image: url(images/icone-flickr.png); width: 153px; } -#footer-logos .logo-sgpr { - background: transparent url(images/sgpr.png) center center no-repeat; - width: 187px; - margin-right: 30px; +#footer-logos .logo-sedihpop { + background: transparent url(images/logo-sedihpop.png) center center no-repeat; + width: 202px; } #footer-logos .institucionais { @@ -516,7 +527,13 @@ background-image: url(images/icone-flickr.png); #footer-license { max-width: 960px; margin: 0 auto; - text-align: center; + text-align: left; + padding: 19px; +} + +#footer-license p { + color: #F28F00; + text-align: left; } diff --git a/favicon.ico b/favicon.ico index f8c4036..2640de4 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/footer.html.erb b/footer.html.erb index 7bebe90..3f3063a 100644 --- a/footer.html.erb +++ b/footer.html.erb @@ -1,10 +1,9 @@
diff --git a/header.html.erb b/header.html.erb index 64c2eca..22e0a49 100644 --- a/header.html.erb +++ b/header.html.erb @@ -1,7 +1,3 @@ -
- Portal do Governo Brasileiro -
-