Download as
Browse Code »

Commit 4ae1fb055e3bbef58375749ca988b230fa65fbc7

Authored by Leandro Santos
1 parent 2a5825c2
Exists in master and in 4 other branches bug_fix_vote_action_style, homepage, production, staging

updating theme

Showing 29 changed files with 530 additions and 270 deletions   Show diff stats
cabecalho-azul-theme.css
  Diff comments   View file @4ae1fb0
... ... @@ -2,32 +2,21 @@
2 2 /*(amarelo-escuro=#096A95)*/
3 3 /****************** cabecalho ******************/
4 4  
5   -#theme-header{}
  5 +#theme-header {
  6 + background: url('images/header-bg.jpg') center 0 no-repeat;
  7 +}
6 8  
7 9 #header {
8   - padding: 13px 0 0 0;
9   -background-color: #0C96D4;/*(amarelo-claro)*/
10   - /* Old browsers */
11   - background-color: #096A95; /*(amarelo-escuro)*/
12   - background-image: -moz-radial-gradient(center, ellipse cover, #0C96D4 1%, #096A95 100%); /*(amarelo-claro)(amarelo-escuro)*/
13   - /* FF3.6+ */
14   - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0C96D4), color-stop(100%,#096A95));
15   - /* Chrome,Safari4+ */
16   - background-image: -webkit-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%);
17   - /* Chrome10+,Safari5.1+ */
18   - background-image: -o-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%);
19   - /* Opera 12+ */
20   - background-image: -ms-radial-gradient(center, ellipse cover, #0C96D4 1%,#096A95 100%);
21   - /* IE10+ */
22   - background-image: radial-gradient(ellipse at center, #0C96D4 1%,#096A95 100%);
23   - /* W3C */
24   -/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C96D4', endColorstr='#096A95',GradientType=1 );*/
25   - /* IE6-9 fallback on horizontal gradient */
  10 + height: 465px;
  11 + padding: 15px 0 0 0;
26 12 color: #fff !important;
  13 + background: url('images/header-border.png') center 0 repeat-x;
  14 + -webkit-background-size: 100% auto;
  15 + background-size: 100% auto;
27 16 }
28 17  
29 18 #header>div {
30   - max-width: 960px;
  19 + max-width: 1024px;
31 20 margin: 0 auto;
32 21 }
33 22  
... ... @@ -55,7 +44,7 @@ background-color: #0C96D4;/*(amarelo-claro)*/
55 44 }
56 45  
57 46 #accessibility a {
58   - color: #FFF; /* #00500f; */
  47 + color: #444; /* #00500f; */
59 48 margin-right: 8px;
60 49 }
61 50  
... ... @@ -64,14 +53,86 @@ background-color: #0C96D4;/*(amarelo-claro)*/
64 53 color: #FFFFFF;
65 54 padding: 0 4px;
66 55 }
  56 +#accessibility a:hover {
  57 + color: #b62221;
  58 +}
67 59  
68   -
  60 +#votacao {
  61 + float: right;
  62 + display: block;
  63 + width: 260px;
  64 + padding: 20px 40px 0 0;
  65 + line-height: 44px;
  66 +}
  67 +#votacao span {
  68 + font-family: 'Open Sans Bold';
  69 + color: #000;
  70 + font-size: 40px;
  71 +}
  72 +#votacao span strong {
  73 + font-weight: normal;
  74 + font-family: 'Open Sans Light';
  75 +}
  76 +#votacao .bt-votar {
  77 + display: block;
  78 + width: 165px;
  79 + height: 57px;
  80 + margin: 20px 0 0;
  81 + line-height: 57px;
  82 + border-radius: 5px;
  83 + -moz-border-radius: 5px;
  84 + -webkit-border-radius: 5px;
  85 + color: #fff;
  86 + text-align: center;
  87 + font-family: 'Open Sans Bold';
  88 + font-weight: bold;
  89 + font-size: 18px;
  90 + background: #89ba3f;
  91 +}
  92 +#votacao .bt-votar:hover {
  93 + background: #b62221;
  94 +}
  95 +
  96 +#menu {
  97 + clear: both;
  98 + width: 100%;
  99 + padding: 10px 0 0 0;
  100 +}
  101 +#menu ul {
  102 + display: block;
  103 + height: 50px;
  104 + margin: 0;
  105 +}
  106 +#menu li {}
  107 +#menu li a {
  108 + float: left;
  109 + display: block;
  110 + width: 21%;
  111 + padding: 15px 0;
  112 + font-family: 'Open Sans Bold';
  113 + font-size: 12px; color: #fff;
  114 + font-weight: normal;
  115 + text-decoration: none;
  116 + text-align: center;
  117 + text-transform: capitalize;
  118 +}
  119 +#menu li:last-child a {
  120 + width: 37%;
  121 +}
  122 +#menu li .link-sobre { background-color: #0083cb; }
  123 +#menu li .link-participacao { background-color: #088ed7; }
  124 +#menu li .link-eixos { background-color: #1197e1; }
  125 +#menu li .link-sistema { background-color: #1aa2ec; }
  126 +#menu li a:hover {
  127 + background-color: #b62221;
  128 +}
69 129  
70 130 /* logo */
71 131 #logo {
72 132 padding: 0;
73 133 float: left;
74   - width: 70%;
  134 + width: 30%;
  135 + margin: -30px 0 0;
75 136 }
76 137  
77 138 #logo span {
... ... @@ -107,7 +168,31 @@ background-color: #0C96D4;/*(amarelo-claro)*/
107 168  
108 169 #logo #portal-description {
109 170 font-size: 1.2em;
110   - text-transform: uppercase;
  171 + text-transform: capitalize;
  172 +}
  173 +
  174 +#links {
  175 + float: left;
  176 + padding: 10px 0 0 65px;
  177 +}
  178 +#links ul {}
  179 +#links ul li {}
  180 +#links ul li a {
  181 + float: left;
  182 + display: block;
  183 + height: 23px;
  184 + line-height: 23px;
  185 + padding: 5px 15px;
  186 + margin: 0 5px;
  187 + border: 1px solid #fff;
  188 + border-radius: 5px;
  189 + -moz-border-radius: 5px;
  190 + -webkit-border-radius: 5px;
  191 + text-transform: capitalize;
  192 + color: #444;
  193 +}
  194 +#links ul li a:hover {
  195 + background-color: #fff;
111 196 }
112 197  
113 198 /* Site Actions */
... ... @@ -115,7 +200,7 @@ background-color: #0C96D4;/*(amarelo-claro)*/
115 200 display: block;
116 201 float: right;
117 202 clear: left;
118   - border-bottom: 1px dotted #FFF; /* #00500f; */
  203 + border-bottom: 1px dotted #00500f;
119 204 padding-bottom: 2px;
120 205 margin-top: -15px;
121 206 font-size: 10px;
... ... @@ -123,15 +208,15 @@ background-color: #0C96D4;/*(amarelo-claro)*/
123 208 }
124 209  
125 210 #portal-siteactions a {
126   - color: #FFF; /* #00500f; */
  211 + color: #00500f;
127 212 text-decoration: none;
128 213 padding: 4px 0 4px 10px;
129   - text-transform: uppercase;
130   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  214 + text-transform: capitalize;
  215 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
131 216 }
132 217  
133 218 #portal-siteactions a:hover {
134   - color: #03316f;
  219 + color: #b62221;
135 220 }
136 221  
137 222 #portal-siteactions li {
... ... @@ -139,7 +224,7 @@ background-color: #0C96D4;/*(amarelo-claro)*/
139 224 }
140 225  
141 226 #portal-siteactions li a:hover {
142   -color: #75ad0a
  227 +color: #b62221;
143 228 }
144 229 #portal-siteactions li a {
145 230 padding: 4px 0px;
... ... @@ -178,11 +263,15 @@ color: #75ad0a
178 263 #theme-header .header-content #link-contact a {
179 264 padding-left: 10px;
180 265 }
  266 +#theme-header .header-content #link-contact a:hover,
  267 +#theme-header .header-content #link-faq a:hover {
  268 + color: #b62221;
  269 +}
181 270  
182 271 #theme-header #sobre {
183 272 line-height: 20px;
184 273 font-size: 12px;
185   -}
  274 +}
