remove rounded borders for submenu items

this was suggested by kellertuer in issue \#3
MetaMeute · Dec 1, 2011 · 1b73d78 · 1b73d78
1 parent 5dd9e98
commit 1b73d78
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/app/assets/stylesheets/navigation.css.scss b/app/assets/stylesheets/navigation.css.scss
@@ -14,13 +14,14 @@ div#navigation {
 
     li {
       float: left;
-      padding: .75ex 1em;
+      padding: .75ex 0em;
       list-style-image: none;
       list-style-type: none;
       border: 2px solid rgba(102,153,170,0);
       border-radius: 1.5ex;
 
       a {
+        padding: 0 1em;
         color: #ffffff;
         font-size: 110%;
         text-decoration: none;
@@ -31,13 +32,22 @@ div#navigation {
 
         li {
           float: none;
-          padding: 0.25em 0;
+          padding: 0.25em 0em;
+          border: 2px solid rgba(102,153,170,0);
+          border-left: 0px;
+          border-right: 0px;
+          border-radius: 0ex;
 
           a {
-            padding: 0 1em;
+            padding: 0 2em;
             font-size: 1em;
           }
         }
+        li:hover {
+          border: 2px solid rgba(102,153,170,1);
+          border-left: 0px;
+          border-right: 0px;
+        }
       }
     }