Dropdown Menu Widget - Version 1.5.7

Version Description

  • Fixed various css issues.
  • Removed backgrounds for IE on certain themes.
  • Hopefully works with all browsers with javascript enabled (Tested with Chrome, Firefox, Safari, Opera and IE6).
  • Please submit any bugs you see on dropdown menu plugin page
Download this release

Release Info

Developer mattsay
Plugin Icon wp plugin Dropdown Menu Widget
Version 1.5.7
Comparing to
See all releases

Code changes from version 1.5.6beta to 1.5.7

Files changed (12) hide show
  1. js/include.js +2 -10
  2. readme.txt +9 -3
  3. shailan-dropdown.css +14 -40
  4. shailan.DropDownMenu.php +18 -32
  5. themes/adobe.com/default.css +13 -86
  6. themes/aqua.css +4 -8
  7. themes/color-scheme.css +4 -1
  8. themes/flickr.com/default.css +1 -2
  9. themes/hulu/hulu.css +3 -8
  10. themes/nvidia.com/default.css +13 -103
  11. themes/shiny-black.css +0 -2
  12. themes/simple.css +1 -3
js/include.js CHANGED
@@ -1,15 +1,7 @@
1
  // Dom Ready
2
  jQuery(document).ready(function($) {
3
-
4
  // Dropdown menu support for IE
5
- $('.dropdown li').hover(function(){
6
- $(this).addClass('hover');
7
- }, function(){
8
- $(this).removeClass('hover');
9
- });
10
-
11
  // Add child classes to lists
12
- $('ul li:first-child').addClass('first-child');
13
- $('ul li:last-child').addClass('last-child');
14
-
15
  });
1
  // Dom Ready
2
  jQuery(document).ready(function($) {
 
3
  // Dropdown menu support for IE
4
+ $('.dropdown li').hover(function(){ $(this).addClass('hover'); }, function(){ $(this).removeClass('hover'); });
 
 
 
 
 
5
  // Add child classes to lists
6
+ $('ul li:first-child').addClass('first-child'); $('ul li:last-child').addClass('last-child');
 
 
7
  });
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === Dropdown Menu Widget ===
2
  Contributors: mattsay
3
  Donate link: http://shailan.com/donate
4
- Tags: css, dropdown, menu, widget, pages, categories, multi
5
  Requires at least: 2.8
6
- Tested up to: 3.0.1
7
- Stable tag: 1.5.6beta
8
 
9
  This widget adds a beatiful vertical/horizontal CSS only dropdown menu of Pages, Categories or Custom navigation menus of your blog.
10
 