186 275 /* */
187 276  
188 277 /* Sobre o brasil */
... ... @@ -190,12 +279,11 @@ color: #75ad0a
190 279 clear: both;
191 280 max-width: 100% !important;
192 281 margin: 0;
193   - background: #0c96d4; /*#f8c300;/*amarelo-mais-escuro*/
194 282 padding: 5px 0;
195 283 }
196 284  
197 285 #sobre ul {
198   - max-width: 960px;
  286 + max-width: 1024px;
199 287 margin: 0 auto;
200 288 text-align: right;
201 289 }
... ... @@ -223,29 +311,29 @@ color: #75ad0a
223 311 }
224 312  
225 313 input.searchField {
226   - -moz-appearance: none;
  314 + -moz-appearance: none !important;
227 315 }
228 316  
229 317 #portal-searchbox {
230 318 clear: right;
231 319 float: right;
232 320 font-size: 80%;
233   - margin: 30px 0 14px;
234   - /*margin: 3.12em 0px 3px 0px;*/
  321 + margin: 10px 0 15px;
235 322 text-align: right;
236   - border-radius: 5px;
237   - -moz-border-radius: 5px;
238   - -webkit-border-radius: 5px;
239   - border: 1px solid #CCCCCC;
  323 + border-radius: 0;
  324 + -moz-border-radius: 0;
  325 + -webkit-border-radius: 0;
  326 + border: none;
240 327 background: #fff;
241 328 padding: 2px;
242 329 }
243 330  
244 331 #portal-searchbox .searchField {
245   - padding: 0.45em;
  332 + padding: 10px;
246 333 border-right: none;
247   - border: none;
248   - width: 170px;
  334 + border: none;
  335 + width: 160px;
  336 + height: 10px;
249 337 }
250 338  
251 339 #portal-searchbox form {
... ... @@ -271,9 +359,6 @@ width: 13em;
271 359 #content input.searchField {
272 360 margin-bottom: 1em;
273 361 }
274   -input.searchField {
275   --moz-appearance: searchfield;
276   -}
277 362  
278 363 #header input.searchButton {
279 364 background-image: url("images/search-button.gif");
... ... @@ -334,31 +419,31 @@ background-size: 100% 100%;
334 419 }
335 420  
336 421 #social-icons #sb_face {
337   -background-image: url(images/icone-branco-facebook.png);
  422 + background: url(images/icone-branco-facebook.png) 0 0;
338 423 }
339 424 #social-icons #sb_face:hover {
340   -background: url(images/icone-branco-facebook.png) 0 20px;
  425 + background: url(images/icone-branco-facebook.png) 0 20px;
341 426 }
342 427  
343 428 #social-icons #sb_tweet {
344   -background-image: url(images/icone-branco-twitter.png);
  429 + background: url(images/icone-branco-twitter.png) 0 0;
345 430 }
346 431 #social-icons #sb_tweet:hover {
347   -background: url(images/icone-branco-twitter.png) 0 20px;
  432 + background: url(images/icone-branco-twitter.png) 0 20px;
348 433 }
349 434  
350 435 #social-icons #sb_youtb {
351   -background-image: url(images/icone-branco-youtube.png);
  436 + background: url(images/icone-branco-youtube.png) 0 0;
352 437 }
353 438 #social-icons #sb_youtb:hover {
354   -background: url(images/icone-branco-youtube.png) 0 20px;
  439 + background: url(images/icone-branco-youtube.png) 0 20px;
355 440 }
356 441  
357 442 #social-icons #sb_flickr {
358   -background-image: url(images/icone-branco-flickr.png);
  443 + background: url(images/icone-branco-flickr.png) 0 0;
359 444 }
360 445 #social-icons #sb_flickr:hover {
361   -background: url(images/icone-branco-flickr.png) 0 20px;
  446 + background: url(images/icone-branco-flickr.png) 0 20px;
362 447 }
363 448  
364 449 #social-icons span { display: none; }
... ... @@ -369,6 +454,7 @@ background: url(images/icone-branco-flickr.png) 0 20px;
369 454  
370 455 /************* Bar Psocial Style - Menu Horizontal**************/
371 456 #user{
  457 + display: none;
372 458 padding: 0px 2em;
373 459 top: -30px;
374 460 font-size: 12px;
... ... @@ -418,10 +504,11 @@ background: url(images/icone-branco-flickr.png) 0 20px;
418 504 }
419 505  
420 506 #barra-psocial {
421   - position: relative;
422   - height: 40px;
423   - margin: auto;
424   - background: url(images/barra-psocial-bg.png) repeat-x;
  507 + display: none;
  508 + position: relative;
  509 + height: 40px;
  510 + margin: auto;
  511 + background: url(images/barra-psocial-bg.png) repeat-x;
425 512 }
426 513  
427 514 #barra-psocial li {
... ... @@ -458,7 +545,7 @@ background: url(images/icone-branco-flickr.png) 0 20px;
458 545 font-weight: bold;
459 546 padding: 0px 20px;
460 547 height: 100%;
461   - text-transform: uppercase;
  548 + text-transform: capitalize;
462 549 }
463 550  
464 551 #cat_menu li:hover {
... ... @@ -475,65 +562,177 @@ background: url(images/icone-branco-flickr.png) 0 20px;
475 562  
476 563  
477 564 /******************Footer - Rodapé**********************************/
  565 +#footer {
  566 + height: 254px;
  567 + background: url('images/footer-bg.png') center bottom repeat-x;
  568 +}
  569 +
478 570 #theme-footer {
479   - width: 100%;
  571 + width: 100%;
480 572 }
481 573  
482 574 #footer-content {
483   - background: #fff;
  575 + position: relative;
  576 + width: 1024px;
  577 + margin: 0 auto;
  578 + text-align: left;
484 579 }
485 580  
486   -#footer-logos {
487   - background: #ffb800;
488   - max-width: 100%;
489   - padding: 2em 0;
490   - height: 49px;
  581 +#footer-content .institucional {
  582 + height: 115px;
  583 + padding: 40px 0 0 0;
491 584 }
492 585  
493   -#footer-logos div {
494   - max-width: 960px;
495   - margin: 0 auto;
  586 +#footer-content .institucional .logo-sistema {
  587 + float: left;
  588 + display: block;
  589 + width: 195px;
  590 + height: 33px;
  591 + margin: 0;
  592 + background: url('images/logo-sistema.png') 0 0 no-repeat;
  593 + text-indent: -9999px;
  594 + overflow: hidden;
496 595 }
497 596  
498   -#footer-logos a {
  597 +#footer-content .institucional address {
  598 + clear: both;
  599 + width: 220px;
499 600 display: block;
500   - height: 49px;
501   - float: left;
  601 + font-size: 10px;
  602 + font-style: normal;
  603 + color: #282828;
502 604 }
503 605  
504   -#footer-logos span {
505   - display: none;
  606 +#footer-content .institucional .parcerias {
  607 + position: absolute;
  608 + right: 0;
  609 + top: 30px;
  610 + width: 480px;
506 611 }
507 612  
508   -#footer-logos .logo-acesso {
509   - background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
510   - width: 107px;
  613 +#footer-content .institucional .parcerias span {
  614 + display: block;
  615 + padding: 0 0 0 40px;
  616 + color: #282828;
  617 +}
  618 +#footer-content .institucional .parcerias ul {
  619 + list-style: none;
  620 + padding: 0;
  621 + margin: 0;
511 622 }
512 623  
513   -#footer-logos .logo-brasil {
514   - background: transparent url(images/brasil.png) center center no-repeat;
  624 +#footer-content .institucional .parcerias ul li {
  625 + margin: 0;
  626 +}
  627 +
  628 +#footer-content .institucional .logo-seplan {
  629 + float: right;
  630 + display: block;
  631 + width: 229px;
  632 + height: 65px;
  633 + margin: 0 50px 0 0;
  634 + background: url('images/logo-seplan.png') 0 0 no-repeat;
  635 + text-indent: -9999px;
  636 + overflow: hidden;
  637 +}
  638 +
  639 +#footer-content .institucional .logo-brasil {
  640 + float: right;
  641 + display: block;
515 642 width: 153px;
  643 + height: 49px;
  644 + margin: 10px 0 0;
  645 + background: url('images/logo-brasil.png') 0 0 no-repeat;
  646 + text-indent: -9999px;
  647 + overflow: hidden;
  648 +}
  649 +
  650 +
  651 +#footer-content .institucional .coordenacao {
  652 + position: absolute;
  653 + right: 500px;
  654 + top: 30px;
  655 + width: 250px;
  656 +}
  657 +
  658 +#footer-content .institucional .coordenacao span {
  659 + display: block;
  660 + padding: 0;
  661 + color: #282828;
  662 +}
  663 +
  664 +#footer-content .institucional .coordenacao ul {
  665 + list-style: none;
  666 + padding: 0;
  667 + margin: 0;
