Download as
Browse Code »

Commit 932f3e850c1ad2bd794306e434d753c70b38fa3d

Authored by Victor Costa
1 parent 8745474e
Exists in master and in 2 other branches production, staging

Update theme

Showing 15 changed files with 147 additions and 86 deletions   Show diff stats
README.md
  Diff comments   View file @932f3e8
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
... ...
cabecalho-azul-theme.css
  Diff comments   View file @932f3e8
1   -/*(verde-claro=#4872BF)*/
2   -/*(verde-escuro=#3E67B1)*/
3   -
  1 +/*(amarelo-claro=#0C96D4)*/
  2 +/*(amarelo-escuro=#096A95)*/
4 3 /****************** cabecalho ******************/
5 4  
6 5 #theme-header{}
7 6  
8 7 #header {
9   - padding: 40px 0 0 0;
10   -background-color: #4872BF;/*(azul-claro)*/
  8 + padding: 13px 0 0 0;
  9 +background-color: #0C96D4;/*(amarelo-claro)*/
11 10 /* Old browsers */
12   - background-color: #3E67B1; /*(azul-escuro)*/
13   - background-image: -moz-radial-gradient(center, ellipse cover, #4872BF 1%, #3E67B1 100%); /*(verde-claro)(verde-escuro)*/
  11 + background-color: #096A95; /*(amarelo-escuro)*/
  12 + background-image: -moz-radial-gradient(center, ellipse cover, #0C96D4 1%, #096A95 100%); /*(amarelo-claro)(amarelo-escuro)*/
14 13 /* FF3.6+ */
15   - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#4872BF), color-stop(100%,#3E67B1));
  14 + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0C96D4), color-stop(100%,#096A95));
16 15 /* Chrome,Safari4+ */
17   - background-image: -webkit-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%);
  16 + background-image: -webkit-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%);
18 17 /* Chrome10+,Safari5.1+ */
19   - background-image: -o-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%);
  18 + background-image: -o-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%);
20 19 /* Opera 12+ */
21   - background-image: -ms-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%);
  20 + background-image: -ms-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%);
22 21 /* IE10+ */
23   - background-image: radial-gradient(ellipse at center, #4872BF 1%,#3E67B1 100%);
  22 + background-image: radial-gradient(ellipse at center, #0C96D4 1%,#096A95 100%);
24 23 /* W3C */
25   - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872BF', endColorstr='#3E67B1',GradientType=1 );
  24 +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C96D4', endColorstr='#096A95',GradientType=1 );*/
26 25 /* IE6-9 fallback on horizontal gradient */
27   - color: #fff;
  26 + color: #fff !important;
28 27 }
29 28  
30 29 #header>div {
... ... @@ -41,28 +40,29 @@ background-color: #4872BF;/*(azul-claro)*/
41 40 .header-content li { display: inline; }
42 41  
43 42 #brasilgov {
44   - background: #3E67B1;
  43 + background: #00510f;
45 44 border-bottom: 1px solid #ffcc00;
46 45 padding: 5px 10px;
47   - color: #fff;
  46 + color: #03316f;
48 47 }
49 48  
50 49 #accessibility {
51   - display: block !important;
52   - font-size: 0.8em;
53   - width: 50%;
54   - float: left;
  50 + display: block !important;
  51 + float: left;
  52 + font-family: arial;
  53 + font-size: 10px;
  54 + width: 50%;
55 55 }
56 56  
57 57 #accessibility a {
58   - color: #dcffe3;
  58 + color: #FFF; /* #00500f; */
59 59 margin-right: 8px;
60 60 }
61 61  
62 62 #accessibility span {
63   - background: #9ed5ab;
64   - color: #006600;
65   - padding: 0 4px;
  63 + background: none repeat scroll 0 0 #36BBF3;
  64 + color: #FFFFFF;
  65 + padding: 0 4px;
66 66 }
67 67  
68 68  
... ... @@ -81,18 +81,18 @@ background-color: #4872BF;/*(azul-claro)*/
81 81 #logo a {
82 82 display: block;
83 83 width: 100%;
84   - color: #fff !important;
  84 + color: #03316f !important;
85 85 margin: 1em 0px;
86 86 }
87 87  
88 88 #logo a, #logo #portal-title {
89   - color: #FFF !important;
  89 + color: #03316f;
