Commit 4a99a87f9a2c0c16d8c4ef31006141f2bf256751
1 parent
d78016ec
Exists in
master
and in
2 other branches
Footer add links
Showing
3 changed files
with
142 additions
and
11 deletions
Show diff stats
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> | ... | ... |