Download as
Browse Code »

Commit e96b8acde6e384f5abe66215ff001c94c64adb92

Authored by Juliana
1 parent c7b7d0df
Exists in master and in 10 other branches adding_css_from_plugin, design_template, fix_catalog_classes, fix_javascript, fix_text_display_content, news_page_css, news_style, page_catalog, restructuring_css, stable

New version theme SPB-Noosfero - new colors,new header and footer.

Showing 12 changed files with 1036 additions and 14 deletions   Show diff stats
cabecalho-cinza-theme.css 0 → 100644
  Diff comments   View file @e96b8ac
... ... @@ -0,0 +1,852 @@
  1 +@import url(http://fonts.googleapis.com/css?family=Open+Sans);
  2 +
  3 +#theme-header{}
  4 +
  5 +#header {
  6 + padding: 13px 0 0 0;/*(azul-claro)*/
  7 + color: #000;
  8 + background-color: rgb(236,237,241);
  9 +}
  10 +
  11 +#header>div {
  12 + max-width: 960px;
  13 + margin: 0 auto;
  14 +}
  15 +
  16 +.header-content * {
  17 + margin: 0;
  18 + padding: 0;
  19 + list-style: none;
  20 + vertical-align: baseline;
  21 +}
  22 +.header-content li { display: inline; }
  23 +
  24 +#brasilgov {
  25 + background: #00510f;
  26 + border-bottom: 1px solid #ffcc00;
  27 + padding: 5px 10px;
  28 + color: #03316f;
  29 +}
  30 +
  31 +#accessibility {
  32 + display: block !important;
  33 + float: left;
  34 + font-family: arial;
  35 + font-size: 10px;
  36 + width: 50%;
  37 +}
  38 +
  39 +#accessibility a {
  40 + color: rgb(96,96,96);/*#FFF; */
  41 + margin-right: 8px;
  42 +}
  43 +#accessibility a:hover {
  44 + color: #d0d9ff;
  45 +}
  46 +
  47 +#accessibility span {
  48 + background: none repeat scroll 0 0 rgb(96,96,96);
  49 + color: #FFFFFF;
  50 + padding: 0 4px;
  51 +}
  52 +
  53 +/*.contraste header #logo{
  54 +background-image: url(images/logotipo_contraste.png);
  55 +background-repeat: no-repeat;
  56 +}*/
  57 +
  58 +
  59 +/* logo */
  60 +#logo {
  61 + padding: 0;
  62 + float: left;
  63 + width: 50%; /*70%;*/
  64 +}
  65 +
  66 +#logo span {
  67 + display: block;
  68 +}
  69 +
  70 +#logo a {
  71 + display: block;
  72 + width: 100%;
  73 + color: #03316f !important;
  74 + margin: 1em 0px;
  75 +}
  76 +
  77 +#logo a, #logo #portal-title {
  78 + color: #03316f;
  79 +}
  80 +
  81 +#logo #portal-title {
  82 + background-image: url("images/logotipo_spb.png");
  83 + background-repeat: no-repeat;
  84 + height: 78px;
  85 + width: 374px;
  86 + margin: 20px 0px 10px 0px;
  87 + /*margin: 30px 0px 20px 0px;*/
  88 + /* color: #fff;
  89 + font-size: 40px;
  90 + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
  91 + font-weight: normal;
  92 + line-height: 1em;
  93 + letter-spacing: -0.05em;*/
  94 +}
  95 +
  96 +#logo .luongo {
  97 + font-size: 3em !important;
  98 + line-height: 1.1em;
  99 + margin-bottom: 0.2em;
  100 +}
  101 +
  102 +#logo #portal-description {
  103 + font-size: 1.2em;
  104 + text-transform: uppercase;
  105 +}
  106 +
  107 +/* Site Actions */
  108 +#portal-siteactions {
  109 + display: block;
  110 + float: right;
  111 + clear: left;
  112 + border-bottom: 1px dotted #d0d9ff;
  113 + padding-bottom: 2px;
  114 + margin-top: -15px;
  115 + font-size: 10px;
  116 + text-align: center;
  117 +}
  118 +
  119 +#portal-siteactions a {
  120 + color:rgb(96,96,96); /*#FFF;*/
  121 + text-decoration: none;
  122 + padding: 4px 0 4px 10px;
  123 + text-transform: uppercase;
  124 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  125 +}
  126 +
  127 +#portal-siteactions a:hover {
  128 + color: #03316f;
  129 +}
  130 +
  131 +#portal-siteactions li {
  132 + display: inline;
  133 +}
  134 +
  135 +#portal-siteactions li a:hover {
  136 + color: #d0d9ff;
  137 +}
  138 +#portal-siteactions li a {
  139 + padding: 4px 0px;
  140 +}
  141 +
  142 +#social-icons {
  143 + float: right;
  144 + clear: right;
  145 + margin: 0px;
  146 +}
  147 +
  148 +#social-icons ul {
  149 + display: table-row;
  150 +}
  151 +
  152 +#social-icons li {
  153 + display: table-cell;
  154 +}
  155 +
  156 +#social-icons li a {
  157 + border: none;
  158 + padding: 0 5px;
  159 +}
  160 +
  161 +#siteaction-accessibility,
  162 +#siteaction-contraste {
  163 + margin: 0px 15px 0px 0px;
  164 +}
  165 +/* */
  166 +
  167 +/* Top links */
  168 +#theme-header .header-content #link-faq a {
  169 + border-right: 1px solid #FFF;
  170 + padding: 0 10px;
  171 +
  172 +}
  173 +#theme-header .header-content #link-contact a {
  174 + padding-left: 10px;
  175 +}
  176 +
  177 +#theme-header #sobre {
  178 + line-height: 20px;
  179 + font-size: 12px;
  180 + margin:0px 83px; /*incluido*/
  181 +}
  182 +
  183 +
  184 +/* */
  185 +
  186 +/* Sobre o brasil */
  187 +#sobre, #navbar {
  188 + clear: both;
  189 + max-width: 100% !important;
  190 + margin: 0;
  191 + /*background: #0d4094;/*azul-mais-escuro*/
  192 + padding: 5px 0;
  193 +}
  194 +
  195 +#sobre,#navbar ul {
  196 + max-width: 960px;
  197 + margin: 0px auto;
  198 + text-align: right;
  199 + padding:10px;
  200 +}
  201 +
  202 +#sobre a {
  203 + color: rgb(96,96,96);
  204 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  205 +}
  206 +#navbar a{
  207 + color: rgb(96,96,96);
  208 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  209 +}
  210 +
  211 +#sobre, #navbar .portalservicos-item a {
  212 + padding: 0 10px;
  213 + border-right: 1px solid #03316f;
  214 +}
  215 +
  216 +#sobre, #navbar .last-item a {
  217 + padding: 0 0 0 10px;
  218 + border-right: none;
  219 +}
  220 +
  221 +#navbar:houver{
  222 + color:#000000;
  223 +
  224 +}
  225 +
  226 +/* Searchbox */
  227 +.LSBox {
  228 + margin: 0;
  229 + padding: 0;
  230 + border: none;
  231 +}
  232 +
  233 +input.searchField {
  234 + -moz-appearance: none;
  235 +}
  236 +
  237 +#portal-searchbox {
  238 + clear: right;
  239 + float: right;
  240 + font-size: 80%;
  241 + margin: 30px 0 14px;
  242 + /*margin: 3.12em 0px 3px 0px;*/
  243 + text-align: right;
  244 + border-radius: 5px;
  245 + -moz-border-radius: 5px;
  246 + -webkit-border-radius: 5px;
  247 + border: 1px solid #CCCCCC;
  248 + background: #fff;
  249 + padding: 2px;
  250 +}
  251 +
  252 +#portal-searchbox .searchField {
  253 + padding: 0.45em;
  254 + border-right: none;
  255 + border: none;
  256 + width: 210px; /*170px;*/
  257 +}
  258 +
  259 +#portal-searchbox form {
  260 +white-space: nowrap;
  261 +}
  262 +
  263 +#portal-searchbox label {
  264 +font-weight: normal;
  265 +}
  266 +
  267 +#searchGadget {
  268 +width: 13em;
  269 +}
  270 +
  271 +#header input.searchButton {
  272 + padding: 0.3em;
  273 + background: transparent;
  274 + text-indent: -2000px;
  275 + padding: 4px 15px;
  276 + border: none;
  277 +}
  278 +
  279 +#content input.searchField {
  280 +margin-bottom: 1em;
  281 +}
  282 +input.searchField {
  283 +-moz-appearance: searchfield;
  284 +}
  285 +
  286 +#header input.searchButton {
  287 + background-image: url("images/search-button.png");
  288 + background-position: 8px 2px;
  289 + background-repeat: no-repeat;
  290 + background-color: #ffffff;
  291 +}
  292 +
  293 +#LSResult {
  294 + z-index: 1;
  295 + margin-top: 0.5%;
  296 +}
  297 +
  298 +
  299 +/* Search Button */
  300 +#search-button a {
  301 + display: inline-block;
  302 + width: 29px;
  303 + height: 25px;
  304 + margin-right: 3px;
  305 + margin-top: 10px;
  306 +}
  307 +
  308 +#search-button a:hover {
  309 + opacity: 0.6;
  310 +}
  311 +
  312 +#search-button #sb_search {
  313 +background-image: url(images/search.png);
  314 +background-size: 100% 100%;
  315 +}
  316 +
  317 +#search-button span { display: none; }
  318 +
  319 +
  320 +/* */
  321 +
  322 +/* Social Buttons */
  323 +#social-buttons a {
  324 + width: 18px;
  325 + height: 20px;
  326 + margin-right: 3px;
  327 + margin-top: 10px;
  328 +}
  329 +
  330 +#social-icons li a {
  331 + width: 20px;
  332 + height: 20px;
  333 + padding: 0px;
  334 + display: inline-block;
  335 + background-repeat: no-repeat;
  336 +}
  337 +
  338 +#social-icons li {
  339 + float: right;
  340 + width: 20px;
  341 + margin-left: 4px;
  342 +}
  343 +
  344 +#social-icons #sb_face {
  345 +background: url(images/icone-branco-facebook.png) 0 20px;
  346 +}
  347 +#social-icons #sb_face:hover {
  348 +background: url(images/icone-branco-facebook.png);
  349 +}
  350 +
  351 +#social-icons #sb_tweet {
  352 +background: url(images/icone-branco-twitter.png) 0 20px;
  353 +}
  354 +#social-icons #sb_tweet:hover {
  355 +background: url(images/icone-branco-twitter.png);
  356 +}
  357 +
  358 +#social-icons #sb_youtb {
  359 +background: url(images/icone-branco-youtube.png) 0 20px;
  360 +}
  361 +#social-icons #sb_youtb:hover {
  362 +background: url(images/icone-branco-youtube.png);
  363 +}
  364 +
  365 +#social-icons #sb_flickr {
  366 +background: url(images/icone-branco-flickr.png) 0 20px;
  367 +}
  368 +#social-icons #sb_flickr:hover {
  369 +background: url(images/icone-branco-flickr.png);
  370 +}
  371 +
  372 +#social-icons span { display: none; }
  373 +
  374 +/* FIM social Buttons */
  375 +
  376 +/*menu principal SPB*/
  377 +
  378 +portalservicos-item{
  379 +color:#000000;
  380 +}
  381 +#navbar{
  382 + margin:3px;
  383 + color:#000000;
  384 +
  385 +}
  386 +
  387 +
  388 +/*Fim menu principal SPB*/
  389 +
  390 +/****************** FIM cabecalho ******************/
  391 +
  392 +/************* Bar Psocial Style - Menu Horizontal**************/
  393 +#user{
  394 + padding: 0px 2em;
  395 + top: -30px;
  396 + font-size: 12px;
  397 + right: 4em;
  398 +}
  399 +
  400 +.logged-in #user{
  401 + top: -40px;
  402 +}
  403 +
  404 +#user form {
  405 + display:none;
  406 +}
  407 +
  408 +#user .logged-in {
  409 + visibility: hidden;
  410 + display: block;
  411 + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
  412 + display: block;
  413 + padding: 1em;
  414 + text-align: left;
  415 + width: 130px;
  416 + border-radius: 10px
  417 +}
  418 +
  419 +#user .logged-in:hover {
  420 + visibility: visible;
  421 +}
  422 +#user .logged-in a#homepage-link {
  423 + display: block;
  424 + visibility: visible;
  425 +}
  426 +
  427 +#user .logged-in span {display: none;}
  428 +
  429 +#user .logged-in a {
  430 + display: block;
  431 + margin-bottom: 10px;
  432 +}
  433 +
  434 +#user .logged-in #pending-tasks-count {
  435 + display: inline-block;
  436 + left: 0;
  437 + position: absolute;
  438 + top: 10px;
  439 + visibility: visible;
  440 +}
  441 +
  442 +#barra-psocial {
  443 + position: relative;
  444 + height: 40px;
  445 + margin: -3px 0px 0px 0px; /*margin: auto;*/
  446 + border: none;
  447 + background-color:rgb(236,237,241);
  448 + /*background: url(images/barra-psocial-bg.png) repeat-x; */
  449 +}
  450 +
  451 +#barra-psocial li {
  452 + float: left;
  453 +}
  454 +
  455 +#assets-menu {
  456 + background: #E8E8E8;
  457 + top: 35px;
  458 + left: 80px;
  459 + min-width: 132px;
  460 +}
  461 +
  462 +#assets-menu a {
  463 + border: 1px solid #E8E8E8;
  464 +}
  465 +
  466 +#categories_menu {
  467 + /*max-width: 960px;*/
  468 + padding: 0 1em;
  469 + margin: auto;
  470 +}
  471 +
  472 +#cat_menu {
  473 + background: url(images/marca-participacao-social.png) no-repeat center left;
  474 + height: 40px;
  475 + padding-left: 60px;
  476 +}
  477 +
  478 +#cat_menu li {
  479 + list-style: none;
  480 + font-size: 12px;
  481 + font-weight: bold;
  482 + padding: 0px 20px;
  483 + height: 100%;
  484 + text-transform: uppercase;
  485 +}
  486 +
  487 +#cat_menu li:hover {
  488 + background-color: #E1E4E4;
  489 +}
  490 +
  491 +#cat_menu li a {
  492 + line-height: 40px;
  493 + width: 100%;
  494 + height: 100%;
  495 + display: block;
  496 +}
  497 +/************* FIM Bar Psocial Style - Menu Horizontal**************/
  498 +
  499 +
  500 +/******************Footer-Rodapé**********************************/
  501 +#theme-footer {
  502 + width: 100%;
  503 +}
  504 +
  505 +#footer-content {
  506 + background: #fff;
  507 +}
  508 +
  509 +#footer-logos {
  510 + background: rgb(96,96,96);
  511 + max-width: 100%;
  512 + padding: 2em 0;
  513 + height: 49px;
  514 +}
  515 +
  516 +#footer-logos div {
  517 + max-width: 960px;
  518 + margin: 0 auto;
  519 +}
  520 +
  521 +#footer-logos a {
  522 + display: block;
  523 + height: 49px;
  524 + float: left;
  525 +}
  526 +
  527 +#footer-logos span {
  528 + display: none;
  529 +}
  530 +
  531 +#footer-logos .logo-acesso {
  532 + background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
  533 + width: 107px;
  534 +}
  535 +
  536 +#footer-logos .logo-brasil {
  537 + background: transparent url(images/brasil.png) center center no-repeat;
  538 + width: 153px;
  539 +}
  540 +
  541 +#footer-logos .logo-sgpr {
  542 + background: transparent url(images/sgpr.png) center center no-repeat;
  543 + width: 187px;
  544 + margin-right: 30px;
  545 +}
  546 +
  547 +#footer-logos .institucionais {
  548 + float: right;
  549 +}
  550 +
  551 +#footer-license {
  552 + max-width: 960px;
  553 + margin: 0 auto;
  554 + text-align: left;
  555 + padding: 19px;
  556 +}
  557 +
  558 +#footer-license p {
  559 + color: #0d4094;
  560 + text-align: left;
  561 +}
  562 +/***********Rodape Colab *********************/
  563 +
  564 +footer{
  565 + display:block
  566 +}
  567 +
  568 +header .accessibility-language-actions-container {
  569 + height:25px;
  570 + overflow:hidden
  571 +}
  572 +
  573 +main div.row-flutuante {
  574 +margin-top:-28px
  575 +}
  576 +main .row-fluid {
  577 +margin-left:0!important
  578 +}
  579 +
  580 +footer {
  581 +background:#ecedf1
  582 +}
  583 +footer .footer-atalhos {
  584 +background:#fff;
  585 +border-bottom: 2px
  586 +}
  587 +
  588 +footer .footer-atalhos .container {
  589 +padding:10px 0 25px 0
  590 +}
  591 +footer .footer-atalhos .voltar-ao-topo a {
  592 +color:#717782
  593 +}
  594 +footer .footer-atalhos .voltar-ao-topo a:hover {
  595 +text-decoration:underline
  596 +}
  597 +footer .container-menus {
  598 +padding:46px 0 0 0
  599 +}
  600 +footer .row {
  601 +margin-bottom:13px
  602 +}
  603 +footer nav {
  604 +border-left:1px dotted #dbdbc8;
  605 +padding:0 5px 0 10px
  606 +}
  607 +footer nav h2 {
  608 +font-size:1.3em;
  609 +font-weight:bold;
  610 +color:#3b3f44;
  611 +line-height:1.3em;
  612 +padding: 5px 0 5px 0
  613 +}
  614 +
  615 +footer nav ul {
  616 +margin-left:-40px; /*0; Verificar*/
  617 +}
  618 +footer nav li {
  619 +display:block;
  620 +padding-bottom:3px
  621 +}
  622 +footer nav a {
  623 +font-size: 12px; /*.9em;*/
  624 +color:#838489;
  625 +line-height:.9em
  626 +}
  627 +footer nav a:hover {
  628 +color:#838489;
  629 +text-decoration:underline
  630 +}
  631 +footer .footer-menus {
  632 +padding-bottom:10px
  633 +}
  634 +footer .footer-logos {
  635 +padding:25px 0;
  636 +}
  637 +footer .footer-ferramenta {
  638 +background:#fff;
  639 +padding:17px 0 11px 0
  640 +}
  641 +footer .footer-ferramenta p {
  642 +font-size:.91em;
  643 +line-height:1em
  644 +}
  645 +@media(min-width:980px) {
  646 +
  647 +footer .container2{
  648 + width:1040px
  649 +}
  650 +
  651 +footer .footer-atalhos a {
  652 + margin-right:12px
  653 +}
  654 +footer .footer-logos {
  655 + padding-left:10px;
  656 + padding-right:10px
  657 +}
  658 +footer .footer-ferramenta {
  659 + text-align:center
  660 +}
  661 +}
  662 +
  663 +#content.internas div.pull-none {
  664 +width:100%;
  665 +margin:10px 0;
  666 +text-align:center
  667 +}
  668 +
  669 +.contraste {
  670 +background-color:#0d0d0d!important;
  671 +color:#fff
  672 +}
  673 +
  674 +
  675 +.contraste header #portal-siteactions,.contraste header #language {
  676 +border-color:#666
  677 +}
  678 +
  679 +.contraste footer {
  680 +background-image:none;
  681 +background-color:#000
  682 +}
  683 +.contraste footer h2,.contraste footer h3,.contraste footer h4 {
  684 +color:#fff
  685 +}
  686 +.contraste footer .footer-atalhos,.contraste footer .footer-logos {
  687 +background:#1c1c1c;
  688 +border-color:yellow
  689 +}
  690 +.contraste footer .footer-atalhos a,.contraste footer .footer-logos a {
  691 +color:#ff0
  692 +}
  693 +.contraste footer .footer-ferramenta {
  694 +background:#000
  695 +}
  696 +
  697 +.container2,.navbar-static-top .container2,.navbar-fixed-top .container2,.navbar-fixed-bottom .container2 {
  698 + width:724px;
  699 +}
  700 +
  701 +.span2 {
  702 +width:104px;
  703 +}
  704 +
  705 +article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
  706 + display:block;
  707 +}
  708 +
  709 +.row {
  710 + margin-left:auto !important;
  711 + *zoom:1;
  712 + margin-right:auto !important;
  713 +}
  714 +
  715 +.row:before,.row:after {
  716 + display:table;
  717 + content:"";
  718 + line-height:0;
  719 +}
  720 +.row:after {
  721 + clear:both;
  722 +}
  723 +[class*="span"] {
  724 + float:left;
  725 + min-height:1px;
  726 + margin-left:30px;
  727 +}
  728 +.container {
  729 + max-width: 100%;
  730 + padding-left: 0px;
  731 + padding-right: 0px;
  732 + width:100%;
  733 +
  734 +}
  735 +
  736 +.span12 {
  737 + width:930px;
  738 +}
  739 +.span11 {
  740 + width:850px;
  741 +}
  742 +.span10 {
  743 + width:770px;
  744 +}
  745 +.span9 {
  746 + width:690px;
  747 +}
  748 +.span8 {
  749 + width:510px;
  750 +}
  751 +.span7 {
  752 + width:530px;
  753 +}
  754 +.span6 {
  755 + width:450px;
  756 +}
  757 +.span5 {
  758 + width:370px;
  759 +}
  760 +.span4 {
  761 + width:290px;
  762 +}
  763 +.span3 {
  764 + width:210px;
  765 +}
  766 +.span2 {
  767 + width:130px;
  768 +}
  769 +.span1 {
  770 + width:50px;
  771 +}
  772 +
  773 +.container2 {
  774 + margin-right:auto;
  775 + margin-left:auto;
  776 + *zoom:1;
  777 + max-width: 1040px;
  778 +}
  779 +.container2:before,.container2:after {
  780 + display:table;
  781 + content:"";
  782 + line-height:0;
  783 +}
  784 +.container2:after {
  785 + clear:both;
  786 +}
  787 +
  788 +/*
  789 +
  790 +.modal-footer {
  791 + padding:14px 15px 15px;
  792 + margin-bottom:0;
  793 + text-align:right;
  794 + background-color:#f5f5f5;
  795 + border-top:1px solid #ddd;
  796 + -webkit-border-radius:0 0 6px 6px;
  797 + -moz-border-radius:0 0 6px 6px;
  798 + border-radius:0 0 6px 6px;
  799 + -webkit-box-shadow:inset 0 1px 0 #ffffff;
  800 + -moz-box-shadow:inset 0 1px 0 #ffffff;
  801 + box-shadow:inset 0 1px 0 #ffffff;
  802 + *zoom:1;
  803 +}
  804 +.modal-footer:before,.modal-footer:after {
  805 + display:table;
  806 + content:"";
  807 + line-height:0;
  808 +}
  809 +.modal-footer:after {
  810 + clear:both;
  811 +}
  812 +.modal-footer .btn+.btn {
  813 + margin-left:5px;
  814 + margin-bottom:0;
  815 +}
  816 +.modal-footer .btn-group .btn+.btn {
  817 + margin-left:-1px;
  818 +}
  819 +.modal-footer .btn-block+.btn-block {
  820 + margin-left:0;
  821 +} * TESTE DO FOOTER*/
  822 +
  823 +
  824 +
  825 +/*.dropdown-menu.pull-right {
  826 + right:0;
  827 + left:auto;
  828 +}
  829 +*/
  830 +
  831 +.hide {
  832 + display:none;
  833 +}
  834 +
  835 +.hidden {
  836 + display:none;
  837 + visibility:hidden;
  838 +}
  839 +
  840 +.visible-phone {
  841 + display:none !important;
  842 +}
  843 +.visible-tablet {
  844 + display:none !important;
  845 +}
  846 +.hidden-desktop {
  847 + display:none !important;
  848 +}
  849 +.visible-desktop {
  850 + display:inherit !important;
  851 +}
  852 +/*****fim footer Colab*****/
