Update theme

Victor Costa
1 parent 8745474e
Showing 15 changed files with 147 additions and 86 deletions Show diff stats
README.md
cabecalho-azul-theme.css
favicon.ico
footer.html.erb
header.html.erb
images/bg-palacio-ma.jpg
images/body-bg34.png
images/logo-sedihpop.png
images/logo.png
images/logo_participa.psd
images/logo_sedihpop.psd
images/logo_sedihpop_grande.psd
preview.png
style.css
theme.yml
-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
-/*(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;
 }
 <div id="footer-content">
   <div id="footer-logos">
     <div>
-      <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
+      <a class="logo-acesso" href="http://www.acessoainformacao.ma.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
       <div class="institucionais">
-        <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a>
-        <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a>
+        <a class="logo-sedihpop" href="http://www.sedihpop.ma.gov.br/" target="_blank"><span>Secretaria de Estado de Direitos Humanos e Participação Popular</span></a>
       </div>
     </div>
   </div><!-- end id="footer-logos" -->
-<div id="barra-brasil">
-    <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
-</div>
-
 <div class="header-content">
   <div role="banner" id="header">
@@ -45,8 +41,8 @@
       </ul>
       <div id="logo">
-        <a title="Participa.ma.br" href="/">
-          <span id="portal-title">Participa.ma.br</span>
+        <a title="Participa Maranhão" href="/">
+          <img src="/designs/themes/participama-theme/images/logo.png"  title="Participa Maranhão"/>
         </a>
       </div>
@@ -59,7 +55,7 @@
       <div id="social-icons">
         <ul>
           <li>
-            <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao"><span>Flickr</span></a>
+            <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a>
           </li>
           <li>
             <a id="sb_face" title="Facebook" href="https://www.facebook.com/governodomaranhao"><span>Facebook</span></a>
@@ -89,8 +85,7 @@
 <div id="barra-psocial">
   <span id="custom-menu">
-
-
+    <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participama-theme/images/biblioteca_digital.png" title="Biblioteca Digital"></a>
   </span>
   <div id="categories_menu">
     <%= theme_include 'categories' %>
@@ -4,7 +4,7 @@
 /****************** FIM cabecalho verde ******************/
 /******************** cabecalho azul ********************/
 @import url(cabecalho-azul-theme.css);
-/****************** FIM cabecalho azul ******************/
+/****************** FIM cabecalho amarelo ******************/
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
@@ -61,6 +61,8 @@
 #wrap-2 {
     margin-top: 0;
+     background: url("images/body-bg34.png");
+   /* background-color: transparent !important;*/
 }
 #wrap-1, #theme-footer {
@@ -97,7 +99,7 @@ iframe { border-width: 0; border-style:none; }
 /* Cores e fontes */
 body {
-	background-color: #fff;
+	background-color: #fBfBfB;
 	color: #000000;
 	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 	/*font-size: 62.5%;*/
@@ -641,7 +643,7 @@ p {
 }
 .block-outer {
-	margin-top: 2em;
+/*	margin-top: 2em; */
 }
 .box-1 .block,
@@ -1190,7 +1192,7 @@ ul.profile-list .common-profile-list-block {
 .action-home-index #wrap-2,
 .action-environment_design-index #wrap-2  {
-	background: url(images/bg-palacio-do-planalto.jpg) no-repeat fixed center top;
+	background: url(images/bg-palacio-ma.jpg) no-repeat fixed center top;
   background-size: 100%;
 }
@@ -1198,11 +1200,20 @@ ul.profile-list .common-profile-list-block {
 #content {
+    /*
     left: -480px;
     margin-left: 50%;
     margin-top: 0;
+    width: 960px; 
+    */
     position: relative;
-    width: 960px;
+    padding: 0px 10px;
+
+
+    background-color: #FFF;
+    width: 1024px;
+    margin: 0px auto;
+
 }
 .action-home-index #wrap-2{
@@ -1214,16 +1225,21 @@ ul.profile-list .common-profile-list-block {
     margin-left: 0;
     margin-top: 0;
     position: relative;
-    width: 100%;
+    padding: 0px;
+    /* width: 100%; */
+    overflow: hidden;
+    margin: 0px auto;
 }
 .action-home-index #content .block-outer .block {
+/*
     left: -480px;
     margin-left: 50%;
+    width: 960px;
+*/
     margin-top: 0;
     position: relative;
-    width: 960px;
 }
 .action-home-index #content .block-outer .block .block{
@@ -1291,7 +1307,7 @@ li.event-dates {
 #content .main-block h1,
 #content .no-boxes h1 {
-    font-size: 2.3em !important;
+/*    font-size: 2.3em !important;*/
     font-weight: bold !important;
 }
@@ -2105,7 +2121,7 @@ input.button.with-text {
 .action-home-index #content,
 .action-environment_design-index #content {
- margin-bottom: -105px;
+ /* margin-bottom: -105px; - ERICK */
 }
@@ -3142,7 +3158,7 @@ body.action-embed-index {
 }
 .action-embed-index #content .box-1 .block-title span {
-  background-color: #497b16;
+  background-color: #36BBF3;
   color: white;
   font-size: 18px;
   font-variant: normal;
@@ -3304,3 +3320,37 @@ body.action-embed-index {
   right: -273px;
   z-index: 999;
 }
+
+
+/*
+    PERSONALIZADO
+*/
+
+.boxes {
+    width: 1024px;
+    margin: 0px auto;
+    margin-top: 20px;
+}
+
+#boxes {
+    width: 1024px;
+    position: relative;
+    overflow: hidden;
+    margin: 0px auto;
+    margin-top: 20px;
+}
+
+.box-1 {
+    width: 624px;
+    position: relative;
+    float: left;
+    margin: 0px;
+    margin-left: 17px;
+}
+
+#content h2 {
+    margin-top: 20px;
+    margin-bottom: 10px;
+    min-height: 25px;
+    border-bottom: 1px solid #ebebeb;
+}
 \ No newline at end of file
-name: "Participa"
+name: "ParticipaMA"
 layout: "application-ng"
 icon_theme: [participabr, default, pidgin]
1	-Participa.ma.gov Theme for Noosfero	1	+Participa.gov Theme for Noosfero
2	================================	2	================================
3		3
4	-Noosfero theme for the Participa.ma.gov environment.	4	+Noosfero theme for the Participa.gov environment.
5		5
6	-Install on /public/designs/themes/participa-ma	6	+Install on /public/designs/themes/participama
1	-name: "Participa"	1	+name: "ParticipaMA"
2	layout: "application-ng"	2	layout: "application-ng"
3	icon_theme: [participabr, default, pidgin]	3	icon_theme: [participabr, default, pidgin]