diff --git a/README.txt b/README.txt index 167450d8..36ec0673 100644 --- a/README.txt +++ b/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 -- \ No newline at end of file +- 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 diff --git a/simplemenu.module b/simplemenu.module index 8e21361a..ab6450eb 100644 --- a/simplemenu.module +++ b/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.') ); diff --git a/themes/blackblue/arrow_down.gif b/themes/blackblue/arrow_down.gif new file mode 100644 index 00000000..281c985f Binary files /dev/null and b/themes/blackblue/arrow_down.gif differ diff --git a/themes/blackblue/arrow_right.gif b/themes/blackblue/arrow_right.gif new file mode 100644 index 00000000..1514355e Binary files /dev/null and b/themes/blackblue/arrow_right.gif differ diff --git a/themes/blackblue/blackblue.css b/themes/blackblue/blackblue.css new file mode 100644 index 00000000..98548ccb --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/themes/original/original.css b/themes/original/original.css index 02beaecf..0c2d57d7 100644 --- a/themes/original/original.css +++ b/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; +} \ No newline at end of file