... ...
footer.html.erb
  Diff comments   View file @e96b8ac
  1 +<!-- footer colab01 -->
  2 +<footer>
  3 + <div class="footer-atalhos">
  4 + <div class="container2">
  5 + <div class="pull-right voltar-ao-topo"><a href="#portal-siteactions"><i class="icon-chevron-up"></i>&nbsp;Voltar para o topo</a></div>
  6 + </div>
  7 + </div>
  8 + <div class="container2 container-menus">
  9 + <div id="footer-colab" class="row footer-menus">
  10 + <span class="hide">Início da navegação de rodapé</span>
  11 + <div class="span3">
  12 + <nav class="row assuntos ">
  13 + <h2>Assuntos</h2>
  14 + <ul>
  15 + <li><a href="http://www.softwarepublico.gov.br/O_que_e_o_SPB" title="SPB">SPB</a></li>
  16 + <li><a href="http://pagina.softwarepublico.gov.br/sisp" title="SISP-SPB">SISP-SPB </a></li>
  17 + <li><a href="http://www.softwarepublico.gov.br/5cqualibr/avaliaspb/wiki/Sobre" title="AvaliaSPB">AvaliaSPB</a></li>
  18 + <li><a href="http://www.softwarepublico.gov.br/4cmbr/xowiki/Principal" title="4CMBr">4CMBr</a></li>
  19 + <li><a href="http://www.softwarepublico.gov.br/5cqualibr/xowiki/" title="5cQualiBr" href="#">5cQualiBr</a></li>
  20 + </ul>
  21 + </nav>
  22 + </div>
  23 + <div class="span3">
  24 + <nav class="row servicos ">
  25 + <h2>Serviços</h2>
  26 + <ul>
  27 + <li class="portalservicos-item">
  28 + <a title="Perguntas frequentes" href="#">Perguntas frequentes</a>
  29 + </li>
  30 + <li class="portalservicos-item">
  31 + <a title="Contato" href="#">Contato</a>
  32 + </li>
  33 + <li class="portalservicos-item">
  34 + <a title="Serviços da [Denominação]" href="#">Serviços da [Denominação]</a>
  35 + </li>
  36 + <li class="portalservicos-item">
  37 + <a title="Dados abertos" href="#">Dados abertos</a>
  38 + </li>
  39 + <li class="portalservicos-item">
  40 + <a title="Área de imprensa" href="#">Área de imprensa</a>
  41 + </li>
  42 + </ul>
  43 + </nav>
  44 + </div>
  45 + <div class="span3">
  46 + <nav class="row redes-sociais ">
  47 + <h2>Redes Sociais</h2>
  48 + <ul>
  49 + <li class="portalredes-item"><a title="Twitter" href="https://twitter.com/twitter">
  50 + Twitter</a>
  51 + </li>
  52 + <li class="portalredes-item"><a title="YouTube" href="http://youtube.com/youtube">
  53 + Youtube</a>
  54 + </li>
  55 + <li class="portalredes-item"><a title="Facebook" href="http://facebook.com/facebook">
  56 + Facebook</a>
  57 + </li>
  58 + <li class="portalredes-item"><a title="Flickr" href="http://flickr.com/flickr">
  59 + Flickr</a>
  60 + </li>
  61 + </ul>
  62 + </nav>
  63 + </div>
  64 + <div class="span3">
  65 + <nav class="row rss ">
  66 + <h2>RSS</h2>
  67 + <ul>
  68 + <li><a href="#" title="O que é?">O que é?</a></li>
  69 + <li><a href="#" title="Assine">Assine</a></li>
  70 + </ul>
  71 + </nav>
  72 + <nav class="row sobre ">
  73 + <h2>Navegação</h2>
  74 + <ul>
  75 + <li><a href="#">Acessibilidade</a></li>
  76 + <li><a href="#">Mapa do site</a></li>
  77 + <li><a href="#">Versión en Español</a></li>
  78 + <li><a href="#">English version</a></li>
  79 + </ul>
  80 + </nav>
  81 + </div>
  82 + <span class="hide">Fim da navegação de rodapé</span>
  83 + </div>
  84 + <!-- fim .row -->
  85 + <!-- </div>
  86 + <!-- fim .container2 -->
  87 + <div class="footer-logos">
  88 + <div class="container2">
  89 + <a href="http://www.acessoainformacao.gov.br/" class="logo-acesso pull-left"><img src="{{ STATIC_URL }}img/acesso-a-informacao.png" alt="Acesso a Informação"></a>
  90 + <!-- separador para fins de acessibilidade -->
  91 + <span class="hide">&nbsp;</span>
  92 + <!-- fim separador para fins de acessibilidade -->
  93 + <a href="http://www.brasil.gov.br/" class="brasil pull-right"><img src="{{ STATIC_URL }}img/brasil.png" alt="Brasil - Governo Federal"></a>
  94 + </div>
  95 + </div>
  96 +
  97 + <div class="footer-atalhos visible-phone">
  98 + <div class="container2">
  99 + <span class="hide">Fim do conteúdo da página</span>
  100 + <div class="pull-right voltar-ao-topo"><a href="#portal-siteactions"><i class="icon-chevron-up"></i>&nbsp;Voltar para o topo</a></div>
  101 + </div>
  102 + </div>
  103 + </footer>
  104 +
  105 +
  106 + <!-- fim div#wrapper -->
  107 + <!-- scripts principais -->
  108 +
  109 + <noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
  110 + <noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
  111 + <script src="{{ STATIC_URL }}js/template.js" type="text/javascript"></script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
  112 + <script src="{{ STATIC_URL }}third-party/jplayer/jquery.jplayer.min.js" type="text/javascript"></script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
  113 + <script type="text/javascript">
  114 + //<![CDATA[
  115 + jQuery(document).ready(function(){
  116 + urls = {mp3:"http://tv1-lnx-04.grupotv1.com/portalmodelo/conteudos-de-marcacao/audio-1-titulo-do-audio-1/audio-1-nome-do-audio.mp3"};
  117 + playAudio("#jquery_jplayer_1", urls, "mp3", "jplayer/");
  118 + });
  119 + //]]>
  120 + </script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
  121 + <!-- Script do portal Brasil deve ficar preferencialmente no rodape para nao atrasar o carregamento da pagina principal -->
  122 + <script src="http://barra.brasil.gov.br/barra.js?cor=verde" type="text/javascript"></script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
  123 +
  124 + <!--fim footer colab01-->
  125 +
  126 +
  127 +
  128 +
  129 +
  130 +