516 668 }
517 669  
518   -#footer-logos .logo-sedihpop {
519   - background: transparent url(images/logo-sedihpop.png) center center no-repeat;
520   - width: 202px;
  670 +#footer-content .institucional .coordenacao ul li {
  671 + margin: 0;
521 672 }
522 673  
523   -#footer-logos .institucionais {
  674 +#footer-content .institucional .logo-secretaria {
524 675 float: right;
  676 + display: block;
  677 + width: 262px;
  678 + height: 65px;
  679 + margin: 0;
  680 + background: url('images/logo-secretaria.png') 0 0 no-repeat;
  681 + text-indent: -9999px;
  682 + overflow: hidden;
525 683 }
526 684  
527   -#footer-license {
528   - max-width: 960px;
529   - margin: 0 auto;
530   - text-align: left;
531   - padding: 19px;
  685 +#footer-content .institucional .logo-governo {
  686 + float: left;
  687 + display: block;
  688 + width: 121px;
  689 + height: 66px;
  690 + background: url('images/logo-governo.png') 0 0 no-repeat;
  691 + text-indent: -9999px;
  692 + overflow: hidden;
532 693 }
533 694  
534   -#footer-license p {
535   - color: #F28F00;
536   - text-align: left;
  695 +#footer-content .links-uteis {
  696 + height: 85px;
  697 + padding: 15px 0 0 0;
537 698 }
538 699  
  700 +#footer-content .links-uteis span {
  701 + float: left;
  702 + display: block;
  703 + width: 158px;
  704 + padding: 20px 0 0 0;
  705 +}
539 706  
  707 +#footer-content .links-uteis .logo-transparencia {
  708 + float: left;
  709 + display: block;
  710 + width: 199px;
  711 + height: 59px;
  712 + margin: 0;
  713 + background: url('images/logo-transparencia.png') 0 0 no-repeat;
  714 + text-indent: -9999px;
  715 + overflow: hidden;
  716 +}
  717 +
  718 +#footer-content .links-uteis .logo-acesso-a-informacao {
  719 + float: left;
  720 + display: block;
  721 + width: 192px;
  722 + height: 62px;
  723 + margin: 0 0 0 95px;
  724 + background: url('images/logo-acesso-a-informacao.png') 0 0 no-repeat;
  725 + text-indent: -9999px;
  726 + overflow: hidden;
  727 +}
  728 +
  729 +#footer-content .links-uteis .logo-biblioteca {
  730 + float: left;
  731 + display: block;
  732 + width: 135px;
  733 + height: 46px;
  734 + margin: 0 0 0 128px;
  735 + background: url('images/logo-biblioteca.png') 0 0 no-repeat;
  736 + text-indent: -9999px;
  737 + overflow: hidden;
  738 +}
... ...
footer.html.erb
  Diff comments   View file @4ae1fb0
1 1 <div id="footer-content">
2   - <div id="footer-logos">
3   - <div>
4   - <a class="logo-acesso" href="http://www.acessoainformacao.ma.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
5   - <div class="institucionais">
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>
7   - </div>
  2 + <div class="institucional">
  3 + <strong class="logo-sistema">Sistema Estadual de Participação Popular</strong>
  4 + <address>
  5 + Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br>
  6 + Calhau - São Luís/MA. CEP: 65051-000 <br>
  7 + Horário de atendimento: 13h às 19h
  8 + </address>
  9 + <div class="coordenacao">
  10 + <span>Coordenação Executiva:</span>
  11 + <ul>
  12 + <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>
  13 + </ul>
8 14 </div>
9   - </div><!-- end id="footer-logos" -->
10   -
11   - <div id="footer-license">
12   - <p>
13   - Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a>
14   - </p>
15   - </div><!-- end id="footer-license" -->
  15 + <div class="parcerias">
  16 + <span>Parcerias</span>
  17 + <ul>
  18 + <!-- <li><a href="http://www.secretariageral.gov.br/" class="logo-brasil" target="_blank">Secretaria-Geral da Presidência da República</a></li> -->
  19 + <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>
  20 + <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>
  21 + </ul>
  22 + </div>
  23 + </div>
  24 + <div class="links-uteis">
  25 + <span>Links úteis:</span>
  26 + <a href="http://www.portaldatransparencia.ma.gov.br/" class="logo-transparencia" target="_blank">Portal da Transparência</a>
  27 + <a href="http://www.acessoainformacao.ma.gov.br/" class="logo-acesso-a-informacao" target="_blank">Portal de Acesso a Informação</a>
  28 + <a href="http://biblioteca.participa.br/" class="logo-biblioteca" target="_blank">Biblioteca Digital da Participação Social</a>
  29 + </div>
16 30 </div>
17 31  
18   -<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
  32 +<!-- <script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> -->
... ...
header.html.erb
  Diff comments   View file @4ae1fb0
1   -
2 1 <div class="header-content">
3 2 <div role="banner" id="header">
4 3 <div>
... ... @@ -39,46 +38,66 @@
39 38 <a href="/search">Mapa do Site</a>
40 39 </li>
41 40 </ul>
42   -
  41 + <div id="sobre">
  42 + <ul>
  43 + <li id="link-faq">
  44 + <a href="/account/signup">Registre-se</a>
  45 + </li>
  46 + <li id="link-faq">
  47 + <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>
  48 + </li>
  49 + <li id="link-faq">
  50 + <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
  51 + </li>
  52 + <li id="link-contact">
  53 + <a href="/contact/portal/new">Contato</a>
  54 + </li>
  55 + </ul>
  56 + </div>
43 57 <div id="logo">
44 58 <a title="Participa Maranhão" href="/">
45   - <img src="/designs/themes/participa-ma/images/logo.png" title="Participa Maranhão"/>
  59 + <img src="/designs/themes/participama/images/logo-2015.png" title="Participa Maranhão"/>
46 60 </a>
47 61 </div>
48   -
  62 + <div id="links">
  63 + <ul>
  64 + <li><a href="http://participa.ma.gov.br/ajuda/ajuda/principios-da-participacao" class="principios">Princípios do Participa.MA</a></li>
  65 + <li><a href="http://participa.ma.gov.br/ajuda/ajuda/documentos-de-referencia " class="referencias">Documentos de Referência</a></li>
  66 + </ul>
  67 + </div>
49 68 <div role="search" id="portal-searchbox">
50 69 <form action="/search/articles">
51 70 <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
52 71 <input type="submit" class="searchButton" value="Buscar"></form>
53 72 </div>
54   -
55 73 <div id="social-icons">
56 74 <ul>
57 75 <li>
58 76 <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a>
59 77 </li>
60 78 <li>
61   - <a id="sb_face" title="Facebook" href="https://www.facebook.com/governodomaranhao"><span>Facebook</span></a>
  79 + <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a>
62 80 </li>
63 81 <li>
64   - <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCt2QbwQTb3smCcfN0dtdEOA"><span>Youtube</span></a>
  82 + <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>Youtube</span></a>
65 83 </li>
66 84 <li>
67 85 <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a>
68 86 </li>
69 87 </ul>
70 88 </div>
71   - </div>
72   -
73   - <div id="sobre">
74   - <ul>
75   - <li id="link-faq">
76   - <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
77   - </li>
78   - <li id="link-contact">
79   - <a href="/contact/portal/new">Contato</a>
80   - </li>
81   - </ul>
  89 + <div id="menu">
  90 + <ul>
  91 + <li><a class="link-sobre" href="http://participa.ma.gov.br/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a></li>
  92 + <li><a class="link-participacao" href="http://participa.ma.gov.br/ajuda/ajuda/participacao-popular">Participação Popular</a></li>
  93 + <li><a class="link-eixos" href="http://participa.ma.gov.br/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a></li>
  94 + <li><a class="link-sistema" href="http://participa.ma.gov.br/ajuda/ajuda/sistema-estadual-de-participacao-popular">Sistema Estadual de Participação Popular</a></li>
  95 + </ul>
  96 + </div>
  97 + <div id="votacao">
  98 + <span class="orcamento">Orçamento Participativo <strong>2016</strong></span>
  99 +
  100 + </div>
82 101 </div>
83 102 </div>
84 103 </div>
... ...
images/button-read-more-vazio-contraste.png
View file @4ae1fb0

