new black and blue theme and other CSS fixes

README.txt

@@ -42,4 +42,5 @@ jQuery Superfish: http://users.tpg.com.au/j_birch/plugins/superfish/
 - #180106 - fix missing translatable strings"      
 - #144742 - don't show annoying A titles     
 - remove dependency on menu module, now works with menu module off
-- 
+- new black & blue theme, design by Jeremy Caldwell (http://nerdliness.com/article/2007/11/01/simplemenu-module-customizations)
+- alter height of menu and rollover to fix gaps

simplemenu.module

@@ -89,7 +89,7 @@ function simplemenu_admin_settings() {
   $form['default_menu']['simplemenu_theme'] = array(
     '#type' => 'select',
     '#title' => t('Theme'),
-    '#options' => drupal_map_assoc(array('original', 'custom')),
+    '#options' => array('original' => 'original', 'blackblue' => 'black & blue', 'custom' => 'custom'),
     '#default_value' => variable_get('simplemenu_theme', 'original'),
     '#description' => t('Select which theme to use. If you specify custom, you need to define CSS in your theme.')
   );

themes/blackblue/blackblue.css

@@ -0,0 +1,51 @@
+/* $Id$ */
+
+body.simplemenu-enabled {
+  margin-top: 21px;
+}
+#simplemenu {
+	background:#000;
+	color:#fff;
+	font:11px Verdana, Helvetica, sans-serif;
+	left:0;
+	position:absolute;
+	top:0;
+	width:100%;
+	z-index:9999;
+}
+#simplemenu a {
+	color:#fff;
+	text-decoration:none;
+	padding:3px 12px 5px 12px;
+	height:13px;
+	width:auto;
+}
+#simplemenu li {
+  background:transparent;
+}
+#simplemenu li.expanded > a {
+	background:url(arrow_right.gif) no-repeat 94%;
+	padding-right:18px;
+}
+#simplemenu li.root > a {
+	background:url(arrow_down.gif) no-repeat 94%;
+	padding-right:18px;
+}
+#simplemenu li:hover, #simplemenu li.sfHover,
+#simplemenu a:focus, #simplemenu a:hover, #simplemenu a:active {
+  background: #4c77b3;
+	color:#fff;
+}
+#simplemenu li ul {
+  border:1px solid #ccc;
+	background:#fafcff;
+}
+#simplemenu li ul a {
+	color:#4e4e4e; 
+	height:auto;
+}
+#simplemenu li ul li:hover, #simplemenu li ul li.sfHover,
+#simplemenu li ul a:focus, #simplemenu li ul a:hover, #simplemenu li ul a:active {
+  background-color:#cde;
+	color:#4e4e4e;
+}

themes/original/original.css

@@ -1,7 +1,7 @@
 /* $Id$ */
 
 body.simplemenu-enabled {
-  margin-top: 20px;
+  margin-top: 21px;
 }
 #simplemenu {
 	background:#ddd;
@@ -12,7 +12,6 @@ body.simplemenu-enabled {
 	position:absolute;
 	top:0;
 	width:100%;
-	height:20px;
 	z-index:9999;
 }
 #simplemenu a {
@@ -21,21 +20,19 @@ body.simplemenu-enabled {
 	background:#ddd;
 	border-right:1px solid #999;
 	border-left:1px solid #eee;
-	padding:2px 6px 3px 6px;
+	padding:2px 6px 3px 6px; 
+	height:15px;
 	width:auto;
 }   
 #simplemenu li {
 	background:#ddd;
 	text-align: left;
 }   
-#simplemenu li.expanded > a
-{
+#simplemenu li.expanded > a {
 	background:url(right-green.gif) no-repeat 97%;
 	padding-right:2em;
 }
-
-#simplemenu li.root > a
-{
+#simplemenu li.root > a {
 	font-weight:700;
 	background:url(down-green.gif) no-repeat 97%;
 }
@@ -48,3 +45,6 @@ body.simplemenu-enabled {
 ul#simplemenu li.sfHover ul {
 	border-bottom:1px solid #999;
 }
+#simplemenu li ul a {
+ 	height:auto;
+}