Commit 4a99a87f9a2c0c16d8c4ef31006141f2bf256751

Authored by Valessio Brito
1 parent d78016ec

Footer add links

cabecalho-juventude.css
... ... @@ -393,9 +393,53 @@ background-position: 0px 0px;
393 393 width: 100%;
394 394 }
395 395  
  396 +#theme-footer .footer-inner {
  397 + max-width: 960px;
  398 + margin: 0 auto;
  399 +}
  400 +
396 401 #footer-content {
397 402 background: #fff;
  403 + text-align: left;
  404 +}
  405 +
  406 +#footer-columns {
  407 + background: #CE5C00;
  408 + color: #FFF;
  409 + float: none;
  410 + font-size:10px;
  411 + padding:1em 0;
  412 + width: 100%;
  413 +}
  414 +#footer-columns dl {
  415 + margin: 0.5em 0px;
  416 + border-left: 1px dotted #FFF;
  417 +}
  418 +#footer-columns .column {
  419 + float: left;
  420 + margin: 0px 2em;
  421 + text-align: left;
  422 +}
  423 +#footer-columns dt {
  424 + padding-left: .6em;
  425 + font-size: 2em;
  426 + font-weight: bold;
  427 + color: #F1CA7F;
  428 + font-family: "Open Sans",Arial,Helvetica,sans-serif;
  429 +}
  430 +#footer-columns dd {
  431 + margin: 0px;
  432 + padding: .5em 1.2em 0 1.2em;
  433 + font-family: "Open Sans",Arial,Helvetica,sans-serif;
  434 +}
  435 +#footer-columns dd a {
  436 + color: #FFF;
  437 + font-size: 1.4em;
  438 +}
  439 +#footer-columns dd a:hover {
  440 + color: #F1CA7F;
398 441 }
  442 +#footer-columns.columns-4 .column { width: 22%; }
399 443  
400 444 #footer-logos {
401 445 background: #204a87;
... ... @@ -404,11 +448,6 @@ background-position: 0px 0px;
404 448 height: 49px;
405 449 }
406 450  
407   -#footer-logos div {
408   - max-width: 960px;
409   - margin: 0 auto;
410   -}
411   -
412 451 #footer-logos a {
413 452 display: block;
414 453 height: 49px;
... ...
categories.html.erb
1   -<ul id="cat_menu">
2   - <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %>
3   - <li id="category category_<%= item.path %>" >
  1 +<dl class="footerCategories footerSection"><dt class="footerSectionHeader">Assuntos</dt>
  2 + <% @environment.top_level_categories.each do |item| %>
  3 + <dd class="footerSectionBody category_<%= item.path %>" >
4 4 <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %>
5   - </li>
  5 + </dd>
6 6 <% end %>
7   -</ul><!-- fim id="cat_menu" -->
  7 +</dl><!-- fim id="cat_menu" find(:all, :conditions => {:display_in_menu => true}). -->
... ...
footer.html.erb
1 1 <div id="footer-content">
  2 +
  3 +<div id="footer-columns">
  4 + <div class="footer-inner">
  5 + <div class="column column-0">
  6 +
  7 + <dl class="footerSection"><dt class="footerSectionHeader">Portal da Juventude</dt>
  8 + <dd class="footerSectionBody">
  9 + <a href="/juventude/sobre-o-portal">Sobre o portal</a>
  10 + </dd>
  11 + <dd class="footerSectionBody">
  12 + <a href="/juventude/orgaos-responsaveis">Órgão responsáveis</a>
  13 + </dd>
  14 + <dd class="footerSectionBody">
  15 + <a href="/legislacao">Legislação</a>
  16 + </dd>
  17 + <dd class="footerSectionBody">
  18 + <a href="/participatorio">Participatório</a>
  19 + </dd>
  20 + <dd class="footerSectionBody">
  21 + <a href="/conjuve">Conjuve</a>
  22 + </dd>
  23 + <dd class="footerSectionBody">
  24 + <a href="/coijuv">Coijuv</a>
  25 + </dd>
  26 + <dd class="footerSectionBody">
  27 + <a href="/juventudeviva">Juventude Viva</a>
  28 + </dd>
  29 + <dd class="footerSectionBody">
  30 + <a href="/estacaojuventude">Estação Juventude</a>
  31 + </dd>
  32 + <dd class="footerSectionBody">
  33 + <a href="/juventuderural">Juventude Rural</a>
  34 + </dd>
  35 + </dl></div>
  36 + <div class="column categories column-1">
  37 + <%= theme_include 'categories' %>
  38 + </div>
  39 + <div class="column column-2">
  40 +
  41 + <dl class="footerSection"><dt class="footerSectionHeader">Serviços</dt>
  42 + <dd class="footerSectionBody">
  43 + <a href="/ajuda">Perguntas frequentes</a>
  44 + </dd>
  45 + <dd class="footerSectionBody">
  46 + <a href="/juventude/programas">Programas da Juventude</a>
  47 + </dd>
  48 + <dd class="footerSectionBody">
  49 + <a href="/profile/juventude/events">Eventos</a>
  50 + </dd>
  51 + <dd class="footerSectionBody">
  52 + <a href="/juventude/editais">Editais</a>
  53 + </dd>
  54 + <dd class="footerSectionBody">
  55 + <a href="/juventude/imprensa">Imprensa</a>
  56 + </dd>
  57 + <dd class="footerSectionBody">
  58 + <a href="/contact/juventude/new">Contato</a>
  59 + </dd>
  60 + </dl></div>
  61 + <div class="column column-2">
  62 +
  63 + <dl class="footerSection"><dt class="footerSectionHeader">Redes Sociais</dt>
  64 + <dd class="footerSectionBody">
  65 + <a href="https://www.facebook.com/SecretriaNacionaldeJuventude">Facebook</a>
  66 + </dd>
  67 + <dd class="footerSectionBody">
  68 + <a href="http://twitter.com/snjuventude">Twitter</a>
  69 + </dd>
  70 + <dd class="footerSectionBody">
  71 + <a href="https://www.youtube.com/user/canaljuventude">Youtube</a>
  72 + </dd>
  73 + <dd class="footerSectionBody">
  74 + <a href="https://www.flickr.com/photos/juventudenacional">Flickr</a>
  75 + </dd>
  76 + <dd class="footerSectionBody">
  77 + <a href="http://issuu.com/participatorio/stacks/6c2cbd1dbf8a418390547c9a94b7a545">Issuu</a>
  78 + </dd>
  79 + </dl></div>
  80 + <div class="column column-3">
  81 +
  82 + <dl class="footerSection"><dt class="footerSectionHeader">RSS</dt>
  83 + <dd class="footerSectionBody">
  84 + <a href="/ajuda/o-que-e-rss">O que é?</a>
  85 + </dd>
  86 + <dd class="footerSectionBody">
  87 + <a href="/juventude/feed">Assine</a>
  88 + </dd>
  89 + </dl></div>
  90 + <div class="clear"></div>
  91 + </div><!-- .footer-inner -->
  92 +</div><!-- #footer-columns -->
  93 +
2 94 <div id="footer-logos">
3   - <div>
  95 + <div class="footer-inner">
4 96 <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/"><span>Acesso a Informação</span></a>
5 97 <div class="institucionais">
6 98 <a class="logo-conjuve" href="http://www.juventude.gov.br/conjuve"><span>Secretaria-geral da Presidência da República</span></a>
... ...