648 Bytes | W: | H:

604 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/button-read-more-vazio.png
View file @4ae1fb0

648 Bytes | W: | H:

1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/button-read-more2.png
View file @4ae1fb0

2.17 KB | W: | H:

1.85 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/footer-bg.png 0 → 100644
View file @4ae1fb0

3.13 KB
images/header-bg.jpg 0 → 100644
View file @4ae1fb0

92.5 KB
images/header-bg.png 0 → 100644
View file @4ae1fb0

237 Bytes
images/header-border.png 0 → 100644
View file @4ae1fb0

1.18 KB
images/icone-branco-facebook.png
View file @4ae1fb0

1.05 KB | W: | H:

702 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/icone-branco-flickr.png
View file @4ae1fb0

1.09 KB | W: | H:

746 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/icone-branco-twitter.png
View file @4ae1fb0

1.14 KB | W: | H:

851 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/icone-branco-youtube.png
View file @4ae1fb0

1.3 KB | W: | H:

870 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/logo-2015.png 0 → 100644
View file @4ae1fb0

13 KB
images/logo-acesso-a-informacao.png 0 → 100755
View file @4ae1fb0

3.73 KB
images/logo-acesso.png 0 → 100644
View file @4ae1fb0

3.75 KB
images/logo-biblioteca.png 0 → 100644
View file @4ae1fb0

10.4 KB
images/logo-brasil.png 0 → 100755
View file @4ae1fb0

8.8 KB
images/logo-governo.png 0 → 100644
View file @4ae1fb0

8.32 KB
images/logo-secretaria.png 0 → 100755
View file @4ae1fb0

2.04 KB
images/logo-seplan.png 0 → 100755
View file @4ae1fb0

9.44 KB
images/logo-sistema.png 0 → 100644
View file @4ae1fb0

3.25 KB
images/logo-transparencia.png 0 → 100755
View file @4ae1fb0

1.19 KB
participama/.DS_Store 0 → 100644
  Diff comments   View file @4ae1fb0
participama/bli 0 → 100644
  Diff comments   View file @4ae1fb0
style.css
  Diff comments   View file @4ae1fb0
... ... @@ -23,6 +23,13 @@
23 23 font-weight: 800;
24 24 src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
25 25 }
  26 +@font-face {
  27 + font-family: 'Open Sans Light';
  28 + font-style: normal;
  29 + font-weight: 300;
  30 + src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
  31 +}
  32 +
26 33  
27 34 #block-types-container #block-types .block-types-group .tags-block {
28 35 width: 112px;
... ... @@ -60,9 +67,11 @@
60 67 }
61 68  
62 69 #wrap-2 {
  70 + border: none;
63 71 margin-top: 0;
64   - background: url("images/body-bg34.png");
65   - /* background-color: transparent !important;*/
  72 + /*background: url("images/body-bg34.png");*/
  73 + background: #f6f6f6 !important;
  74 +
66 75 }
67 76  
68 77 #wrap-1, #theme-footer {
... ... @@ -85,7 +94,7 @@ div#wrapper-barra-brasil {
85 94 /****************** Estilos basicos ******************/
86 95  
87 96 /******* itens do gov-plone.css *******/
88   -/*
  97 +/*
89 98 * { margin: 0; padding: 0; }*/
90 99 * :link,:visited { text-decoration:none }
91 100 * h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
... ... @@ -262,7 +271,7 @@ p {
262 271 height: 50px !important;
263 272 max-height: 50px !important;
264 273 padding: 0;
265   - text-transform: uppercase;
  274 + text-transform: capitalize;
266 275 width: 145px;
267 276 cursor: pointer;
268 277 }
... ... @@ -283,7 +292,7 @@ p {
283 292 height: 35px;
284 293 padding: 14px 13px 0;
285 294 text-align: center;
286   - text-transform: uppercase;
  295 + text-transform: capitalize;
287 296 width: 115px;
288 297 }
289 298 #colorbox .login-box .button-bar a.icon-close:hover {
... ... @@ -330,10 +339,10 @@ p {
330 339 width: 375px;
331 340 }
332 341  
333   -#signup-form small#signup-balloon,
334   -#signup-form small#password-balloon,
335   -#signup-form small#password-confirmation-balloon,
336   -#signup-form small#email-balloon,
  342 +#signup-form small#signup-balloon,
  343 +#signup-form small#password-balloon,
  344 +#signup-form small#password-confirmation-balloon,
  345 +#signup-form small#email-balloon,
337 346 #signup-form small#name-balloon {
338 347 right: 0;
339 348 }
... ... @@ -363,14 +372,14 @@ p {
363 372 }
364 373  
365 374 #content .box .block-title {
366   - font-size: 12px;
  375 + font-size: 14px;
367 376 text-align: left;
368 377 border-top: 4px solid #757575;
369   - background: #eeefff;
  378 + background: #ffffff;
370 379 border-bottom: none;
371 380 color: #757575;
372 381 padding: 8px 8px 24px 10px;
373   - text-transform: uppercase;
  382 + text-transform: capitalize;
374 383 /*margin: 0;*/
375 384 }
376 385  
... ... @@ -379,10 +388,10 @@ p {
379 388 border-bottom: medium none;
380 389 border-top: 0px solid #757575;
381 390 color: #757575;
382   - font-size: 12px;
  391 + font-size: 14px;
383 392 padding: 0px;
384 393 text-align: left;
385   - text-transform: uppercase;
  394 + text-transform: capitalize;
386 395 }
387 396  
388 397 #content .box-1 .block-title span{
... ... @@ -419,22 +428,24 @@ p {
419 428 }
420 429  
421 430 #content .recent-documents-block li {
422   - background: none repeat scroll 0 0 #EEEFFF;
  431 + background: none repeat scroll 0 0 #ffffff;
423 432 border-bottom: 1px solid #CCCCCC;
424 433 display: block;
425 434 margin: 0;
426 435 min-height: 1em;
427 436 padding: 8px;
428 437 text-align: left;
  438 +
429 439 }
430 440  
431 441 #content .recent-documents-block li a {
432   - color: #464A55;
  442 + color: #37c648;
433 443 line-height: 1em;
  444 +
434 445 }
435 446  
436 447 #content .recent-documents-block li a:hover{
437   - color: #000;
  448 + color: #ff0000;
438 449 }
439 450  
440 451 #content .recent-documents-block .block-title {
... ... @@ -460,9 +471,9 @@ p {
460 471 color: #436976;
461 472 font-weight: normal;
462 473 width: auto;
463   - font-size: 12px;
  474 + font-size: 14px;
464 475 padding-left: 30px;
465   - padding-right: 5px;
  476 + padding-right: 5px;
466 477 background-position: 7px 50%;
467 478 }
468 479  
... ... @@ -529,7 +540,7 @@ p {
529 540 margin-left: 0px;
530 541 }
531 542  
532   -#content .profile-info-options input.button.with-text,
  543 +#content .profile-info-options input.button.with-text,
533 544 #content .profile-info-options a.button.with-text {
534 545 background-color: #fff;
535 546 border-radius: 0 0 0 0;
... ... @@ -537,14 +548,14 @@ p {
537 548 padding-bottom: 5px;
538 549 padding-left: 30px;
539 550 padding-top: 5px;
540   - text-align: left;
  551 + text-align: left;
541 552 }
542 553 #content .profile-info-options a.button.with-text{
543 554 border: 0px solid #CCCCCC;
544 555 border-bottom: 2px solid #CCCCCC !important;
545 556 }
546 557  
547   -#content .profile-info-options input.button:hover,
  558 +#content .profile-info-options input.button:hover,
