[dev] [patch] new menu for mozilla theme

Vilius Šumskas vilius at lnk.lt
Thu Nov 4 01:58:48 PST 2004


This patch makes the use of new <ul> menu in mozilla theme.

One small note; i created most needed css ids from classes, but haven't been
able to fix somekind of "menu moving" effect when moving mouse on the items.

-- 
  Best Regards,

  Vilius Šumskas
  LNK TV system administrator
  mob.: +370 614 75713
  http://www.lnk.lt
-------------- next part --------------
Index: screen.css
===================================================================
RCS file: /repository/horde/themes/mozilla/screen.css,v
retrieving revision 1.5
diff -u -r1.5 screen.css
--- screen.css	3 Nov 2004 21:59:44 -0000	1.5
+++ screen.css	4 Nov 2004 09:53:33 -0000
@@ -15,26 +15,6 @@
 a.widget {
     color: #000000;
 }
-.menuitem {
-    color: black;
-}
-a.menuitem {
-    color: black;
-}
-.menu {
-    background-color: #C7D0D9;
-    background-image: url(graphics/menu.png);
-    background-repeat: repeat-x;
-}
-.menuselected {
-    background-color: #C7D0D9;
-    background-image: url(graphics/menu-active.png);
-    background-repeat: repeat-x;
-    border: none;
-}
-.menu h1 {
-    color: black;
-}
 .header {
     color: black;
     background-color: #C7D0D9;
@@ -79,6 +59,50 @@
     background-color: #C6D3FF;
 }
 
+/* Menu styles. */
+.menuitem {
+    color: black;
+}
+a.menuitem {
+    color: black;
+}
+.menu {
+    background-color: #C7D0D9;
+    background-image: url(graphics/menu.png);
+    background-repeat: repeat-x;
+}
+.menuselected {
+    background-color: #C7D0D9;
+    background-image: url(graphics/menu-active.png);
+    background-repeat: repeat-x;
+    border: none;
+}
+.menu h1 {
+    color: black;
+}
+
+/* New id-based styles */
+#menu {
+    background-color: #C7D0D9;
+    background-image: url(graphics/menu.png);
+    background-repeat: repeat-x;
+}
+#menu h1 {
+    color: black;
+}
+#menu a {
+    color: black;
+}
+#menu a:hover {
+    text-decoration: underline;
+	border: none;
+}    
+#menu a.current {
+    background-image: url(graphics/menu-active.png);
+    background-repeat: repeat-x;
+	border: none;
+}
+
 /* Sidebar styles. */
 #sidebarPanel {
     background-color: #C7D0D9;


More information about the dev mailing list