[geeklog-cvs] geeklog: newpro: Styled the menu

[geeklog-cvs at lists.geeklog.net]

changeset 8520:55020eb3f309
url:  http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/55020eb3f309
user: Rouslan Placella <rouslan at placella.com>
date: Sat Mar 10 23:48:05 2012 +0000
description:
newpro: Styled the menu

diffstat:

 public_html/layout/newpro/css/layout.css                |   42 +++++++++------
 public_html/layout/newpro/header.thtml                  |    9 +-
 public_html/layout/newpro/images/css/menu_bg.png        |  Bin 
 public_html/layout/newpro/images/css/menu_bg_active.png |  Bin 
 4 files changed, 30 insertions(+), 21 deletions(-)

diffs (104 lines):

diff -r 251966acd429 -r 55020eb3f309 public_html/layout/newpro/css/layout.css
--- a/public_html/layout/newpro/css/layout.css	Sat Mar 10 22:33:11 2012 +0000
+++ b/public_html/layout/newpro/css/layout.css	Sat Mar 10 23:48:05 2012 +0000
@@ -86,44 +86,52 @@
 --------------------------------------*/
 
 div#container div#navigation {
-  background: #E7E7E7;
-  text-align: left;
-}
+  background: #dbddd9 url('../images/css/menu_bg.png') repeat-x 0 0;
+  border: 1px solid #939490;
+  margin: auto;
+  width: 95%;
 
-div#container div#navigation div {
-  margin: 0 auto;
-  padding: 0;
-}
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
 
-div#container div#navigation div.navigation_content {
-  padding: 0.5em 8px;
+  -webkit-box-shadow: 0px 0px 2px 1px #aaa;
+  -moz-box-shadow: 0px 0px 2px 1px #aaa;
+  box-shadow: 0px 0px 2px 1px #aaa; 
 }
 
 /*  Navigation Menu List */
 div#container div#navigation ul {
   list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-div#container div#navigation ul li {
-  display: inline;
-  margin: 0 2px;
+  margin: 0 1em;
   padding: 0;
 }
 
 /*  Navigation Menu(Normal) */
 div#container div#navigation ul li.menuitem {
+  float: left;
+  display: block;
 }
 
 div#container div#navigation ul li.menuitem a,
 div#container div#navigation ul li.menuitem a:link,
 div#container div#navigation ul li.menuitem a:visited {
+  float: left;
+  display: block;
+  height: 2.3em;
+  line-height: 2.2em;
+  padding: 0 0.8em;
+  border-left: 1px dotted #939490;
+  text-decoration: none;
+  color: #2E3436;
+  font-size: 13px;
 }
 
 div#container div#navigation ul li.menuitem a:hover,
 div#container div#navigation ul li.menuitem a:focus,
 div#container div#navigation ul li.menuitem a:active {
+  background: #ededeb url('../images/css/menu_bg_active.png') repeat-x 0 0;
+  text-decoration: underline;
 }
 
 /*  Navigation Menu(Last) */
@@ -133,6 +141,8 @@
 div#container div#navigation ul li.last-child a,
 div#container div#navigation ul li.last-child a:link,
 div#container div#navigation ul li.last-child a:visited {
+  padding-right: 1em;
+  border-right: 1px dotted #939490;
 }
 
 div#container div#navigation ul li.last-child a:hover,
diff -r 251966acd429 -r 55020eb3f309 public_html/layout/newpro/header.thtml
--- a/public_html/layout/newpro/header.thtml	Sat Mar 10 22:33:11 2012 +0000
+++ b/public_html/layout/newpro/header.thtml	Sat Mar 10 23:48:05 2012 +0000
@@ -32,11 +32,10 @@
 
       <!-- #navigation { -->
       <div id="navigation">
-        <div class="navigation_content">
-          <ul>
-            {menu_elements}
-          </ul>
-        </div>
+        <ul>
+          {menu_elements}
+        </ul>
+        <div style="clear: both;"></div>
       </div>
       <!-- } #navigation -->
 
diff -r 251966acd429 -r 55020eb3f309 public_html/layout/newpro/images/css/menu_bg.png
Binary file public_html/layout/newpro/images/css/menu_bg.png has changed
diff -r 251966acd429 -r 55020eb3f309 public_html/layout/newpro/images/css/menu_bg_active.png
Binary file public_html/layout/newpro/images/css/menu_bg_active.png has changed