1 131 <div id="footer-content">
2 132 <div id="footer-logos">
3 133 <div>
... ...
header.html.erb
  Diff comments   View file @e96b8ac
1   -<div id="barra-brasil">
2   - <a href="http://brasil.gov.br" style="background:#455ede; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Participa.gov</a>
3   -</div>
  1 +<!-- barra do governo -->
  2 + <div id="barra-brasil">
  3 + <a href="http://brasil.gov.br" title="Acesse para conhecer todos os serviços e informações do Governo Brasileiro na Internet.">Portal do Governo Brasileiro</a>
  4 + </div>
  5 +<!--fim barra do governo -->
  6 +
  7 +<!--<div id="barra-brasil">
  8 + <a href="http://brasil.gov.br" style="background:#455ede; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">SPB</a>
  9 +</div> -->
4 10  
5 11  
6 12 <div class="header-content">
... ... @@ -32,6 +38,16 @@
32 38 </a>
33 39 </li>
34 40 </ul>
  41 + <!--<div class="span6 language-and-actions-container"> -->
  42 + <!-- <ul id="language" class="pull-left">
  43 + <li class="language-en">
  44 + <a href="#">ENGLISH</a>
  45 + </li>
  46 + <li class="language-es">
  47 + <a href="#">ESPAÑOL</a>
  48 + </li>
  49 + </ul> -->
  50 +
