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 | <ul> | 3 | <ul> |
4 | <%= generate_assets_menu %> | 4 | <%= generate_assets_menu %> |
5 | </ul> | 5 | </ul> |
6 | -</div> <!-- fim id="assets-menu" --> | 6 | +</div> |
7 | 7 | ||
8 | <script type="text/javascript"> | 8 | <script type="text/javascript"> |
9 | jQuery(function($) { | 9 | jQuery(function($) { |
@@ -15,6 +15,6 @@ | @@ -15,6 +15,6 @@ | ||
15 | window.closeAssetsTimeout = | 15 | window.closeAssetsTimeout = |
16 | setTimeout( function() { $("#assets-menu").slideUp(400); }, 500 ); | 16 | setTimeout( function() { $("#assets-menu").slideUp(400); }, 500 ); |
17 | }); | 17 | }); |
18 | - });</script> | ||
19 | -</div> | 18 | + });</script> |
19 | +</div> fim id="assets-menu" --> | ||
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> | 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,32 +2,33 @@ | ||
2 | 2 | ||
3 | /* modified */ | 3 | /* modified */ |
4 | 4 | ||
5 | -nav { | ||
6 | - background-color: #0786bd; | 5 | +#nav { |
6 | + /* background-color: #0786bd; */ | ||
7 | bottom: 0; | 7 | bottom: 0; |
8 | color: red; | 8 | color: red; |
9 | height: 20px; | 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 | position: absolute; | 13 | position: absolute; |
14 | text-align: center; | 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 | /* Main style page */ | 34 | /* Main style page */ |