@@ -47,6 +47,12 @@ You can submit errors and bugs using the [online form](http://shailan.com/contac
47
 
48
  == Changelog ==
49
 
 
 
 
 
 
 
50
  = 1.5.6beta =
51
  * Added hooks for inserting your own menu & other navigational elements.
52
  * Fixed z-index errors.
1
  === Dropdown Menu Widget ===
2
  Contributors: mattsay
3
  Donate link: http://shailan.com/donate
4
+ Tags: css, dropdown, menu, widget, pages, categories, multi, jquery, navigation
5
  Requires at least: 2.8
6
+ Tested up to: 3.0.2
7
+ Stable tag: 1.5.7
8
 
9
  This widget adds a beatiful vertical/horizontal CSS only dropdown menu of Pages, Categories or Custom navigation menus of your blog.
10
 
47
 
48
  == Changelog ==
49
 
50
+ = 1.5.7 =
51
+ * Fixed various css issues.
52
+ * Removed backgrounds for IE on certain themes.
53
+ * Hopefully works with all browsers with javascript enabled (Tested with Chrome, Firefox, Safari, Opera and IE6).
54
+ * Please submit any bugs you see on [dropdown menu plugin page](http://shailan.com/wordpress/plugins/dropdown-menu/)
55
+
56
  = 1.5.6beta =
57
  * Added hooks for inserting your own menu & other navigational elements.
58
  * Fixed z-index errors.
shailan-dropdown.css CHANGED
@@ -1,24 +1,20 @@
1
- @charset "UTF-8";
 
2
 
3
- /** Remove list styling */
4
  ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
 
5
 
6
- /** z-indexes */
7
- ul.dropdown { position: relative; /* z-index: 596;*/ }
8
- ul.dropdown ul { position:absolute; z-index: 597; }
9
- ul.dropdown ul li { position:relative; z-index: 598; }
10
- ul.dropdown li.hover,
11
- ul.dropdown li:hover{ position: relative; /* z-index: 598; */ }
12
-
13
- /** Basic dropdown */
14
- ul.dropdown { /*float: left; display:inline;*/ }
15
- * html ul.dropdown, * html ul.dropdown li.hover, * html ul.dropdown li:hover { display:inline; zoom:1; } /** Added as IE fix */
16
- ul.dropdown li { float: left; vertical-align: middle; zoom: 1; }
17
- * html ul.dropdown li {display:inline;} /** Added as IE fix */
18
  ul.dropdown li a{ padding: .3em .8em; }
19
- ul.dropdown li.hover, ul.dropdown li:hover{ cursor: default; }
20
- ul.dropdown ul { position: absolute; top: 100%; left: 0; display: none; }
 
21
  ul.dropdown ul li { float: none; }
 
22
  ul.dropdown ul ul { top: 1px; left: 99%; }
23
 
24
  ul.dropdown li:hover > ul, ul.dropdown li.hover ul{ display: block; }
@@ -30,32 +26,10 @@ ul.dropdown a:active, ul.dropdown a:focus { outline-style:none; }
30
  ul.dropdown ul li, ul.dropdown-vertical { margin-left: -16px; mar\gin-left: 0; }
31
 
32
  /** Hide submenus */
33
- ul.dropdown ul,
34
- ul.dropdown li.hover ul ul,
35
- ul.dropdown li.hover ul ul ul,
36
- ul.dropdown li.hover ul ul ul ul,
37
- ul.dropdown li.hover ul ul ul ul ul,
38
- ul.dropdown ul,
39
- ul.dropdown li:hover ul ul,
40
- ul.dropdown li:hover ul ul ul,
41
- ul.dropdown li:hover ul ul ul ul,
42
- ul.dropdown li:hover ul ul ul ul ul {
43
- display: none;
44
- }
45
 
46
  /** Show current submenu */
47
- ul.dropdown li.hover ul,
48
- ul.dropdown ul li.hover ul,
49
- ul.dropdown ul ul li.hover ul,
50
- ul.dropdown ul ul ul li.hover ul,
51
- ul.dropdown ul ul ul ul li.hover ul ,
52
- ul.dropdown li:hover ul,
53
- ul.dropdown ul li:hover ul,
54
- ul.dropdown ul ul li:hover ul,
55
- ul.dropdown ul ul ul li:hover ul,
56
- ul.dropdown ul ul ul ul li:hover ul {
57
- display: block;
58
- }
59
 
60
  ul.dropdown ul ul ul ul ul ul { display: none !important; }
61
 
1
+ /* RESET TABLES */
2
+ div.shailan-dropdown-menu table, div.shailan-dropdown-menu tbody, div.shailan-dropdown-menu tr, div.shailan-dropdown-menu td, div.shailan-dropdown-menu ul, div.shailan-dropdown-menu li { margin:0; padding:0; border:0; }
3
 
4
+ /* REMOVE LIST STYLING */
5
  ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
6
+ ul.dropdown * { margin:0; padding:0 }
7
 
8
+ /* BASICS */
9
+ .dropdown-horizontal-container{ width:100%; }
10
+ ul.dropdown li { position:relative; z-index: 598; float: left; vertical-align: middle; }
11
+ * html ul.dropdown li { display:inline; zoom:1; } /* IE FIX */
 
 
 
 
 
 
 
 
12
  ul.dropdown li a{ padding: .3em .8em; }
13
+ ul.dropdown ul { position: absolute; top: 100%; left: 0; }
14
+ * html ul.dropdown ul { margin-top:1px }
15
+ ul.current{ z-index:99999; }
16
  ul.dropdown ul li { float: none; }
17
+ * html ul.dropdown ul li, * html ul.dropdown ul li li { display: list-item; }
18
  ul.dropdown ul ul { top: 1px; left: 99%; }
19
 
20
  ul.dropdown li:hover > ul, ul.dropdown li.hover ul{ display: block; }
26
  ul.dropdown ul li, ul.dropdown-vertical { margin-left: -16px; mar\gin-left: 0; }
27
 
28
  /** Hide submenus */
29
+ ul.dropdown ul, ul.dropdown li.hover ul ul, ul.dropdown li.hover ul ul ul, ul.dropdown li.hover ul ul ul ul, ul.dropdown li.hover ul ul ul ul ul, ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul, ul.dropdown li:hover ul ul ul ul ul { display: none; }
 
 
 
 
 
 
 
 
 
 
 
30
 
31
  /** Show current submenu */
32
+ ul.dropdown li.hover ul, ul.dropdown ul li.hover ul, ul.dropdown ul ul li.hover ul, ul.dropdown ul ul ul li.hover ul, ul.dropdown ul ul ul ul li.hover ul , ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul, ul.dropdown ul ul ul li:hover ul, ul.dropdown ul ul ul ul li:hover ul { display: block; }
 
 
 
 
 
 
 
 
 
 
 
33
 
34
  ul.dropdown ul ul ul ul ul ul { display: none !important; }
35
 
shailan.DropDownMenu.php CHANGED
@@ -4,13 +4,13 @@ Plugin Name: Dropdown Menu Widget
4
  Plugin URI: http://shailan.com/wordpress/plugins/dropdown-menu
5
  Description: A multi widget to generate drop-down menus from your pages, categories & navigation menus. You can find more widgets, plugins and themes at <a href="http://shailan.com">shailan.com</a>.
6
  Tags: dropdown, menu, css, css-dropdown, navigation, widget, dropdown-menu, customization, theme
7
- Version: 1.5.6beta
8
  Author: Matt Say
9
  Author URI: http://shailan.com
10
  Text Domain: shailan-dropdown-menu
11
  */
12
 
13
- define('SHAILAN_DM_VERSION','1.5.6beta');
14
  define('SHAILAN_DM_TITLE', 'Dropdown Menu');
15
  define('SHAILAN_DM_FOLDER', 'dropdown-menu-widget');
16
 
@@ -30,7 +30,8 @@ class shailan_DropdownWidget extends WP_Widget {
30
  $this->shortname = "shailan_dm";
31
 
32
  // Hook up styles
33
- add_action( 'wp_head', array(&$this, 'styles') );
 
34
 
35
  if(!is_admin()){ wp_enqueue_script( 'dropdown-ie-support', WP_PLUGIN_URL . '/' . SHAILAN_DM_FOLDER . '/js/include.js', array('jquery') ); }
36
 
@@ -245,14 +246,6 @@ class shailan_DropdownWidget extends WP_Widget {
245
  "std" => false,
246
  "type" => "checkbox"),
247
 
248
- /*
249
- array( "name" => "Use custom walkers",
250
- "desc" => "Custom walkers add more functionality for styling. <br />Some themes depend on this option.<br />Note: This option hides link titles.",
251
- "id" => "shailan_dm_customwalkers",
252
- "std" => false,
253
- "type" => "checkbox"),
254
- */
255
-
256
  array( "type" => "close" ),
257
 
258
  );
@@ -331,15 +324,15 @@ class shailan_DropdownWidget extends WP_Widget {
331
  $custom_walkers = false; //(bool) get_option('shailan_dm_customwalkers');
332
  $show_empty = (bool) get_option('shailan_dm_show_empty');
333
 
334
- ?>
335
- <?php echo $args['before_widget']; ?>
336
-
337
- <?php
338
 
339
  $dropdown_wrapper_open = '<div id="shailan-dropdown-wrapper-' . $this->number . '" >';
340
 
341
  $dropdown_open = '<div align="' . $align . '" class="'.$orientation.'-container dm-align-'.$align.'"><table cellpadding="0" cellspacing="0"><tr><td>';
342
- $list_open = '<ul class="dropdown '. $orientation . ' dropdown-align-'.$align.'">';
343
 
344
  if($home && ($type == 'pages' || $type == 'categories')){
345
 
@@ -451,18 +444,16 @@ class shailan_DropdownWidget extends WP_Widget {
451
 
452
  } // switch ($type)
453
 
454
- ?>
455
-
456
  <?php echo $after_widget; ?>
457
  <?php
458
  }
459
 
460
- /** @see WP_Widget::update */
461
  function update($new_instance, $old_instance) {
462
  return $new_instance;
463
  }
464
 
465
- /** @see WP_Widget::form */
466
  function form($instance) {
467
  $widget_options = wp_parse_args( $instance, $this->defaults );
468
  extract( $widget_options, EXTR_SKIP );
@@ -521,7 +512,7 @@ class shailan_DropdownWidget extends WP_Widget {
521
  echo "\n\n<!-- Dropdown Menu Widget Styles by shailan (http://shailan.com) v".SHAILAN_DM_VERSION." on wp".get_bloginfo( 'version' )." -->";
522
  echo "\n<link rel=\"stylesheet\" href=\"".WP_PLUGIN_URL."/".SHAILAN_DM_FOLDER."/shailan-dropdown.css\" type=\"text/css\" />";
523
 
524
- if($theme!='NONE' || $theme != 'Custom'){
525
  echo "\n<link rel=\"stylesheet\" href=\"".WP_PLUGIN_URL."/".SHAILAN_DM_FOLDER."/themes/".$theme.".css\" type=\"text/css\" />";
526
  }
527
 
@@ -573,6 +564,7 @@ class shailan_DropdownWidget extends WP_Widget {
573
  .shailan-dropdown-menu .dropdown-horizontal-container,
574
  ul.dropdown li, ul.dropdown li.hover, ul.dropdown li:hover{ background-position:0px <?php echo $posvert; ?>px; }
575
  ul.dropdown li.hover a, ul.dropdown li:hover a{ background-position:0px <?php echo $apos; ?>px; }
 
576
  <?php } elseif($overlay == 'none') { ?>
577
  /* Clear background images */
578
  .shailan-dropdown-menu .dropdown-horizontal-container, ul.dropdown li, ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown li.hover a, ul.dropdown li:hover a { background-image:none; }
@@ -601,21 +593,16 @@ class shailan_DropdownWidget extends WP_Widget {
601
  $custom_css = stripslashes(get_option('shailan_dm_custom_css'));
602
  if(!empty($custom_css)){ echo $custom_css; }
603
  echo "\n</style>";
604
-
605
- /*
606
- echo "\n\t<!--[if lte IE 7]>";
607
- echo "\n\t<style type=\"text/css\" media=\"screen\">";
608
- echo "\n\t\tbody { behavior:url(\"".WP_PLUGIN_URL."/".SHAILAN_DM_FOLDER."/csshover.htc\"); }";
609
- echo "\n\t</style>";
610
- echo "\n\t<![endif]-->";
611
- */
612
-
613
  echo "\n<!-- /Dropdown Menu Widget Styles -->";
614
  echo "\n ";
615
 
616
  } else {
617
  wp_enqueue_style('dropdownMenuStyles');
618
  }
 
 
 
 
619
  }
620
 
621
  } // class shailan_DropdownWidget
@@ -662,8 +649,7 @@ function shailan_dropdown_menu(){
662
  the_widget('shailan_DropdownWidget', $args);
663
  }
664
 
665
- function get_latest_tweet($username)
666
- {
667
  $url = "http://search.twitter.com/search.atom?q=from:$username&rpp=1";
668
  $content = file_get_contents($url);
669
  $content = explode('<content type="html">', $content);
4
  Plugin URI: http://shailan.com/wordpress/plugins/dropdown-menu
5
  Description: A multi widget to generate drop-down menus from your pages, categories & navigation menus. You can find more widgets, plugins and themes at <a href="http://shailan.com">shailan.com</a>.
6
  Tags: dropdown, menu, css, css-dropdown, navigation, widget, dropdown-menu, customization, theme
7
+ Version: 1.5.7
8
  Author: Matt Say
9
  Author URI: http://shailan.com
10
  Text Domain: shailan-dropdown-menu
11
  */
12
 
13
+ define('SHAILAN_DM_VERSION','1.5.7');
14
  define('SHAILAN_DM_TITLE', 'Dropdown Menu');
15
  define('SHAILAN_DM_FOLDER', 'dropdown-menu-widget');
16
 
30
  $this->shortname = "shailan_dm";
31
 
32
  // Hook up styles
33
+ add_action( 'wp_head', array(&$this, 'styles') );
34
+ add_action( 'wp_footer', array(&$this, 'footer'), 10, 1 );
35
 
36
  if(!is_admin()){ wp_enqueue_script( 'dropdown-ie-support', WP_PLUGIN_URL . '/' . SHAILAN_DM_FOLDER . '/js/include.js', array('jquery') ); }
37
 
246
  "std" => false,
247
  "type" => "checkbox"),
248
 
 
 
 
 
 
 
 
 
249
  array( "type" => "close" ),
250
 
251
  );
324
  $custom_walkers = false; //(bool) get_option('shailan_dm_customwalkers');
325
  $show_empty = (bool) get_option('shailan_dm_show_empty');
326
 
327
+ echo $args['before_widget'];
328
+
329
+ echo "\n\n<!-- Dropdown Menu Widget by shailan (http://shailan.com) -->";
330
+ echo "\n\n<!-- Menu Type : " . $type . " -->";
331
 
332
  $dropdown_wrapper_open = '<div id="shailan-dropdown-wrapper-' . $this->number . '" >';
333
 
334
  $dropdown_open = '<div align="' . $align . '" class="'.$orientation.'-container dm-align-'.$align.'"><table cellpadding="0" cellspacing="0"><tr><td>';
335
+ $list_open = '<ul id="dropdown-'. $this->number .'" class="dropdown dropdown-'. $this->number .' '. $orientation . ' dropdown-align-'.$align.'">';
336
 
337
  if($home && ($type == 'pages' || $type == 'categories')){
338
 
444
 
445
  } // switch ($type)
446
 
447
+ echo "\n\n<!--/ Dropdown Menu Widget -->"; ?>
448
+
449
  <?php echo $after_widget; ?>
450
  <?php
451
  }
452
 
 
453
  function update($new_instance, $old_instance) {
454
  return $new_instance;
455
  }
456
 
 
457
  function form($instance) {
458
  $widget_options = wp_parse_args( $instance, $this->defaults );
459
  extract( $widget_options, EXTR_SKIP );
512
  echo "\n\n<!-- Dropdown Menu Widget Styles by shailan (http://shailan.com) v".SHAILAN_DM_VERSION." on wp".get_bloginfo( 'version' )." -->";
513
  echo "\n<link rel=\"stylesheet\" href=\"".WP_PLUGIN_URL."/".SHAILAN_DM_FOLDER."/shailan-dropdown.css\" type=\"text/css\" />";
514
 
515
+ if($theme!='NONE' && $theme != 'custom'){
516
  echo "\n<link rel=\"stylesheet\" href=\"".WP_PLUGIN_URL."/".SHAILAN_DM_FOLDER."/themes/".$theme.".css\" type=\"text/css\" />";
517
  }
518
 
564
  .shailan-dropdown-menu .dropdown-horizontal-container,
565
  ul.dropdown li, ul.dropdown li.hover, ul.dropdown li:hover{ background-position:0px <?php echo $posvert; ?>px; }
566
  ul.dropdown li.hover a, ul.dropdown li:hover a{ background-position:0px <?php echo $apos; ?>px; }
567
+
568
  <?php } elseif($overlay == 'none') { ?>
569
  /* Clear background images */
570
  .shailan-dropdown-menu .dropdown-horizontal-container, ul.dropdown li, ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown li.hover a, ul.dropdown li:hover a { background-image:none; }
593
  $custom_css = stripslashes(get_option('shailan_dm_custom_css'));
594
  if(!empty($custom_css)){ echo $custom_css; }
595
  echo "\n</style>";
 
 
 
 
 
 
 
 
 
596
  echo "\n<!-- /Dropdown Menu Widget Styles -->";
597
  echo "\n ";
598
 
599
  } else {
600
  wp_enqueue_style('dropdownMenuStyles');
601
  }
602
+ } // end styles
603
+
604
+ function footer($instance){
605
+
606
  }
607
 
608
  } // class shailan_DropdownWidget