90 90 }
91 91  
92 92 #logo #portal-title {
93 93 margin: 30px 0px 46px 0px;
94   - color: #FFF;
95   - font-size: 3.35em;
  94 + color: #03316f;
  95 + font-size: 40px;
96 96 font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
97 97 font-weight: normal;
98 98 line-height: 1em;
... ... @@ -115,15 +115,15 @@ background-color: #4872BF;/*(azul-claro)*/
115 115 display: block;
116 116 float: right;
117 117 clear: left;
118   - border-bottom: 1px dotted #9bc2a3;
  118 + border-bottom: 1px dotted #FFF; /* #00500f; */
119 119 padding-bottom: 2px;
120 120 margin-top: -15px;
121   - font-size: 85%;
  121 + font-size: 10px;
122 122 text-align: center;
123 123 }
124 124  
125 125 #portal-siteactions a {
126   - color: #dcffe3;
  126 + color: #FFF; /* #00500f; */
127 127 text-decoration: none;
128 128 padding: 4px 0 4px 10px;
129 129 text-transform: uppercase;
... ... @@ -131,7 +131,7 @@ background-color: #4872BF;/*(azul-claro)*/
131 131 }
132 132  
133 133 #portal-siteactions a:hover {
134   - color: #fff !important;
  134 + color: #03316f;
135 135 }
136 136  
137 137 #portal-siteactions li {
... ... @@ -148,7 +148,7 @@ color: #75ad0a
148 148 #social-icons {
149 149 float: right;
150 150 clear: right;
151   - margin: 12px 0px 0px 0px;
  151 + margin: 0px;
152 152 }
153 153  
154 154 #social-icons ul {
... ... @@ -172,7 +172,7 @@ color: #75ad0a
172 172  
173 173 /* Top links */
174 174 #theme-header .header-content #link-faq a {
175   - border-right: 1px solid #6c9072;
  175 + border-right: 1px solid #00500f;
176 176 padding: 0 10px;
177 177 }
178 178 #theme-header .header-content #link-contact a {
... ... @@ -181,6 +181,7 @@ color: #75ad0a
181 181  
182 182 #theme-header #sobre {
183 183 line-height: 20px;
  184 + font-size: 12px;
184 185 }
185 186 /* */
186 187  
... ... @@ -189,7 +190,7 @@ color: #75ad0a
189 190 clear: both;
190 191 max-width: 100% !important;
191 192 margin: 0;
192   - background: #00420c;
  193 + background: #0c96d4; /*#f8c300;/*amarelo-mais-escuro*/
193 194 padding: 5px 0;
194 195 }
195 196  
... ... @@ -200,13 +201,13 @@ color: #75ad0a
200 201 }
201 202  
202 203 #sobre a {
203   - color: #fff;
  204 + color: #FFF; /* #00500f; */
204 205 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
205 206 }
206 207  
207 208 #sobre .portalservicos-item a {
208 209 padding: 0 10px;
209   - border-right: 1px solid #fff;
  210 + border-right: 1px solid #03316f;
210 211 }
211 212  
212 213 #sobre .last-item a {
... ... @@ -229,7 +230,7 @@ input.searchField {
229 230 clear: right;
230 231 float: right;
231 232 font-size: 80%;
232   - margin: 2em 0 1.2em 0;
  233 + margin: 30px 0 14px;
233 234 /*margin: 3.12em 0px 3px 0px;*/
234 235 text-align: right;
235 236 border-radius: 5px;
... ... @@ -276,7 +277,7 @@ input.searchField {
276 277  
277 278 #header input.searchButton {
278 279 background-image: url("images/search-button.gif");
279   - background-position: 3px 2px;
  280 + background-position: 8px 2px;
280 281 background-repeat: no-repeat;
281 282 background-color: #ffffff;
282 283 }
... ... @@ -332,24 +333,32 @@ background-size: 100% 100%;
332 333 margin-left: 4px;
333 334 }
334 335  
335   -#social-icons a:hover {
336   - opacity: 0.6;
337   -}
338   -
339 336 #social-icons #sb_face {
340   -background-image: url(images/icone-facebook.png);
  337 +background-image: url(images/icone-branco-facebook.png);
  338 +}
  339 +#social-icons #sb_face:hover {
  340 +background: url(images/icone-branco-facebook.png) 0 20px;
