Commit 6bba16618c0fdb26c2230c4293d6fc1acb6660e6
Committed by
usuario
1 parent
97ba8911
Exists in
master
a new navigation bar
Showing
2 changed files
with
32 additions
and
2 deletions
Show diff stats
header.rhtml
| @@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
| 3 | <ul> | 3 | <ul> |
| 4 | <%= generate_assets_menu %> | 4 | <%= generate_assets_menu %> |
| 5 | </ul> | 5 | </ul> |
| 6 | -</div><!-- fim id="assets-menu" --> | 6 | +</div> <!-- fim id="assets-menu" --> |
| 7 | 7 | ||
| 8 | <script type="text/javascript"> | 8 | <script type="text/javascript"> |
| 9 | jQuery(function($) { | 9 | jQuery(function($) { |
| @@ -17,4 +17,4 @@ | @@ -17,4 +17,4 @@ | ||
| 17 | }); | 17 | }); |
| 18 | });</script> | 18 | });</script> |
| 19 | </div> | 19 | </div> |
| 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
| 1 | @import url(../scarletred/style.css); | 1 | @import url(../scarletred/style.css); |
| 2 | 2 | ||
| 3 | +/* modified */ | ||
| 4 | + | ||
| 5 | +nav { | ||
| 6 | + background-color: #0786bd; | ||
| 7 | + bottom: 0; | ||
| 8 | + color: red; | ||
| 9 | + height: 20px; | ||
| 10 | + left: -400px; | ||
| 11 | + min-width: 300px; | ||
| 12 | + padding: 10px 20px; | ||
| 13 | + position: absolute; | ||
| 14 | + text-align: center; | ||
| 15 | + top: 40px; | ||
| 16 | +} | ||
| 17 | + | ||
| 18 | +nav a | ||
| 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; | ||
| 26 | + } | ||
| 27 | + | ||
| 28 | + nav a:hover | ||
| 29 | + { | ||
| 30 | + background-color:#FAD433; | ||
| 31 | + } | ||
| 32 | + | ||
| 3 | /* Main style page */ | 33 | /* Main style page */ |
| 4 | body { | 34 | body { |
| 5 | background: #FFF url('./images/bg-gradient.png') top left repeat-x; | 35 | background: #FFF url('./images/bg-gradient.png') top left repeat-x; |