35 51 <ul id="portal-siteactions">
36 52 <li id="siteaction-accessibility">
37 53 <a href="#">Acessibilidade</a>
... ... @@ -43,10 +59,21 @@
43 59 <a href="/search">Mapa do Site</a>
44 60 </li>
45 61 </ul>
46   -
  62 +
  63 +<!--<div class="language-and-actions-container">
  64 + <ul id="language" class="pull-left">
  65 + <li class="language-en">
  66 + <a href="#">ENGLISH</a>
  67 + </li>
  68 + <li class="language-es">
  69 + <a href="#">ESPAÑOL</a>
  70 + </li>
  71 + </ul>
  72 +</div> -->
47 73 <div id="logo">
48   - <a title="Participa.gov" href="/">
49   - <span id="portal-title">Participa.gov</span>
  74 +
  75 + <a title="Software Público" href="/">
  76 + <span id="portal-title"></span>
50 77 </a>
51 78 </div>
52 79  
... ... @@ -62,20 +89,20 @@
62 89 <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a>
63 90 </li>
64 91 <li>
65   - <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a>
  92 + <a id="sb_face" title="Facebook" href="#"><span>Facebook</span></a>
66 93 </li>
67 94 <li>
68 95 <a id="sb_youtb" title="Youtube" href="#"><span>Youtube</span></a>
69 96 </li>
70 97 <li>
71   - <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a>
  98 + <a id="sb_tweet" title="Twitter" href="#"><span>Twitter</span></a>
