Permalink
Browse files

Added <nav> elements and used the latest Mozilla spec so gradients wo…

…rk in FF 3.6 (Namoroka)
  • Loading branch information...
1 parent c9ccbec commit ac64bd9d13c3446b58f4f6ce7576218be38d4a28 @quirkey quirkey committed Sep 7, 2009
Showing with 40 additions and 2 deletions.
  1. +1 −0 .gitignore
  2. +29 −1 css/aristo.css
  3. +10 −1 index.html
View
@@ -0,0 +1 @@
+.DS_Store
View
@@ -205,14 +205,16 @@ input, textarea {
cursor: progress;
}
-header {
+header, .header {
display: block;
height: 30px;
width: 300px;
padding: 10px;
text-align: center;
border-bottom: 2px solid #979797;
+ background: #C2C2C2;
background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#C2C2C2));
+ background: -moz-linear-gradient(left top, left bottom, from(#EAEAEA), to(#C2C2C2));
text-shadow: 0px 1px 1px #fff;
color: #2C2C2C;
}
@@ -221,6 +223,32 @@ header {
-webkit-border-radius: 3px;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#525252), color-stop(0.3, #212121), color-stop(0.33, #1D1D1D), to(#1D1D1D));
+ background: -moz-linear-gradient(left top, left bottom, from(#525252), color-stop(0.3, #212121), color-stop(0.33, #1D1D1D), to(#1D1D1D));
height: 100px;
width: 200px;
+}
+
+nav {
+ display: block;
+ width: 100%;
+ height: 33px;
+ background: -webkit-gradient(linear, left top, left bottom, from(#030303), to(#44474b));
+ background: -moz-linear-gradient(left top, left bottom, from(#030303), to(#44474b));
+ clear: both;
+}
+nav a {
+ display: block;
+ float: left;
+ padding: 10px;
+ color: #A5A5A5;
+ font-size: 11px;
+ font-weight: normal;
+ text-shadow: 0px 1px 1px #000;
+ text-decoration: none;
+}
+nav a:hover, nav a.active {
+ background: -webkit-gradient(linear, left top, left bottom, from(#81AFC8), to(#BBE1F7));
+ background: -moz-linear-gradient(left top, left bottom, from(#81AFC8), to(#BBE1F7));
+ color: #1C4257;
+ text-shadow: 0px 1px 1px #FFF;
}
View
@@ -12,7 +12,13 @@
<div style="overflow: scroll; width: 300px; height: 300px">
<header>Header</header>
-
+
+ <nav>
+ <a href="#new">New</a>
+ <a href="#open">Open</a>
+ <a href="#save">Save</a>
+ </nav>
+
<input type="checkbox" />
<button>Test Button</button>
@@ -29,6 +35,9 @@
<input type="text" placeholder="placeholder" />
<input type="search" placeholder="search" />
+
+ <span class="copy">Copy</span>
+ <span class="progress">Progress</span>
<div class="hud" style="margin-top:20px">
<button>Test</button>

0 comments on commit ac64bd9

Please sign in to comment.