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 */ | ... | ... |