72 99 </li>
73 100 </ul>
74 101 </div>
75 102 </div>
76 103  
77   - <div id="sobre">
78   - <ul>
  104 + <div id="sobre">
  105 + <ul>
79 106 <li id="link-faq">
80 107 <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
81 108 </li>
... ... @@ -88,11 +115,21 @@
88 115 </div>
89 116  
90 117 <div id="barra-psocial">
  118 + <div id="navbar">
  119 + <nav id="navigation-colab"class="menu-servicos pull-right" role="navigation">
  120 + <ul class="nav navbar-nav">
  121 + <li class="portalservicos-item"><a href="/">Software Público</a></li>
  122 + <li class="portalservicos-item"><a href="/">Mercado Público</a></li>
  123 + <li class="portalservicos-item"><a href="/" >Comunidades</a></li>
  124 + <li class="portalservicos-item"><a href="/">Usuário</a></li>
  125 + </ul>
  126 + </nav>
  127 + </div>
91 128 <div id="categories_menu">
92 129 <%= theme_include 'categories' %>
93 130 </div>
94   - <div id="participa-languages">
  131 + <!--<div id="participa-languages">
95 132 <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
96 133 <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
97   - </div>
  134 + </div> -->
98 135 </div>
... ...
images/logotipo_contraste.png 0 → 100644
View file @e96b8ac