548 559 #content .profile-info-options a.button:hover {
549 560 background-color: #ccc;
550 561 border: 1pxpx solid #CCC;
... ... @@ -588,7 +599,7 @@ p {
588 599  
589 600 .action-home-index .communities-block .common-profile-list-block span.org,
590 601 .action-environment_design-index .communities-block .common-profile-list-block span.org {
591   - text-transform: uppercase;
  602 + text-transform: capitalize;
592 603 word-wrap: break-word;
593 604 display: inline-block;
594 605 width: 90px;
... ... @@ -605,9 +616,9 @@ p {
605 616 display: inline-block;
606 617 }
607 618  
608   -.action-home-index .msg_block {
  619 +.action-home-index .msg_block {
609 620 display: block;
610   - font-size: 12px;
  621 + font-size: 14px;
611 622 background-color: white;
612 623 }
613 624  
... ... @@ -633,7 +644,7 @@ p {
633 644  
634 645 .container-block-plugin_container-block .block .block-inner-2{
635 646 background-color: white;
636   - padding: 1em;
  647 + padding: 0px;
637 648 }
638 649  
639 650 .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
... ... @@ -675,15 +686,15 @@ p {
675 686 }
676 687  
677 688 .display-content-block .image {
678   -
  689 +
679 690 }
680 691  
681 692 .block.display-content-block .tags span {
682 693 background-color: #ddd;
683 694 color: #666;
684 695 display: inline-block;
685   - margin: 10px 10px 10px 0;
686   - padding: 5px;
  696 + margin: 0px 0px 0px 0;
  697 + padding: 0px;
687 698 }
688 699  
689 700 #content .display-content-block .title a {
... ... @@ -696,15 +707,16 @@ p {
696 707 color: #000;
697 708 }
698 709  
699   -#content .main-block h1,
700   -#not-found h1,
  710 +#content .main-block h1,
  711 +
  712 +#not-found h1,
701 713 #access-denied h1 {
702   -
  714 +
703 715 }
704 716  
705 717 /*tamanho da fonte dentro dos artigos*/
706 718 .article-body p{
707   - font-size:13px;
  719 + font-size:14px;
708 720 line-height:26px;
709 721 }
710 722 /* fim tamanho da fonte dentro dos artigos*/
... ... @@ -720,8 +732,8 @@ p {
720 732 padding: 14px;
721 733 color: #999;
722 734 }
723   -#article .article-comments-list,
724   -#article .article-comments-list ul,
  735 +#article .article-comments-list,
  736 +#article .article-comments-list ul,
725 737 #article .article-comments-list li {
726 738 list-style: none outside none;
727 739 margin: 5px 0 10px;
... ... @@ -736,6 +748,7 @@ p {
736 748 min-height: 100%;
737 749 }
738 750  
  751 +
739 752 /*btn comentários*/
740 753  
741 754 #content .blog-post .short-post .read-more a{
... ... @@ -770,7 +783,7 @@ p {
770 783 }
771 784  
772 785 #content .comment-picture {
773   - max-width: 50px;
  786 + max-width: 50px;
774 787 word-wrap: break-word;
775 788 }
776 789  
... ... @@ -923,7 +936,7 @@ p {
923 936 margin-right: 24px;
924 937 }
925 938 */
926   -.action-home-index #content .display-content-block .image,
  939 +.action-home-index #content .display-content-block .image,
927 940 .action-environment_design-index #content .display-content-block .image {
928 941 float: left;
929 942 height: 300px;
... ... @@ -973,7 +986,7 @@ p {
973 986 float: right;
974 987 width: 440px;
975 988 color: #666;
976   - font-size: 12px;
  989 + font-size: 14px;
977 990 }
978 991 .action-home-index #content .display-content-block .read_more,
979 992 .action-environment_design-index #content .display-content-block .read_more{
... ... @@ -1045,7 +1058,7 @@ p {
1045 1058 .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{
1046 1059 }
1047 1060  
1048   -.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
  1061 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
1049 1062 .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img {
1050 1063 height: 100%;
1051 1064 max-height: 200px;
... ... @@ -1083,13 +1096,13 @@ p {
1083 1096  
1084 1097 /*borda dos wrappers*/
1085 1098 /**/
1086   -#main-content-wrapper-1,
1087   -#main-content-wrapper-2,
1088   -#main-content-wrapper-3,
1089   -#main-content-wrapper-4,
1090   -#main-content-wrapper-5,
1091   -#main-content-wrapper-6,
1092   -#main-content-wrapper-7,
  1099 +#main-content-wrapper-1,
  1100 +#main-content-wrapper-2,
  1101 +#main-content-wrapper-3,
  1102 +#main-content-wrapper-4,
  1103 +#main-content-wrapper-5,
  1104 +#main-content-wrapper-6,
  1105 +#main-content-wrapper-7,
1093 1106 #main-content-wrapper-8 {
1094 1107 background: none repeat scroll 0 0 transparent;
1095 1108 }
... ... @@ -1140,7 +1153,7 @@ ul.profile-list .common-profile-list-block {
1140 1153 width: 100%;
1141 1154 }
1142 1155  
1143   -/*.box-2 .common-profile-list-block .vcard a.profile_link,
  1156 +/*.box-2 .common-profile-list-block .vcard a.profile_link,
1144 1157 .box-3 .common-profile-list-block .vcard a.profile_link,*/
1145 1158 .common-profile-list-block .vcard a.profile_link {
1146 1159 margin-bottom: 5px;
... ... @@ -1148,7 +1161,7 @@ ul.profile-list .common-profile-list-block {
1148 1161 }
1149 1162  
1150 1163  
1151   -.box-2 .common-profile-list-block .vcard a.profile_link,
  1164 +.box-2 .common-profile-list-block .vcard a.profile_link,
1152 1165 .box-3 .common-profile-list-block .vcard a.profile_link {
1153 1166 height: auto;
1154 1167 max-height: 100%;
... ... @@ -1190,11 +1203,11 @@ ul.profile-list .common-profile-list-block {
1190 1203  
1191 1204 /***********Imagem de Fundo - somente na página inicial*********/
1192 1205  
1193   -.action-home-index #wrap-2,
  1206 +/*.action-home-index #wrap-2,
1194 1207 .action-environment_design-index #wrap-2 {
1195 1208 background: url(images/bg-palacio-ma.jpg) no-repeat fixed center top;
1196 1209 background-size: 100%;
1197   -}
  1210 +}*/
1198 1211  
1199 1212 /***************content*************/
1200 1213  
... ... @@ -1204,7 +1217,7 @@ ul.profile-list .common-profile-list-block {
1204 1217 left: -480px;
1205 1218 margin-left: 50%;
1206 1219 margin-top: 0;
1207   - width: 960px;
  1220 + width: 960px;
1208 1221 */
1209 1222 position: relative;
1210 1223 padding: 0px 10px;
... ... @@ -1213,7 +1226,7 @@ ul.profile-list .common-profile-list-block {
1213 1226 background-color: #FFF;
1214 1227 width: 1024px;
1215 1228 margin: 0px auto;
1216   -
  1229 +
1217 1230 }
1218 1231  
1219 1232 .action-home-index #wrap-2{
... ... @@ -1273,7 +1286,7 @@ ul.profile-list .common-profile-list-block {
1273 1286  
1274 1287 li.event-dates {
1275 1288 background: url("/images/icons-mime/event.png") no-repeat scroll 100% 50% white;
1276   -
  1289 +
1277 1290 float: none;
1278 1291 padding: 5px 32px 5px 5px;
1279 1292 text-align: right;
... ... @@ -1292,13 +1305,13 @@ li.event-dates {
1292 1305 #not-found h1,
1293 1306 #access-denied h1,
1294 1307 #content .no-boxes h1 {
1295   - color: #444;
1296   - font-size: 1.7em;
1297   - padding: 7px 0;
  1308 + color: #0054ff;
  1309 + font-size: 24px;
  1310 + padding: 0px 0;
1298 1311 margin-left: 0/* !important*/;
1299   - padding-left: 0.3em;
1300   - border-bottom: 1px solid #CCCCCC;
1301   - border-top: 0px solid #172838;
  1312 + padding-left: 0px;
  1313 + border-bottom: 0px #ffffff;
  1314 + border-top: 0px #ffffff;
1302 1315 }
1303 1316  
1304 1317 #content .title {
... ... @@ -1309,6 +1322,7 @@ li.event-dates {
1309 1322 #content .no-boxes h1 {
1310 1323 /* font-size: 2.3em !important;*/
1311 1324 font-weight: bold !important;
  1325 + text-transform: capitalize;
1312 1326 }
1313 1327  
1314 1328 #content .main-block h2 {
... ... @@ -1361,7 +1375,7 @@ div#article-parent {
1361 1375 /*paginação*/
1362 1376  
1363 1377 .pagination {
1364   -
  1378 +
1365 1379 }
1366 1380 .pagination {
1367 1381 font-size: 120%;
... ... @@ -1421,12 +1435,12 @@ div#article-parent {
1421 1435  
1422 1436 input.button.with-text {
1423 1437 background-position: 3px 50%;
1424   - font-size: 12px;
  1438 + font-size: 14px;
1425 1439 padding: 0 2px 2px 20px;
1426 1440 max-height: 28px;
1427 1441 }
1428 1442  
1429   -#content a.button.with-text,
  1443 +#content a.button.with-text,
1430 1444 #content a.button.with-text {
1431 1445 height: 28px;
1432 1446 max-height: 28px;
... ... @@ -1442,13 +1456,13 @@ input.button.with-text {
1442 1456 text-decoration: none;
1443 1457 }
1444 1458  
1445   -#content #article-actions input.button,
  1459 +#content #article-actions input.button,
1446 1460 #content #article-actions a.button,
1447 1461 #content a.button,
1448 1462 #content input.button {
1449 1463 background-color: transparent;
1450 1464 border: 1px solid #CCCCCC;
1451   - vertical-align: middle;
  1465 + vertical-align: middle;
1452 1466 }
1453 1467  
1454 1468 #content a.button.with-text {
... ... @@ -1462,7 +1476,7 @@ input.button.with-text {
1462 1476 margin-right: 5px;
1463 1477 }
1464 1478  
1465   -#content #article-actions input.button:hover,
  1479 +#content #article-actions input.button:hover,
1466 1480 #content #article-actions a.button:hover {
1467 1481 background-color: #ccc;
1468 1482 border: 1px solid #CCCCCC;
... ... @@ -1477,7 +1491,7 @@ input.button.with-text {
1477 1491 /*label dos radio buttons da busca*/
1478 1492 #content .search-field label {
1479 1493 display: inline-block;
1480   - font-size: 12px;
  1494 + font-size: 14px;
1481 1495 vertical-align: middle;
1482 1496 margin-left: 5px;
1483 1497 }
... ... @@ -1521,11 +1535,11 @@ input.button.with-text {
1521 1535 }
1522 1536  
1523 1537 .search-article-description {
1524   - color: #999999;
  1538 + color: #0054ff;
1525 1539 }
1526 1540  
1527 1541 #search-page .map-or-list-search-results list {
1528   -
  1542 +
1529 1543 }
1530 1544  
1531 1545 .search-results-innerbox {
... ... @@ -1536,8 +1550,8 @@ input.button.with-text {
1536 1550 height: 100%;
1537 1551 }
1538 1552  
1539   -.search-results-type-article li.article-item,
1540   -.search-tagged-items li.article-item,
  1553 +.search-results-type-article li.article-item,
  1554 +.search-tagged-items li.article-item,
1541 1555 .only-one-result-box li.search-product-item {
1542 1556 border-bottom: 0px solid #fff;
1543 1557 }
... ... @@ -1700,13 +1714,13 @@ input.button.with-text {
1700 1714 }
1701 1715  
1702 1716 #content .track_list .item_card .track_content .name {
1703   - font-size: 12px;
  1717 + font-size: 14px;
1704 1718 font-weight: normal;
1705 1719 padding: 5px 0;
1706 1720 text-align: left;
1707 1721 margin: 0 8px;
1708 1722 color: #444;
1709   - text-transform: uppercase;
  1723 + text-transform: capitalize;
1710 1724 }
1711 1725  
1712 1726  
... ... @@ -1716,7 +1730,7 @@ input.button.with-text {
1716 1730 margin: 0 8px;
1717 1731 text-align: left;
1718 1732 color: black;
1719   - font-size: 12px;
  1733 + font-size: 14px;
1720 1734 }
1721 1735  
1722 1736 /**/
... ... @@ -1769,7 +1783,7 @@ input.button.with-text {
1769 1783 background: url("images/comentarios.png") no-repeat left center #fffafa;
1770 1784 }
1771 1785 .track_list .item_card .track_stats .hits .counter {
1772   - background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  1786 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
1773 1787 }
1774 1788  
1775 1789 .track_list .item_card .track_stats {
... ... @@ -1824,7 +1838,7 @@ input.button.with-text {
1824 1838  
1825 1839 .track_list .item .track_content .steps h3{
1826 1840 font-size: 13px !important;
1827   - text-transform: uppercase;
  1841 + text-transform: capitalize;
1828 1842 font-weight: normal;
1829 1843 }
1830 1844  
... ... @@ -1852,7 +1866,7 @@ input.button.with-text {
1852 1866  
1853 1867 .step a:link, #content .step a:link, dl.portlet .step a:link {
1854 1868 color: #999; /*cinza escuro*/
1855   - /*teste*/
  1869 + /*teste*/
1856 1870 display: inline-block;
1857 1871 max-width: 80%;
1858 1872 vertical-align: middle;
... ... @@ -1884,7 +1898,7 @@ input.button.with-text {
1884 1898  
1885 1899 #track .step_list .step .content .name {}
1886 1900  
1887   -#track .step .name,
  1901 +#track .step .name,
1888 1902 #track .step .name a {
1889 1903 color: #999;
1890 1904 }
... ... @@ -2022,7 +2036,7 @@ input.button.with-text {
2022 2036 #content .more_button .view_all a,
2023 2037 #content .read_more a{
2024 2038 background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
2025   - color: #333;
  2039 + color: #ffffff;
2026 2040 display: inline-block;
2027 2041 font-weight: bold;
2028 2042 padding: 10px 20px 10px 50px;
... ... @@ -2039,7 +2053,7 @@ input.button.with-text {
2039 2053  
2040 2054 .action-home-index #content .article-block .short-post .read-more a {
2041 2055 background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
2042   - color: #333;
  2056 + color: #ffffff;
2043 2057 display: inline-block;
2044 2058 font-weight: bold;
2045 2059 padding: 10px 20px 10px 50px;
... ... @@ -2087,22 +2101,22 @@ input.button.with-text {
2087 2101 top: 5px;
2088 2102 }
2089 2103  
2090   -.action-home-index #content .people-block .block-footer-content a,
2091   -.action-home-index #content .profile-list-block .block-footer-content a,
2092   -.action-home-index #content .enterprises-block .block-footer-content a,
2093   -.action-home-index #content .members-block .block-footer-content a,
2094   -.action-home-index #content .communities-block .block-footer-content a,
  2104 +.action-home-index #content .people-block .block-footer-content a,
  2105 +.action-home-index #content .profile-list-block .block-footer-content a,
  2106 +.action-home-index #content .enterprises-block .block-footer-content a,
  2107 +.action-home-index #content .members-block .block-footer-content a,
  2108 +.action-home-index #content .communities-block .block-footer-content a,
2095 2109 .action-home-index #content .friends-block .block-footer-content a,
2096 2110  
2097   -.action-environment_design-index .people-block .block-footer-content a,
2098   -.action-environment_design-index .profile-list-block .block-footer-content a,
2099   -.action-environment_design-index .enterprises-block .block-footer-content a,
2100   -.action-environment_design-index .members-block .block-footer-content a,
2101   -.action-environment_design-index .communities-block .block-footer-content a,
  2111 +.action-environment_design-index .people-block .block-footer-content a,
  2112 +.action-environment_design-index .profile-list-block .block-footer-content a,
  2113 +.action-environment_design-index .enterprises-block .block-footer-content a,
  2114 +.action-environment_design-index .members-block .block-footer-content a,
  2115 +.action-environment_design-index .communities-block .block-footer-content a,
2102 2116 .action-environment_design-index .friends-block .block-footer-content a {
2103 2117  
2104 2118 background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
2105   - color: #333;
  2119 + color: #ffffff;
2106 2120 display: inline-block;
2107 2121 font-weight: bold;
2108 2122 margin-right: 0;
... ... @@ -2157,50 +2171,60 @@ input.button.with-text {
2157 2171 /*titulos dos blocos no box do meio*/
2158 2172 /*título de bloco*/
2159 2173  
2160   -.action-home-index #content .box-1 .block-title,
  2174 +
2161 2175 .action-environment_design-index #content .box-1 .block-title {
2162 2176 background-color: transparent;
2163 2177 border-bottom: 0 solid #AAAAAA;
2164 2178 border-top: 0 none;
2165 2179 left: -24px;
2166 2180 margin-bottom: 0;
2167   - margin-top: -47px;
  2181 + margin-top: 0px;
2168 2182 position: relative;
2169 2183 top: 0px;
  2184 + text-transform: capitalize;
  2185 +
2170 2186 }
2171 2187  
2172   -.action-home-index #content .box-1 .container-block-plugin_container-block .block-title,
  2188 +/*Imagem no bloco no box do meio*/
  2189 +/*título de bloco*/
  2190 +
  2191 +.action-home-index #content .box-1 .container-block-plugin_container-block .block-title,
2173 2192 .action-environment_design-index #content .box-1 .container-block-plugin_container-block .block-title {
2174 2193 padding-left: 20px;
2175 2194 padding-bottom: 11px;
2176 2195 left: -20px;
  2196 + text-transform: capitalize;
  2197 +
2177 2198 }
2178 2199 /*título de container*/
2179   -.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
  2200 +.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
2180 2201 .action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
2181 2202 padding-left: 10px;
2182 2203 padding-bottom: 24px;
2183   - top: 10px;
  2204 + top: 10px;
2184 2205 left: -11px;
  2206 + text-transform: capitalize;
2185 2207 }
2186 2208 /*título do bloco de pessoas dentro do container */
2187   -.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
  2209 +.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
2188 2210 .action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
2189 2211 padding-left: 10px;
2190 2212 padding-bottom: 24px;
2191 2213 /*teste*/ top: -2px; left: -24px;
  2214 + text-transform: capitalize;
2192 2215 }
2193 2216  
2194   -.action-home-index #content .box-1 .community-track-plugin_track-card-list-block .block-title,
  2217 +.action-home-index #content .box-1 .community-track-plugin_track-card-list-block .block-title,
2195 2218 .action-environment_design-index #content .box-1 .community-track-plugin_track-card-list-block .block-title {
2196 2219 top: 3px;
  2220 + text-transform: capitalize;
2197 2221 }
2198 2222  
2199 2223 .action-home-index #content .box-1 .article-block,
2200 2224 .action-environment_design-index #content .box-1 .article-block {
2201 2225 overflow: visible;
2202 2226 }
2203   -.action-home-index #content .box-1 .container-block-plugin_container-block .article-block .block-title,
  2227 +.action-home-index #content .box-1 .container-block-plugin_container-block .article-block .block-title,
2204 2228 .action-environment_design-index #content .box-1 .container-block-plugin_container-block .article-block .block-title {
2205 2229 left: -24px !important;
2206 2230 top: -2px !important;
... ... @@ -2208,12 +2232,13 @@ input.button.with-text {
2208 2232  
2209 2233 .action-home-index #content .box-1 .block-title span,
2210 2234 .action-environment_design-index #content .box-1 .block-title span {
2211   - background-color: #497b16;
  2235 + background-color: #48d042;
2212 2236 color: white;
2213 2237 font-size: 18px;
2214 2238 font-variant: normal;
2215 2239 padding: 6px 1em;
2216 2240 text-align: left;
  2241 + text-transform: capitalize;
2217 2242 }
2218 2243  
2219 2244 .action-home-index #content .display-content-block:first-of-type .block-title span,
... ... @@ -2224,8 +2249,8 @@ input.button.with-text {
2224 2249  
2225 2250 .action-home-index .block .block-inner-2,
2226 2251 .action-environment_design-index .block .block-inner-2 {
2227   - background-color: white;
2228   - padding: 1em;
  2252 + background: white;
  2253 + padding: 0px;
2229 2254 /*margin: -10px -8px -8px;*/
2230 2255 margin: 0;
2231 2256 }
... ... @@ -2249,7 +2274,7 @@ input.button.with-text {
2249 2274 /*
2250 2275 .action-home-index .people-block,
2251 2276 .action-environment_design-index .people-block {
2252   - position: relative;
  2277 + position: relative;
2253 2278 left: 0px;
2254 2279 overflow: hidden;
2255 2280 }*/
... ... @@ -2366,7 +2391,7 @@ input.button.with-text {
2366 2391 /* margin-top: 5px;*/
2367 2392 }
2368 2393  
2369   -.box-2 .common-profile-list-block .profile-image,
  2394 +.box-2 .common-profile-list-block .profile-image,
2370 2395 .box-3 .common-profile-list-block .profile-image{
2371 2396 height: 56px;
2372 2397 /* border: 1px solid #CCCCCC;
... ... @@ -2385,7 +2410,7 @@ input.button.with-text {
2385 2410  
2386 2411 .action-home-index .common-profile-list-block .profile-image,
2387 2412 .action-environment_design-index .common-profile-list-block .profile-image{
2388   -
  2413 +
2389 2414 }
2390 2415 .action-home-index .common-profile-list-block span.fn,
2391 2416 .action-environment_design-index .common-profile-list-block span.fn{
... ... @@ -2493,7 +2518,7 @@ input.button.with-text {
2493 2518 .action-environment_design-index .statistics-block-data ul li .amount{
2494 2519 font-size: 600%/*40px !important*/;
2495 2520 font-weight:bold;
2496   - /*width:136px;*/
  2521 + /*width:136px;*/
2497 2522 line-height: 1em;
2498 2523 padding-bottom: 5px;
2499 2524 }
... ... @@ -2627,7 +2652,7 @@ input.button.with-text {
2627 2652 #pairwise_main .prompt a{
2628 2653 color: #2a2d28 !important;
2629 2654 /*font-size: 14px;*/
2630   - font-size: 12px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
  2655 + font-size: 14px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
2631 2656 display: block;
2632 2657 /*height: 170px;*/
2633 2658 max-width: 349px;
... ... @@ -2660,18 +2685,18 @@ input.button.with-text {
2660 2685 }
2661 2686  
2662 2687 #pairwise_main .skip_vote a {
2663   - background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;
  2688 + background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;
2664 2689 color: transparent !important;
2665 2690 display: inline-block;
2666 2691 height: 1px;
2667 2692 line-height: 0;
2668 2693 padding: 1em 0;
2669 2694 text-decoration: none;
2670   - width: 200px;
  2695 + width: 200px;
2671 2696 }
2672 2697  
2673 2698 #pairwise_main .skip_vote a:hover {
2674   - background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;
  2699 + background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;
2675 2700 }
2676 2701  
2677 2702 #pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
... ... @@ -2696,7 +2721,7 @@ input.button.with-text {
2696 2721 font-size: 15px;
2697 2722 font-weight: bold;
2698 2723 text-align: left;
2699   - text-transform: uppercase;
  2724 + text-transform: capitalize;
2700 2725 }
2701 2726  
2702 2727 #pairwise_main .suggestion_form {}
... ... @@ -2710,7 +2735,7 @@ input.button.with-text {
2710 2735 width: 80%;
2711 2736 }
2712 2737  
2713   -#pairwise_main .div_text_input_container .div_text_input textarea {
  2738 +#pairwise_main .div_text_input_container .div_text_input textarea {
2714 2739 border: 1px solid #CCCCCC;
2715 2740 border-radius: 0 0 0 0 !important;
2716 2741 }
... ... @@ -2781,16 +2806,16 @@ body.contraste #user a strong{
2781 2806 color: #ffff00;
2782 2807 }
2783 2808  
2784   -body.contraste #content .box-2 .tags-block .block-footer-content a,
2785   -body.contraste #content .box-2 .people-block .block-footer-content a,
2786   -body.contraste #content .box-2 .profile-list-block .block-footer-content a,
2787   -body.contraste #content .box-2 .enterprises-block .block-footer-content a,
2788   -body.contraste #content .box-2 .members-block .block-footer-content a,
2789   -body.contraste #content .box-2 .communities-block .block-footer-content a,
  2809 +body.contraste #content .box-2 .tags-block .block-footer-content a,
  2810 +body.contraste #content .box-2 .people-block .block-footer-content a,
  2811 +body.contraste #content .box-2 .profile-list-block .block-footer-content a,
  2812 +body.contraste #content .box-2 .enterprises-block .block-footer-content a,
  2813 +body.contraste #content .box-2 .members-block .block-footer-content a,
  2814 +body.contraste #content .box-2 .communities-block .block-footer-content a,
2790 2815 body.contraste #content .box-2 .friends-block .block-footer-content a,
2791   -body.contraste #content .more_button .view_all a,
  2816 +body.contraste #content .more_button .view_all a,
2792 2817 body.contraste #content .read_more a,
2793   -body.contraste .more_button .view_all a,
  2818 +body.contraste .more_button .view_all a,
2794 2819 body.contraste .read_more a
2795 2820 {
2796 2821 background-image: none;
... ... @@ -2799,16 +2824,16 @@ body.contraste .read_more a
2799 2824 }
2800 2825  
2801 2826 body.contraste.action-home-index #content .article-block .short-post .read-more a,
2802   -body.contraste #content .box-1 .tags-block .block-footer-content a,
2803   -body.contraste #content .box-1 .people-block .block-footer-content a,
2804   -body.contraste #content .box-1 .profile-list-block .block-footer-content a,
2805   -body.contraste #content .box-1 .enterprises-block .block-footer-content a,
2806   -body.contraste #content .box-1 .members-block .block-footer-content a,
2807   -body.contraste #content .box-1 .communities-block .block-footer-content a,
  2827 +body.contraste #content .box-1 .tags-block .block-footer-content a,
  2828 +body.contraste #content .box-1 .people-block .block-footer-content a,
  2829 +body.contraste #content .box-1 .profile-list-block .block-footer-content a,
  2830 +body.contraste #content .box-1 .enterprises-block .block-footer-content a,
  2831 +body.contraste #content .box-1 .members-block .block-footer-content a,
  2832 +body.contraste #content .box-1 .communities-block .block-footer-content a,
2808 2833 body.contraste #content .box-1 .friends-block .block-footer-content a,
2809   -body.contraste #content .more_button .view_all a,
  2834 +body.contraste #content .more_button .view_all a,
2810 2835 body.contraste #content .read_more a,
2811   -body.contraste .more_button .view_all a,
  2836 +body.contraste .more_button .view_all a,
2812 2837 body.contraste .read_more a
2813 2838 {
2814 2839 background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;
... ... @@ -2820,7 +2845,7 @@ body.contraste .read_more a
2820 2845 body.contraste a,
2821 2846 body.contraste #accessibility a,
2822 2847 body.contraste #portal-siteactions a,
2823   -body.contraste #logo a,
  2848 +body.contraste #logo a,
2824 2849 body.contraste #logo #portal-title,
2825 2850 body.contraste #sobre a,
2826 2851 body.contraste h1,
... ... @@ -2835,18 +2860,18 @@ body.contraste #content .documentDescription,
2835 2860 body.contraste #content #description,
2836 2861 body.contraste .nitfByline,
2837 2862 body.contraste p.section,
2838   -body.contraste .track_list .item_card .track_stats .hits .label,
  2863 +body.contraste .track_list .item_card .track_stats .hits .label,
2839 2864 body.contraste .track_list .item_card .track_stats .comments .label,
2840 2865 body.contraste.action-home-index #content .display-content-block .lead p,
2841 2866 body.contraste.action-environment_design-index #content .display-content-block .lead p,
2842   -body.contraste.action-home-index #content .display-content-block .published-at,
  2867 +body.contraste.action-home-index #content .display-content-block .published-at,
2843 2868 body.contraste.action-environment_design-index #content .display-content-block .published-at {
2844 2869 color: #fff;
2845 2870 }
2846 2871  
2847   -body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
  2872 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
2848 2873 body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
2849   -body.contraste #content a:link,
  2874 +body.contraste #content a:link,
2850 2875 body.contraste #content a:link,
2851 2876 body.contraste #content a:visited,
2852 2877 body.contraste #content a {
... ... @@ -2854,7 +2879,7 @@ body.contraste #content a {
2854 2879 }
2855 2880  
2856 2881  
2857   -body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2882 +body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
2858 2883 body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
2859 2884  
2860 2885 body.contraste #content .display-content-block .title a,
... ... @@ -2871,9 +2896,9 @@ body.contraste.action-environment_design-index #wrap-2 {
2871 2896 background-image: none;
2872 2897 }
2873 2898  
2874   -body.contraste.action-home-index .block .block-inner-2,
  2899 +body.contraste.action-home-index .block .block-inner-2,
2875 2900 body.contraste.action-environment_design-index .block .block-inner-2,
2876   -body.contraste.action-home-index #content .tags-block .block-inner-2,
  2901 +body.contraste.action-home-index #content .tags-block .block-inner-2,
2877 2902 body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
2878 2903 background-color: #333;
2879 2904 }
... ... @@ -2902,7 +2927,7 @@ body.contraste #content .box .block-title {
2902 2927 background-color: #333;
2903 2928 }
2904 2929  
2905   -body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2930 +body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
2906 2931 body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
2907 2932 body.contraste.action-home-index #content .box .block-title,
2908 2933 body.contraste.action-environment_design-index #content .box .block-title,
... ... @@ -2923,7 +2948,7 @@ body.contraste #content .link-list-block li a:hover {
2923 2948 color: #ffff00;
2924 2949 }
2925 2950  
2926   -body.contraste #content .profile-info-options input.button.with-text,
  2951 +body.contraste #content .profile-info-options input.button.with-text,
2927 2952 body.contraste #content .profile-info-options a.button.with-text{
2928 2953 background-color: #333;
2929 2954 color: #ffff00;
... ... @@ -2938,7 +2963,7 @@ body.contraste #content .article-comment {
2938 2963 background: none repeat scroll 0 0 #000;
2939 2964 }
2940 2965  
2941   -body.contraste #comments_list .comment-info,
  2966 +body.contraste #comments_list .comment-info,
2942 2967 body.contraste #comments_list .comment-created-at,
2943 2968 body.contraste #footer-license a,
2944 2969 body.contraste #footer-license p{
... ... @@ -2975,8 +3000,8 @@ body.contraste .ui-widget-content {
2975 3000 color: #fff;
2976 3001 }
2977 3002  
2978   -body.contraste .ui-state-active,
2979   -body.contraste .ui-widget-content .ui-state-active,
  3003 +body.contraste .ui-state-active,
  3004 +body.contraste .ui-widget-content .ui-state-active,
2980 3005 body.contraste .ui-widget-header .ui-state-active {
2981 3006 background-image: none;
2982 3007 background-color: #000;
... ... @@ -3122,7 +3147,7 @@ body.action-embed-index {
3122 3147  
3123 3148 .action-embed-index #boxes,
3124 3149 .action-embed-index .box-1 .blocks,
3125   -.action-embed-index .block-outer,
  3150 +.action-embed-index .block-outer,
3126 3151 .action-embed-index #content .block {
3127 3152 margin: 0px;
3128 3153 }
... ... @@ -3209,11 +3234,11 @@ body.action-embed-index {
3209 3234 }
3210 3235  
3211 3236 #content .no-boxes #main-content-wrapper-8 {
3212   - padding: 10px 10px;
  3237 + padding: 0px 0px;
3213 3238 }
3214 3239  
3215 3240 #content .no-boxes #main-content-wrapper-8 .all_tracks {
3216   - padding-left: 2px;
  3241 + padding-left: 0px;
3217 3242 }
3218 3243  
3219 3244 /* chat {{{ */
... ... @@ -3262,7 +3287,7 @@ body.action-embed-index {
3262 3287 height: auto;
3263 3288 }
3264 3289  
3265   -.hub ul.settings li.twitter label{
  3290 +.hub ul.settings li.twitter label{
3266 3291 color: white;
3267 3292 display: block;
3268 3293 font-style: oblique;
... ... @@ -3330,6 +3355,7 @@ body.action-embed-index {
3330 3355 width: 1024px;
3331 3356 margin: 0px auto;
3332 3357 margin-top: 20px;
  3358 + /* color: transparent;*/
3333 3359 }
3334 3360  
3335 3361 #boxes {
... ... @@ -3353,4 +3379,5 @@ body.action-embed-index {
3353 3379 margin-bottom: 10px;
3354 3380 min-height: 25px;
3355 3381 border-bottom: 1px solid #ebebeb;
3356   -}
3357 3382 \ No newline at end of file
  3383 +}
  3384 +
... ...
theme.js
  Diff comments   View file @4ae1fb0
... ... @@ -9,6 +9,7 @@ function alignBlocks(containerIndex){
9 9  
10 10 jt.find("#block-48504 .block-inner-2").height(492);
11 11 jt.find("#block-55304 .block-inner-2").height(378);
  12 + jt.find("#block-55304 .block-inner-2").height(378);
12 13  
13 14 //Aligns the blocks in the most common situations
14 15 jt.find(".block-outer").height(longerBlock);
... ... @@ -47,6 +48,6 @@ jQuery( document ).ready(function( $ ) {
47 48 //Alinha os blocos do tipo container lado a lado
48 49 $('.container-block-plugin_container-block').each(alignBlocks);
49 50  
50   - $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: absolute; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
  51 + $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: relative; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
51 52  
52 53 });
... ...
theme.yml
  Diff comments   View file @4ae1fb0
1   -name: "ParticipaMA"
  1 +name: "MaranhaoPD"
2 2 layout: "application-ng"
3 3 icon_theme: [participabr, default, pidgin]
... ...