341 341 }
342 342  
343 343 #social-icons #sb_tweet {
344   -background-image: url(images/icone-twitter.png);
  344 +background-image: url(images/icone-branco-twitter.png);
  345 +}
  346 +#social-icons #sb_tweet:hover {
  347 +background: url(images/icone-branco-twitter.png) 0 20px;
345 348 }
346 349  
347 350 #social-icons #sb_youtb {
348   -background-image: url(images/icone-youtube.png);
  351 +background-image: url(images/icone-branco-youtube.png);
  352 +}
  353 +#social-icons #sb_youtb:hover {
  354 +background: url(images/icone-branco-youtube.png) 0 20px;
349 355 }
350 356  
351 357 #social-icons #sb_flickr {
352   -background-image: url(images/icone-flickr.png);
  358 +background-image: url(images/icone-branco-flickr.png);
  359 +}
  360 +#social-icons #sb_flickr:hover {
  361 +background: url(images/icone-branco-flickr.png) 0 20px;
353 362 }
354 363  
355 364 #social-icons span { display: none; }
... ... @@ -360,9 +369,10 @@ background-image: url(images/icone-flickr.png);
360 369  
361 370 /************* Bar Psocial Style - Menu Horizontal**************/
362 371 #user{
363   - padding: 0 2em;
364   - top: -30px;
365   - font-size: 12px;
  372 + padding: 0px 2em;
  373 + top: -30px;
  374 + font-size: 12px;
  375 + right: 4em;
366 376 }
367 377  
368 378 .logged-in #user{
... ... @@ -378,7 +388,7 @@ background-image: url(images/icone-flickr.png);
378 388 display: block;
379 389 background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
380 390 display: block;
381   - padding: 1em;
  391 + padding: 1em 0;
382 392 text-align: left;
383 393 width: 130px;
384 394 border-radius: 10px
... ... @@ -435,10 +445,11 @@ background-image: url(images/icone-flickr.png);
435 445 margin: auto;
436 446 }
437 447  
438   -#cat_menu {
439   - background: url(images/marca-participacao-social.png) no-repeat center left;
  448 +#custom-menu {
  449 + /*background: url(images/marca-participacao-social.png) no-repeat center left;*/
440 450 height: 40px;
441   - padding-left: 60px;
  451 + padding-left: 5px;
  452 + /*padding-left: 60px;*/
442 453 }
443 454  
444 455 #cat_menu li {
... ... @@ -462,6 +473,7 @@ background-image: url(images/icone-flickr.png);
462 473 }
463 474 /************* FIM Bar Psocial Style - Menu Horizontal**************/
464 475  
  476 +
465 477 /******************Footer - Rodapé**********************************/
466 478 #theme-footer {
467 479 width: 100%;
... ... @@ -472,7 +484,7 @@ background-image: url(images/icone-flickr.png);
472 484 }
473 485  
474 486 #footer-logos {
475   - background: #00420C;
  487 + background: #ffb800;
476 488 max-width: 100%;
477 489 padding: 2em 0;
478 490 height: 49px;
... ... @@ -503,10 +515,9 @@ background-image: url(images/icone-flickr.png);
503 515 width: 153px;
504 516 }
505 517  
506   -#footer-logos .logo-sgpr {
507   - background: transparent url(images/sgpr.png) center center no-repeat;
508   - width: 187px;
509   - margin-right: 30px;
  518 +#footer-logos .logo-sedihpop {
  519 + background: transparent url(images/logo-sedihpop.png) center center no-repeat;
  520 + width: 202px;
510 521 }
511 522  
512 523 #footer-logos .institucionais {
... ... @@ -516,7 +527,13 @@ background-image: url(images/icone-flickr.png);
516 527 #footer-license {
517 528 max-width: 960px;
518 529 margin: 0 auto;
519   - text-align: center;
  530 + text-align: left;
  531 + padding: 19px;
  532 +}
  533 +
  534 +#footer-license p {
  535 + color: #F28F00;
  536 + text-align: left;
