Commit a272d2df40d64801d012561fa8f5ada17c2a98c9
Committed by
usuario
1 parent
6bba1661
Exists in
master
the new navigation bar
Showing
2 changed files
with
22 additions
and
21 deletions
Show diff stats
header.rhtml
1 | -<div id="barra-psocial"> | |
2 | -<div id="assets-menu"> | |
1 | +<!-- <div id="barra-psocial"> | |
2 | + <div id="assets-menu"> | |
3 | 3 | <ul> |
4 | 4 | <%= generate_assets_menu %> |
5 | 5 | </ul> |
6 | -</div> <!-- fim id="assets-menu" --> | |
6 | +</div> | |
7 | 7 | |
8 | 8 | <script type="text/javascript"> |
9 | 9 | jQuery(function($) { |
... | ... | @@ -15,6 +15,6 @@ |
15 | 15 | window.closeAssetsTimeout = |
16 | 16 | setTimeout( function() { $("#assets-menu").slideUp(400); }, 500 ); |
17 | 17 | }); |
18 | - });</script> | |
19 | -</div> | |
18 | + });</script> | |
19 | +</div> fim id="assets-menu" --> | |
20 | 20 | <div id="nav"><a href="/assets/articles"><span class="icon-menu-articles"></span>Artigos</a> | <a href="/assets/people">Pessoas</a> | <a href="/assets/communities">Comunidades</a> | <a href="/assets/events">Eventos</strong></a></div> | ... | ... |
style.css
... | ... | @@ -2,32 +2,33 @@ |
2 | 2 | |
3 | 3 | /* modified */ |
4 | 4 | |
5 | -nav { | |
6 | - background-color: #0786bd; | |
5 | +#nav { | |
6 | + /* background-color: #0786bd; */ | |
7 | 7 | bottom: 0; |
8 | 8 | color: red; |
9 | 9 | height: 20px; |
10 | - left: -400px; | |
11 | - min-width: 300px; | |
12 | - padding: 10px 20px; | |
10 | + /* left: -400 if it's on wrapper */ | |
11 | + width: 100%; | |
12 | + padding: 10px 16px; | |
13 | 13 | position: absolute; |
14 | 14 | text-align: center; |
15 | - top: 40px; | |
16 | -} | |
15 | + top: 0px; | |
16 | + } | |
17 | 17 | |
18 | -nav a | |
18 | +#nav a | |
19 | 19 | { |
20 | - font-size:14px; | |
21 | - font-weight:bold; | |
22 | - margin:10px 0;height:20px; | |
23 | - padding:12px 10px; | |
24 | - color:#fff; | |
25 | - text-decoration:none; | |
20 | + font-size:14px; | |
21 | + font-weight:bold; | |
22 | + margin:10px 0; | |
23 | + height:16px; | |
24 | + padding:12px 10px; | |
25 | + color:#000; | |
26 | + text-decoration:none; | |
26 | 27 | } |
27 | 28 | |
28 | - nav a:hover | |
29 | +#nav a:hover | |
29 | 30 | { |
30 | - background-color:#FAD433; | |
31 | + background-color:red; | |
31 | 32 | } |
32 | 33 | |
33 | 34 | /* Main style page */ | ... | ... |