Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

top navbar added

  • Loading branch information...
commit 5d5b9d6f58609c8aa3c9d94212a73c07a38f539e 1 parent c226116
@esdras esdras authored
Showing with 36 additions and 1 deletion.
  1. +13 −0 index.html
  2. +23 −1 stylesheets/base.css
View
13 index.html
@@ -20,6 +20,19 @@
<div id='top-wrapper'>
<div id='top' class='container'>
+ <div id='top-nav-wrapper'>
+ <ul class='top-nav' id='left-top-nav'>
+ <li class='first'><a class='mini-button' href='#'>General Stuff</a></li>
+ <li><a href='#' class='mini-button'>Users</a></li>
+ <li><a href='#' class='mini-button'>Configuration</a></li>
+ <li class='last'><a class='mini-button yellow' href='#'>Help</a></li>
+ </ul>
+
+ <ul class='top-nav' id='right-top-nav'>
+ <li class='append'><a href='#'>User Name</a></li>
+ <li class='last'><a class='mini-button red' href='#'>Logout</a></li>
+ </ul>
+ </div>
<h1 class='title'>Sim, isso deu trabalho.</h1>
<ul id='main-nav-left' class='tabs nav'>
View
24 stylesheets/base.css
@@ -19,10 +19,12 @@ a.new-entity:hover{ background:url(../images/cadastrar-hover.png) no-repeat; }
hr{ height:1px; }
h1, h2, h3, h4, h5, p{ color:#444; }
+h1 { font-size: 2.3em; }
h5 { font-size:1em; font-weight:bold; margin:auto; }
h4{ font-weight:bold; }
+/* top-nav */
div#top-wrapper{
height:120px;
width:100%;
@@ -33,10 +35,30 @@ div#top-wrapper{
div#top{
height:120px;
position:relative;
+ overflow:hidden;
+}
+div#top-nav-wrapper{ margin-top:1px; }
+ul.top-nav{
+ list-style-type:none;
+ margin:auto;
+ height:20px;
+}
+ul.top-nav li{
+ line-height:20px;
+ display:inline;
+ float:left;
+ background:#ccc;
}
+ul.top-nav li.append { padding-right:10px; }
+ul.top-nav li a { line-height:20px; }
+ul#right-top-nav{ float:right; }
+ul#left-top-nav{ float:left; }
+
+
+
h1.title{
position:absolute;
- top:20px;
+ top:35px;
}
ul.nav{
position:absolute;
Please sign in to comment.
Something went wrong with that request. Please try again.