520 537 }
521 538  
522 539  
... ...
favicon.ico
View file @932f3e8
No preview for this file type
footer.html.erb
  Diff comments   View file @932f3e8
1 1 <div id="footer-content">
2 2 <div id="footer-logos">
3 3 <div>
4   - <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
  4 + <a class="logo-acesso" href="http://www.acessoainformacao.ma.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
5 5 <div class="institucionais">
6   - <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a>
7   - <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a>
  6 + <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>
8 7 </div>
9 8 </div>
10 9 </div><!-- end id="footer-logos" -->
... ...
header.html.erb
  Diff comments   View file @932f3e8
1   -<div id="barra-brasil">
2   - <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>
3   -</div>
4   -
5 1  
6 2 <div class="header-content">
7 3 <div role="banner" id="header">
... ... @@ -45,8 +41,8 @@
45 41 </ul>
46 42  
47 43 <div id="logo">
48   - <a title="Participa.ma.br" href="/">
49   - <span id="portal-title">Participa.ma.br</span>
  44 + <a title="Participa Maranhão" href="/">
  45 + <img src="/designs/themes/participama-theme/images/logo.png" title="Participa Maranhão"/>
50 46 </a>
51 47 </div>
52 48  
... ... @@ -59,7 +55,7 @@
59 55 <div id="social-icons">
60 56 <ul>
61 57 <li>
62   - <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao"><span>Flickr</span></a>
  58 + <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a>
63 59 </li>
64 60 <li>
65 61 <a id="sb_face" title="Facebook" href="https://www.facebook.com/governodomaranhao"><span>Facebook</span></a>
... ... @@ -89,8 +85,7 @@
89 85  
90 86 <div id="barra-psocial">
91 87 <span id="custom-menu">
92   -
93   -
  88 + <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participama-theme/images/biblioteca_digital.png" title="Biblioteca Digital"></a>
94 89 </span>
95 90 <div id="categories_menu">
96 91 <%= theme_include 'categories' %>
... ...
images/bg-palacio-ma.jpg 0 → 100644
View file @932f3e8

460 KB
images/body-bg34.png 0 → 100644
View file @932f3e8

16.5 KB
images/logo-sedihpop.png 0 → 100644
View file @932f3e8

9.44 KB
images/logo.png 0 → 100644
View file @932f3e8

22.4 KB
images/logo_participa.psd 0 → 100644
View file @932f3e8
No preview for this file type
images/logo_sedihpop.psd 0 → 100644
View file @932f3e8
No preview for this file type
images/logo_sedihpop_grande.psd 0 → 100644
View file @932f3e8
No preview for this file type
preview.png
View file @932f3e8

10.3 KB | W: | H:

71.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
style.css
  Diff comments   View file @932f3e8
... ... @@ -4,7 +4,7 @@
4 4 /****************** FIM cabecalho verde ******************/
5 5 /******************** cabecalho azul ********************/
6 6 @import url(cabecalho-azul-theme.css);
7   -/****************** FIM cabecalho azul ******************/
  7 +/****************** FIM cabecalho amarelo ******************/