649
  the_widget('shailan_DropdownWidget', $args);
650
  }
651
 
652
+ function get_latest_tweet($username){
 
653
  $url = "http://search.twitter.com/search.atom?q=from:$username&rpp=1";
654
  $content = file_get_contents($url);
655
  $content = explode('<content type="html">', $content);
themes/adobe.com/default.css CHANGED
@@ -1,61 +1,9 @@
1
- @charset "UTF-8";
2
-
3
- /**
4
- * Adobe CSS Drop-Down Menu Theme
5
- *
6
- * @file default.css
7
- * @name Adobe
8
- * @version 0.1
9
- * @type transitional
10
- * @browsers Windows: IE6+, Opera7+, Firefox1+
11
- * Mac OS: Safari2+, Firefox2+
12
- *
13
- * @link http://www.lwis.net/
14
- * @copyright 2008 Live Web Institute. All Rights Reserved.
15
- *
16
- * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
17
- * Expected directory tag - li
18
- *
19
- */
20
-
21
-
22
- /*------------------------------------------------------------------------------------------------------/
23
- * @section Base Drop-Down Styling
24
- * @structure ul (unordered list)
25
- * ul li (list item)
26
- * ul li a (links)
27
- * *(.class|:hover)
28
- * @level sep ul
29
- */
30
-
31
-
32
- /* ----- ALL LEVELS (incl. first) */
33
-
34
- ul.dropdown {
35
- font: bold 12px Arial, Helvetica, sans-serif;
36
- }
37
-
38
- ul.dropdown li {
39
- padding: 7px 12px;
40
- background-color: #000;
41
- color: #fff;
42
- }
43
-
44
- ul.dropdown li.hover,
45
- ul.dropdown li:hover {
46
- background-color: #222;
47
- }
48
-
49
- ul.dropdown a:link,
50
- ul.dropdown a:visited { color: #fff; text-decoration: none; }
51
- ul.dropdown a:hover { color: #fff; text-decoration: underline; }
52
- ul.dropdown a:active { color: #fff; }
53
-
54
-
55
- /* ----- END LEVEL */
56
-
57
-
58
- /* ----- NON-FIRST LEVEL */
59
 
60
  ul.dropdown ul {
61
  margin-left: -6px;
@@ -66,6 +14,8 @@ ul.dropdown {
66
  font-size: 11px;
67
  font-weight: normal;
68
  }
 
 
69
 
70
  ul.dropdown ul li {
71
  background-color: transparent;
@@ -82,28 +32,11 @@ ul.dropdown {
82
  font-weight: bold;
83
  }
84
 
85
- ul.dropdown ul a:link,
86
- ul.dropdown ul a:visited { color: #000; }
87
- ul.dropdown ul a:hover { color: #000; text-decoration: none; }
88
- ul.dropdown ul a:active { color: #000; }
89
-
90
- ul.dropdown ul ul {
91
- display: none;
92
- }
93
-
94
- ul.dropdown ul ul li {}
95
-
96
- /* ----- END LEVEL */
97
-
98
-
99
 
100
- /*------------------------------------------------------------------------------------------------------/
101
- * @section Support Class 'dir'
102
- * @level sep ul, .class
103
- */
104
-
105
-
106
- /* ----- ALL LEVELS (incl. first) */
107
 
108
  ul.dropdown *.dir {
109
  padding-right: 12px;
@@ -112,12 +45,6 @@ ul.dropdown *.dir {
112
  background-repeat: no-repeat;
113
  }
114
 
115
- /* ----- END LEVEL */
116
-
117
-
118
-
119
-
120
- /* Components override */
121
 
122
  ul.dropdown-horizontal ul *.dir {
123
  padding-right: 15px;
@@ -136,4 +63,4 @@ ul.dropdown-vertical-rtl *.dir {
136
  background-position: 0 50%;
137
  }
138
 
139
- .shailan-dropdown-menu{background-color:#000;}
1
+ ul.dropdown { font: bold 12px Arial, Helvetica, sans-serif; }
2
+ ul.dropdown li { padding: 7px 12px; background-color: #000; color: #fff; }
3
+ ul.dropdown li.hover, ul.dropdown li:hover { background-color: #222; }
4
+ ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none; }
5
+ ul.dropdown a:hover { color: #fff; text-decoration: underline; }
6
+ ul.dropdown a:active { color: #fff; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
 
8
  ul.dropdown ul {
9
  margin-left: -6px;
14
  font-size: 11px;
15
  font-weight: normal;
16
  }
17
+
18
+ * html ul.dropdown ul { background-image:none; background-color:#ccc; }
19
 
20
  ul.dropdown ul li {
21
  background-color: transparent;
32
  font-weight: bold;
33
  }
34
 
35
+ ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #000; }
36
+ ul.dropdown ul a:hover { color: #000; text-decoration: none; }
37
+ ul.dropdown ul a:active { color: #000; }
 
 
 
 
 
 
 
 
 
 
 
38
 
39
+ ul.dropdown ul ul { display: none; }
 
 
 
 
 
 
40
 
41
  ul.dropdown *.dir {
42
  padding-right: 12px;
45
  background-repeat: no-repeat;
46
  }
47
 
 
 
 
 
 
 
48
 
49
  ul.dropdown-horizontal ul *.dir {
50
  padding-right: 15px;
63
  background-position: 0 50%;
64
  }
65
 
66
+ .dropdown-horizontal-container{background-color:#000;}
themes/aqua.css CHANGED
@@ -1,18 +1,14 @@
1
  @charset "UTF-8";
2
 
3
  /** Container */
4
- .shailan-dropdown-menu .dropdown-horizontal-container{ /* background:transparent url(images/trans-white.png); */ }
5
-
6
- ul.dropdown{background:transparent url(images/trans-white.png);
7
- /* border:1px solid #ddd;*/ margin:7px; padding:5px; border-radius:7px; font-size:1.1em; border:1px solid rgba(255, 255, 255, 0.3); }
8
 
9
- ul.dropdown li.hover, ul.dropdown li:hover { cursor: default; }
10
  ul.dropdown ul { border-bottom:1px solid #ddd; }
11
  ul.dropdown ul ul { top: 1px; left: 99%; }
12
- ul.dropdown-upward ul ul { /* bottom: 1px; */ }
13
  ul.dropdown li { color: #000; text-align:center; }
14
  ul.dropdown li+li{ border-left:1px solid #ccc; }
15
- ul.dropdown li{ border-color: }
16
 
17
  /** Right align fix */
18
  ul.dropdown-align-right li+li{ border-width: 0px 0px 0px 1px; }
@@ -30,7 +26,7 @@ ul.dropdown a:active { color: #ffffff; font-weight:bold; }
30
  ul.dropdown ul { margin-top: 0px;
31
  margin-left:-1px;
32
  border:0px;
33
- background:transparent url(images/trans-white.png); padding:5px; border-radius:7px; }
34
  ul.dropdown ul li { text-align: left; border:0px; }
35
 
36
  /** Current menu item */
1
  @charset "UTF-8";
2
 
3
  /** Container */
4
+ .shailan-dropdown-menu .dropdown-horizontal-container{ background:transparent url(images/trans-white.png); margin:7px; padding:5px; font-size:1.1em; border:1px solid rgba(255, 255, 255, 0.3);
5
+ border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
6
+ filter: alpha(opacity=60); -moz-opacity: .8; KhtmlOpacity: .8; opacity: .8;}
 
7
 
 
8
  ul.dropdown ul { border-bottom:1px solid #ddd; }
9
  ul.dropdown ul ul { top: 1px; left: 99%; }
 
10
  ul.dropdown li { color: #000; text-align:center; }
11
  ul.dropdown li+li{ border-left:1px solid #ccc; }
 
12
 
13
  /** Right align fix */
14
  ul.dropdown-align-right li+li{ border-width: 0px 0px 0px 1px; }
26
  ul.dropdown ul { margin-top: 0px;
27
  margin-left:-1px;
28
  border:0px;
29
+ background:transparent url(images/trans-white.png); padding:5px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
30
  ul.dropdown ul li { text-align: left; border:0px; }
31
 
32
  /** Current menu item */
themes/color-scheme.css CHANGED
@@ -1,6 +1,7 @@
1
  @charset "UTF-8";
2
-
3
  .shailan-dropdown-menu .dropdown-horizontal-container{ background-image:url('images/overlay.png'); }
 
4
 
5
  ul.dropdown li a{padding:6px 12px;}
6
  ul.dropdown li.hover, ul.dropdown li:hover { cursor: default; }
@@ -8,6 +9,7 @@ ul.dropdown ul { border:0 }
8
  ul.dropdown ul ul { top: 1px; left: 100%; }
9
  ul.dropdown-upward ul ul { /* bottom: 1px; */ }
10
  ul.dropdown li { border:0; background-image:url('images/overlay.png'); background-color: transparent; text-align:center; }
 
11
 
12
  /** Right align fix */
13
  ul.dropdown-align-right li{ border-width: 0px 0px 0px 1px; }
@@ -16,6 +18,7 @@ ul.dropdown-align-right li{ border-width: 0px 0px 0px 1px; }
16
  ul.dropdown li.hover, ul.dropdown li:hover { background-image:url('images/overlay.png'); }
17
  ul.dropdown li.hover a, ul.dropdown li:hover a { background-image:url('images/overlay.png'); }
18
  ul.dropdown li.hover ul li a, ul.dropdown li:hover ul li a{ background: transparent; }
 
19
 
20
  /** Link colors */
21
  ul.dropdown a:link,
1
  @charset "UTF-8";
2
+ .dropdown-horizontal-container{ width:100%; }
3
  .shailan-dropdown-menu .dropdown-horizontal-container{ background-image:url('images/overlay.png'); }
4
+ * html .shailan-dropdown-menu .dropdown-horizontal-container{ background-image:none; }
5
 
6
  ul.dropdown li a{padding:6px 12px;}
7
  ul.dropdown li.hover, ul.dropdown li:hover { cursor: default; }
9
  ul.dropdown ul ul { top: 1px; left: 100%; }
10
  ul.dropdown-upward ul ul { /* bottom: 1px; */ }
11
  ul.dropdown li { border:0; background-image:url('images/overlay.png'); background-color: transparent; text-align:center; }
12
+ * html ul.dropdown li { background-image:none; }
13
 
14
  /** Right align fix */
15
  ul.dropdown-align-right li{ border-width: 0px 0px 0px 1px; }
18
  ul.dropdown li.hover, ul.dropdown li:hover { background-image:url('images/overlay.png'); }
19
  ul.dropdown li.hover a, ul.dropdown li:hover a { background-image:url('images/overlay.png'); }
20
  ul.dropdown li.hover ul li a, ul.dropdown li:hover ul li a{ background: transparent; }
21
+ * html ul.dropdown li.hover, * html ul.dropdown li.hover a { background-image:none; }
22
 
23
  /** Link colors */
24
  ul.dropdown a:link,
themes/flickr.com/default.css CHANGED
@@ -26,8 +26,7 @@
26
  * @level sep ul
27
  */
28
 
29
-
30
- ul.dropdown {
31
  padding-bottom: 1px;
32
  background: url(images/pattern1.png) 0 100% repeat-x;
33
  font: bold 13px/normal Arial, Helvetica, sans-serif;
26
  * @level sep ul
27
  */
28
 
29
+ .dropdown-horizontal-container table{
 
30
  padding-bottom: 1px;
31
  background: url(images/pattern1.png) 0 100% repeat-x;
32
  font: bold 13px/normal Arial, Helvetica, sans-serif;
themes/hulu/hulu.css CHANGED
@@ -1,10 +1,7 @@
1
- @charset "UTF-8";
2
-
3
- /** Container */
4
  .shailan-dropdown-menu .dropdown-horizontal-container{ background:#ddd url('nav-background.gif') repeat-x bottom; height:27px !important; }
5
 
6
  ul.dropdown li { color: #fff; text-align:center;
7
- font-family:Arial, Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-shadow:#222 0px 1px 2px;
8
  }
9
  ul.dropdown-vertical li{ border-top:1px solid #4283b9; }
10
  ul.dropdown li { border:none; }
@@ -18,13 +15,13 @@ ul.dropdown ul li.hover, ul.dropdown ul li:hover { background:transparent; }
18
  ul.dropdown li.hover a, ul.dropdown li:hover a{background:transparent;}
19
 
20
  /** Link colors */
21
- ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none; line-height:27px;}
22
  ul.dropdown a:hover { color: #99cc33; background:transparent; }
23
  ul.dropdown a:active { color: #fff; }
24
 
25
  /** Sub menus */
26
  ul.dropdown ul { margin-top: 0px; margin-left: -1px; border:none; border:0px;
27
- background: url('dock_bg.gif') repeat-x 0% 0%;
28
  color: #CCC;
29
  cursor: default;
30
  padding: 5px 0px;
@@ -46,5 +43,3 @@ ul.dropdown ul li a{
46
  li.current-cat, li.current_page_item, li.current-menu-item{ background:#444 url('nav-hover.gif') repeat-x bottom; }
47
  ul.dropdown ul li.current-cat a, ul.dropdown ul li.current_page_item a, ul.dropdown ul li.current-menu-item a{ color:#999; }
48
 
49
- /** Not current fix */
50
-
 
 
 
1
  .shailan-dropdown-menu .dropdown-horizontal-container{ background:#ddd url('nav-background.gif') repeat-x bottom; height:27px !important; }
2
 
3
  ul.dropdown li { color: #fff; text-align:center;
4
+ font-family:Arial, Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-shadow:#222 0px 1px 2px; line-height:20px;
5
  }
6
  ul.dropdown-vertical li{ border-top:1px solid #4283b9; }
7
  ul.dropdown li { border:none; }
15
  ul.dropdown li.hover a, ul.dropdown li:hover a{background:transparent;}
16
 
17
  /** Link colors */
18
+ ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none; line-height:27px !important; padding:0 10px; }
19
  ul.dropdown a:hover { color: #99cc33; background:transparent; }
20
  ul.dropdown a:active { color: #fff; }
21
 
22
  /** Sub menus */
23
  ul.dropdown ul { margin-top: 0px; margin-left: -1px; border:none; border:0px;
24
+ background: #262626 url('dock_bg.gif') repeat-x 0% 0%;
25
  color: #CCC;
26
  cursor: default;
27
  padding: 5px 0px;
43
  li.current-cat, li.current_page_item, li.current-menu-item{ background:#444 url('nav-hover.gif') repeat-x bottom; }
44
  ul.dropdown ul li.current-cat a, ul.dropdown ul li.current_page_item a, ul.dropdown ul li.current-menu-item a{ color:#999; }
45
 
 
 
themes/nvidia.com/default.css CHANGED
@@ -1,63 +1,7 @@
1
- @charset "UTF-8";
2
-
3
- /**
4
- * NVIDIA CSS Drop-Down Menu Theme
5
- *
6
- * @file default.css
7
- * @name NVIDIA
8
- * @version 0.1
9
- * @type transitional
10
- * @browsers Windows: IE6+, Opera7+, Firefox1+
11
- * Mac OS: Safari2+, Firefox2+
12
- *
13
- * @link http://www.lwis.net/
14
- * @copyright 2008 Live Web Institute. All Rights Reserved.
15
- *
16
- * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
17
- * Expected directory tag - li
18
- *
19
- */
20
-
21
- /*------------------------------------------------------------------------------------------------------/
22
- * @section Base Drop-Down Styling
23
- * @structure ul (unordered list)
24
- * ul li (list item)
25
- * ul li a (links)
26
- * *(.class|:hover)
27
- * @level sep ul
28
- */
29
-
30
-
31
- /* ----- ALL LEVELS (incl. first) */
32
-
33
- ul.dropdown {
34
- font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
35
- text-transform: uppercase;
36
- }
37
-
38
- ul.dropdown li {
39
- padding: 7px 0;
40
- background-color: #000;
41
- color: #fff;
42
- line-height: normal;
43
- }
44
-
45
- ul.dropdown li.hover,
46
- ul.dropdown li:hover {
47
-
48
- }
49
-
50
- ul.dropdown a:link,
51
- ul.dropdown a:visited { color: #fff; text-decoration: none; }
52
- ul.dropdown a:hover { color: #76b900; text-decoration: none; }
53
- ul.dropdown a:active { color: #fff; }
54
-
55
-
56
- /* ----- END LEVEL */
57
-
58
-
59
- /* ----- NON-FIRST LEVEL */
60
-
61
  ul.dropdown ul {
62
  width: 170px;
63
  background-color: #333;
@@ -69,46 +13,12 @@ ul.dropdown {
69
  KhtmlOpacity: .9;
70
  opacity: .9;
71
  }
72
-
73
- ul.dropdown ul li {
74
- background-color: transparent;
75
- color: #000;
76
- filter: none;
77
- }
78
-
79
- ul.dropdown ul li.hover,
80
- ul.dropdown ul li:hover {
81
- background-color: transparent;
82
- }
83
-
84
- ul.dropdown ul a:link,
85
- ul.dropdown ul a:visited { color: #fff; }
86
- ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
87
- ul.dropdown ul a:active { color: #fff; }
88
-
89
-
90
- /* ----- END LEVEL */
91
-
92
-
93
-
94
- /*------------------------------------------------------------------------------------------------------/
95
- * @section Support Class 'dir'
96
- * @level sep ul, .class
97
- */
98
-
99
-
100
- /* ----- ALL LEVELS (incl. first) */
101
-
102
- ul.dropdown *.dir {
103
- padding-right: 12px;
104
- background-image: none;
105
- background-position: 100% 50%;
106
- background-repeat: no-repeat;
107
- }
108
-
109
- /* ----- END LEVEL */
110
-
111
-
112
- /* Components override */
113
-
114
- .shailan_DropdownWidget{background-color:#000;}
1
+ ul.dropdown { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
2
+ ul.dropdown li { background-color: #000; color: #fff; line-height: normal; }
3
+ ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none; }
4
+ ul.dropdown a:hover { color: #76b900; text-decoration: none; } ul.dropdown a:active { color: #fff; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
  ul.dropdown ul {
6
  width: 170px;
7
  background-color: #333;
13
  KhtmlOpacity: .9;
14
  opacity: .9;
15
  }
16
+ * html ul.dropdown ul{ margin-top:1px }
17
+
18
+ ul.dropdown ul li { background-color: transparent; color: #000; filter: none; }
19
+ ul.dropdown ul li.hover, ul.dropdown ul li:hover { background-color: transparent; }
20
+ ul.dropdown ul a:link,ul.dropdown ul a:visited { color: #fff; }
21
+ ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
22
+ ul.dropdown ul a:active { color: #fff; }
23
+ ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }
24
+ .dropdown-horizontal-container{background-color:#000;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
themes/shiny-black.css CHANGED
@@ -16,8 +16,6 @@ ul.dropdown ul { border-bottom:1px solid #ddd; }
16
  ul.dropdown ul li{display:block; text-align:left;}
17
  ul.dropdown ul li a{min-width:100px;}
18
  *html ul.dropdown ul li a{width:100px;}
19
- ul.dropdown ul ul { top: 1px; left: 99%; }
20
- ul.dropdown-upward ul ul { /* bottom: 1px; */ }
21
 
22
  /** Right align fix */
23
  ul.dropdown-align-right li{ border-width: 0px 0px 0px 1px; }
16
  ul.dropdown ul li{display:block; text-align:left;}
17
  ul.dropdown ul li a{min-width:100px;}
18
  *html ul.dropdown ul li a{width:100px;}
 
 
19
 
20
  /** Right align fix */
21
  ul.dropdown-align-right li{ border-width: 0px 0px 0px 1px; }
themes/simple.css CHANGED
@@ -1,7 +1,5 @@
1
- @charset "UTF-8";
2
-
3
  /** Container */
4
- .shailan-dropdown-menu .dropdown-horizontal-container{ background-color:#efefef; }
5
 
6
  ul.dropdown li.hover, ul.dropdown li:hover { cursor: default; }
7
  ul.dropdown ul { border-bottom:1px solid #ddd; }
 
 
1
  /** Container */
2
+ .dropdown-horizontal-container{ width:100%; background-color:#efefef; }
3
 
4
  ul.dropdown li.hover, ul.dropdown li:hover { cursor: default; }
5
  ul.dropdown ul { border-bottom:1px solid #ddd; }