GNOME.org
 

[gnome3-web/marketing-team-collab] we now have navigation

commit b6aa6493bb3d3843323e30923eeaff07611b8240
Author: Andreas Nilsson <nisses mail home se>
Date:   Sun Feb 20 03:59:28 2011 +0100

    we now have navigation

 css/gnome3.css |   26 +++++++++++++++++++++++---
 index.html     |   13 +++++++++----
 2 files changed, 32 insertions(+), 7 deletions(-)
---
diff --git a/css/gnome3.css b/css/gnome3.css
index 834eefc..ac9f4b2 100644
--- a/css/gnome3.css
+++ b/css/gnome3.css
@@ -54,7 +54,7 @@ a.faq {
 #splash {
   position: relative;
   background: #204a87 url(../img/desktop.png) no-repeat 0 0;
-  height: 400px; width: 960px;
+  height: 400px; width: 940px;
   margin: 4px 0 2em;
   overflow: hidden;
 }
@@ -93,6 +93,26 @@ a.faq {
   margin-bottom: 1em;
 }
 
-.logo {
-  margin: 0px 320px;
+ul.navigation {
+  background: #f57900;
+  color: #fff;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  margin-top: 50px;
+  padding: 10px 0px;
+
+}
+
+ul.navigation li {
+  display: inline;
+  margin-left: 0px;
+  padding: 10px 15px;
+  border-right: 1px solid #eeeeec;
+}
+
+ul.navigation li a {
+  -moz-border-radius: 3px;
+  text-decoration: none;
+  color: #fff;
 }
diff --git a/index.html b/index.html
index bb0a92e..de927fc 100644
--- a/index.html
+++ b/index.html
@@ -16,16 +16,21 @@
 <script src="js/gnome3.js" type="text/javascript" charset="utf-8"></script>
 </head>
 <body>
+
 <div class="container_16">
-  <div class="grid_16">
+  <div class="grid_5">
     <a href="index.html"><img src="img/logo.png" class="logo"/></a>
+  </div><!-- grid_4 -->
+  <div class="grid_10 prefix_1">
+    <ul class="navigation"><li><a href="faq.html">Common Questions</a></li><li><a href="tryit.html">Try it out!</a></li><li><a href="developers.html">Developer technologies</a></li></ul>
+  </div><!-- grid_12 -->
+</div>
+<div class="container_16">
+  <div class="grid_16">
       <div id="splash">
         <img src="img/alpha-banner.png"/>
         <h1>Introducing the next generation GNOME desktop</h1>
       </div>
-  </div><!-- grid_16 -->
-
-  <div class="grid_16">
     <p>For GNOME 3, the GNOME Project has started from scratch and created a completely new, modern desktop designed for today's users and technologies. Here are some of the things that you can expect from the new GNOME:</p>
   </div>
 </div>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]