8 8 @font-face {
9 9 font-family: 'Open Sans';
10 10 font-style: normal;
... ... @@ -61,6 +61,8 @@
61 61  
62 62 #wrap-2 {
63 63 margin-top: 0;
  64 + background: url("images/body-bg34.png");
  65 + /* background-color: transparent !important;*/
64 66 }
65 67  
66 68 #wrap-1, #theme-footer {
... ... @@ -97,7 +99,7 @@ iframe { border-width: 0; border-style:none; }
97 99  
98 100 /* Cores e fontes */
99 101 body {
100   - background-color: #fff;
  102 + background-color: #fBfBfB;
101 103 color: #000000;
102 104 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
103 105 /*font-size: 62.5%;*/
... ... @@ -641,7 +643,7 @@ p {
641 643 }
642 644  
643 645 .block-outer {
644   - margin-top: 2em;
  646 +/* margin-top: 2em; */
645 647 }
646 648  
647 649 .box-1 .block,
... ... @@ -1190,7 +1192,7 @@ ul.profile-list .common-profile-list-block {
1190 1192  
1191 1193 .action-home-index #wrap-2,
1192 1194 .action-environment_design-index #wrap-2 {
1193   - background: url(images/bg-palacio-do-planalto.jpg) no-repeat fixed center top;
  1195 + background: url(images/bg-palacio-ma.jpg) no-repeat fixed center top;
1194 1196 background-size: 100%;
1195 1197 }
1196 1198  
... ... @@ -1198,11 +1200,20 @@ ul.profile-list .common-profile-list-block {
1198 1200  
1199 1201  
1200 1202 #content {
  1203 + /*
1201 1204 left: -480px;
1202 1205 margin-left: 50%;
1203 1206 margin-top: 0;
  1207 + width: 960px;
  1208 + */
1204 1209 position: relative;
1205   - width: 960px;
  1210 + padding: 0px 10px;
  1211 +
  1212 +
  1213 + background-color: #FFF;
  1214 + width: 1024px;
  1215 + margin: 0px auto;
  1216 +
1206 1217 }
1207 1218  
1208 1219 .action-home-index #wrap-2{
... ... @@ -1214,16 +1225,21 @@ ul.profile-list .common-profile-list-block {
1214 1225 margin-left: 0;
1215 1226 margin-top: 0;
1216 1227 position: relative;
1217   - width: 100%;
  1228 + padding: 0px;
  1229 + /* width: 100%; */
  1230 + overflow: hidden;
  1231 + margin: 0px auto;
1218 1232 }
1219 1233  
1220 1234  
1221 1235 .action-home-index #content .block-outer .block {
  1236 +/*
1222 1237 left: -480px;
1223 1238 margin-left: 50%;
  1239 + width: 960px;
  1240 +*/
1224 1241 margin-top: 0;
1225 1242 position: relative;
1226   - width: 960px;
1227 1243 }
1228 1244  
1229 1245 .action-home-index #content .block-outer .block .block{
... ... @@ -1291,7 +1307,7 @@ li.event-dates {
1291 1307  
1292 1308 #content .main-block h1,
1293 1309 #content .no-boxes h1 {
1294   - font-size: 2.3em !important;
  1310 +/* font-size: 2.3em !important;*/
1295 1311 font-weight: bold !important;
1296 1312 }
1297 1313  
... ... @@ -2105,7 +2121,7 @@ input.button.with-text {
2105 2121  
2106 2122 .action-home-index #content,
2107 2123 .action-environment_design-index #content {
2108   - margin-bottom: -105px;
  2124 + /* margin-bottom: -105px; - ERICK */
2109 2125 }
2110 2126  
2111 2127  
... ... @@ -3142,7 +3158,7 @@ body.action-embed-index {
3142 3158 }
3143 3159  
3144 3160 .action-embed-index #content .box-1 .block-title span {
3145   - background-color: #497b16;
  3161 + background-color: #36BBF3;
3146 3162 color: white;
3147 3163 font-size: 18px;
3148 3164 font-variant: normal;
... ... @@ -3304,3 +3320,37 @@ body.action-embed-index {
3304 3320 right: -273px;
3305 3321 z-index: 999;
3306 3322 }
  3323 +
  3324 +
  3325 +/*
  3326 + PERSONALIZADO
  3327 +*/
  3328 +
  3329 +.boxes {
  3330 + width: 1024px;
  3331 + margin: 0px auto;
  3332 + margin-top: 20px;
  3333 +}
  3334 +
  3335 +#boxes {
  3336 + width: 1024px;
  3337 + position: relative;
  3338 + overflow: hidden;
  3339 + margin: 0px auto;
  3340 + margin-top: 20px;
  3341 +}
  3342 +
  3343 +.box-1 {
  3344 + width: 624px;
  3345 + position: relative;
  3346 + float: left;
  3347 + margin: 0px;
  3348 + margin-left: 17px;
  3349 +}
  3350 +
  3351 +#content h2 {
  3352 + margin-top: 20px;
  3353 + margin-bottom: 10px;
  3354 + min-height: 25px;
  3355 + border-bottom: 1px solid #ebebeb;
  3356 +}
3307 3357 \ No newline at end of file
... ...
theme.yml
  Diff comments   View file @932f3e8
1   -name: "Participa"
  1 +name: "ParticipaMA"
2 2 layout: "application-ng"
3 3 icon_theme: [participabr, default, pidgin]
... ...