8.74 KB
images/logotipo_spb.png 0 → 100644
View file @e96b8ac

9.66 KB
images/search-button.png 0 → 100644
View file @e96b8ac

2.03 KB
images/search-button2.gif 0 → 100644
View file @e96b8ac

1.18 KB
images/spb.png 0 → 100644
View file @e96b8ac

202 KB
images/sprite.png
View file @e96b8ac

5.53 KB | W: | H:

36.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/sprite2.png 0 → 100644
View file @e96b8ac

5.53 KB
style.css
  Diff comments   View file @e96b8ac
... ... @@ -3,7 +3,10 @@
3 3 /*@import url(cabecalho-verde-theme.css);*/
4 4 /****************** FIM cabecalho verde ******************/
5 5 /******************** cabecalho azul ********************/
6   -@import url(cabecalho-azul-theme.css);
  6 +/*@import url(cabecalho-azul-theme.css);*/
  7 +/****************** FIM cabecalho azul ******************/
  8 +/****************** cabecalho azul ********************/
  9 +@import url(cabecalho-cinza-theme.css);
7 10 /****************** FIM cabecalho azul ******************/
8 11  
9 12 @import url(../../icons/tango/style.css);
... ...
theme.yml
  Diff comments   View file @e96b8ac
1   -name: "Participagov"
  1 +name: "Software Público"
2 2 layout: "application-ng"
3 3 icon_theme: [participabr]
... ...