Dropdown Menu Widget - Version 1.2.3

Version Description

Added Aqua theme.
Added elements in the menu so more advanced styling can be made.
Added alignment option. Now you can align your menu wherever you wanted!
Added Shiny Black theme.

Release Info

Developer	mattsay
Plugin	Dropdown Menu Widget
Version	1.2.3
Comparing to
See all releases

Code changes from version 1.2.2 to 1.2.3

Files changed (26) hide show

readme.txt +25 -6
shailan-category-walker.php +2 -2
shailan-page-walker.php +1 -1
shailan.DropDownMenu.php +27 -4
themes/adobe.com/images/Thumbs.db +0 -0
themes/aqua.css +89 -0
themes/flickr.com/images/Thumbs.db +0 -0
themes/images/Thumbs.db +0 -0
themes/images/arr_black.gif +0 -0
themes/images/arr_white.gif +0 -0
themes/images/arrv_white.gif +0 -0
themes/images/bcgWepButton.gif +0 -0
themes/images/btn3.jpg +0 -0
themes/images/btn4.jpg +0 -0
themes/images/opacity.png +0 -0
themes/images/style03left.gif +0 -0
themes/images/style03right.gif +0 -0
themes/images/tabs-blue-bg.gif +0 -0
themes/images/topnav-bg.gif +0 -0
themes/images/topnav-hover.gif +0 -0
themes/images/trans-white.png +0 -0
themes/mtv.com/images/Thumbs.db +0 -0
themes/nvidia.com/images/Thumbs.db +0 -0
themes/shiny-black.css +121 -0
themes/tabs-blue.css +117 -0
themes/wpdefault.css +10 -7

readme.txt CHANGED Viewed

	@@ -3,14 +3,14 @@ Contributors: mattsay
3	Donate link: http://shailan.com/donate
4	Tags: css, dropdown, menu, widget, pages, categories
5	Requires at least: 2.5
6	- Tested up to: 2.~~8.6~~
7	- Stable tag: 1.2.2
8
9	This widget adds a beatiful vertical/horizontal CSS only dropdown menu of pages OR categories of your blog.
10
11	== Description ==
12
13	- Dropdown Menu widget adds a beautiful, CSS only dropdown menu, listing pages OR categories of your blog. It allows you to chose vertical or horizontal. It supports multiple instances. You can select a theme for your widget from the Dropdown Menu Settings page. If you don't like ready-made templates you can create your own theme for the menus using CSS. Hope you like it.
14
15	== Installation ==
16
	@@ -18,6 +18,7 @@ Dropdown Menu widget adds a beautiful, CSS only dropdown menu, listing pages OR
18	1. Activate the plugin through the 'Plugins' menu in WordPress
19	1. Go to Appearance -> Widgets to add this widget to one of your sidebars
20	1. You can also use `<?php shailan_dropdown_menu(); ?>` in your template to display the menu.

21
22	== Frequently Asked Questions ==
23
	@@ -25,12 +26,30 @@ Dropdown Menu widget adds a beautiful, CSS only dropdown menu, listing pages OR
25
26	This widget is intented for wide header widget areas, not regular sidebars. You can add a sidebar to your theme or you can get a all-widget theme from [shailan.com](http://shailan.com).
27












28	== Screenshots ==
29
30	1. A preview of the widget in action.
31
32	== Changelog ==
33






34	= 1.2.0 =
35	* Removed title attributes for the categories dropdown menu items.
36
	@@ -70,6 +89,6 @@ This widget is intented for wide header widget areas, not regular sidebars. Yo
70
71	== TODO ==
72
73	- * Add option to ~~select~~ ~~vertical/linear~~.
74	- * Add ~~some~~ ~~more~~ ~~themes~~.
75	- * ~~Fix~~ IE ~~styles~~.


3	Donate link: http://shailan.com/donate
4	Tags: css, dropdown, menu, widget, pages, categories
5	Requires at least: 2.5
6	+ Tested up to: 2.9
7	+ Stable tag: 1.2.3
8
9	This widget adds a beatiful vertical/horizontal CSS only dropdown menu of pages OR categories of your blog.
10
11	== Description ==
12
13	+ Dropdown Menu widget adds a beautiful, CSS only dropdown menu, listing pages OR categories of your blog. It allows you to chose vertical or horizontal. It supports multiple instances. You can select a theme for your widget from the Dropdown Menu Settings page. If you don't like ready-made templates you can create your own theme for the menus using CSS. Hope you like it. Want your own dropdown theme? [Request theme](http://shailan.com)
14
15	== Installation ==
16

18	1. Activate the plugin through the 'Plugins' menu in WordPress
19	1. Go to Appearance -> Widgets to add this widget to one of your sidebars
20	1. You can also use `<?php shailan_dropdown_menu(); ?>` in your template to display the menu.
21	+ 1. Don't forget to change menu settings from Settings -> Dropdown Menu panel.
22
23	== Frequently Asked Questions ==
24

26
27	This widget is intented for wide header widget areas, not regular sidebars. You can add a sidebar to your theme or you can get a all-widget theme from [shailan.com](http://shailan.com).
28
29	+ = Can i create my own theme? =
30	+
31	+ Since this plugin works on CSS, if you are capable of writing CSS, you can customize the theme as you like it.
32	+
33	+ = I don't know CSS, how can i customize it? =
34	+
35	+ Plugin comes with various themes already installed. If you want something different, then you can [request a new theme](http://shailan.com/contact).
36	+
37	+ = I found a bug! Where do i submit it? =
38	+
39	+ You can submit errors and bugs using the [online form](http://shailan.com/contact).
40	+
41	== Screenshots ==
42
43	1. A preview of the widget in action.
44
45	== Changelog ==
46
47	+ = 1.2.3 =
48	+ * Added Aqua theme.
49	+ * Added <span> elements in the menu so more advanced styling can be made.
50	+ * Added alignment option. Now you can align your menu wherever you wanted!
51	+ * Added Shiny Black theme.
52	+
53	= 1.2.0 =
54	* Removed title attributes for the categories dropdown menu items.
55

89
90	== TODO ==
91
92	+ * Add option for custom menus.
93	+ * Add option for including homepage link.
94	+ * Add some more themes.. [Request a theme](http://shailan.com/contact)

shailan-category-walker.php CHANGED Viewed

	@@ -89,7 +89,7 @@ class shailan_CategoryWalker extends Walker {
89	if ( empty($feed_image) )
90	$link .= '(';
91
92	- $link .= '<a href="' . get_category_feed_link($category->term_id, $feed_type) . '"';
93
94	if ( empty($feed) )
95	$alt = ' alt="' . sprintf(__( 'Feed for all posts filed under %s' ), $cat_name ) . '"';
	@@ -100,7 +100,7 @@ class shailan_CategoryWalker extends Walker {
100	//$link .= $title; // @shailan: removed title
101	}
102
103	- $link .= '>';
104
105	if ( empty($feed_image) )
106	$link .= $name;


89	if ( empty($feed_image) )
90	$link .= '(';
91
92	+ $link .= '<span><a href="' . get_category_feed_link($category->term_id, $feed_type) . '"';
93
94	if ( empty($feed) )
95	$alt = ' alt="' . sprintf(__( 'Feed for all posts filed under %s' ), $cat_name ) . '"';

100	//$link .= $title; // @shailan: removed title
101	}
102
103	+ $link .= '></span>';
104
105	if ( empty($feed_image) )
106	$link .= $name;

shailan-page-walker.php CHANGED Viewed

	@@ -78,7 +78,7 @@ class shailan_PageWalker extends Walker {
78
79	$css_class = implode(' ', apply_filters('page_css_class', $css_class, $page));
80
81	- $output .= $indent . '<li class="' . $css_class . '"><a href="' . get_page_link($page->ID) . '" >' . $link_before . apply_filters('the_title', $page->post_title) . $link_after . '</a>';
82
83	if ( !empty($show_date) ) {
84	if ( 'modified' == $show_date )


78
79	$css_class = implode(' ', apply_filters('page_css_class', $css_class, $page));
80
81	+ $output .= $indent . '<li class="' . $css_class . '"><a href="' . get_page_link($page->ID) . '" ><span>' . $link_before . apply_filters('the_title', $page->post_title) . $link_after . '</span></a>';
82
83	if ( !empty($show_date) ) {
84	if ( 'modified' == $show_date )

shailan.DropDownMenu.php CHANGED Viewed

	@@ -3,12 +3,12 @@
3	Plugin Name: Shailan 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 and categories. This widget is best used in <a href="http://shailan.com">Shailan.com</a> themes. You can find more widgets, plugins and themes at <a href="http://shailan.com">shailan.com</a>.
6	- Version: 1.2.2
7	Author: Matt Say
8	Author URI: http://shailan.com
9	*/
10
11	- define('SHAILAN_DM_VERSION','1.2.2');
12	define('SHAILAN_DM_TITLE', 'Dropdown Menu');
13	define('SHAILAN_DM_FOLDER', 'dropdown-menu-widget');
14
	@@ -88,6 +88,9 @@ class shailan_DropdownWidget extends WP_Widget {
88	'Simple White'=>'simple',
89	'Wordpress Default'=>'wpdefault',
90	'Grayscale'=>'grayscale',



91	'Flickr theme'=>'flickr.com/default.ultimate',
92	'Nvidia theme'=>'nvidia.com/default.advanced',
93	'Adobe theme'=>'adobe.com/default.advanced',
	@@ -183,6 +186,7 @@ Here you can set template tag options:
183	$login = (bool) $instance['login'];
184	$admin = (bool) $instance['admin'];
185	$vertical = (bool) $instance['vertical'];

186
187	$orientation = ($vertical ? 'dropdown-vertical' : 'dropdown-horizontal');
188
	@@ -193,12 +197,28 @@ Here you can set template tag options:
193	?>
194
195	<div id="shailan-dropdown-wrapper-<?php echo $this->number; ?>" style="<?php echo $inline_style; ?>">
196	- <div>
















197	<table cellpadding="0" cellspacing="0">
198	<tr><td>
199	<ul class="dropdown <?php echo $orientation; ?>">
200	<?php if($type == 'Pages'){ ?>
201	- <li class="<?php if ( is_front_page() && !is_paged() ): ?>current_page_item<?php else: ?>page_item<?php endif; ?> blogtab"><a href="<?php echo get_option('home'); ?>/"><?php _e('Home'); ?></a></li>
202	<?php
203	$page_walker = new shailan_PageWalker();
204	wp_list_pages(array(
	@@ -242,6 +262,7 @@ Here you can set template tag options:
242	$login = (bool) $instance['login'];
243	$admin = (bool) $instance['admin'];
244	$vertical = (bool) $instance['vertical'];

245
246	?>
247	<p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title (won\'t be shown):'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" /></label></p>
	@@ -260,6 +281,8 @@ Here you can set template tag options:
260	<label for="<?php echo $this->get_field_id('vertical'); ?>"><?php _e( 'Vertical menu ' ); ?></label>
261	</p>
262


263	<p><label for="<?php echo $this->get_field_id('style'); ?>"><?php _e('Inline Style:'); ?> <input class="widefat" id="<?php echo $this->get_field_id('style'); ?>" name="<?php echo $this->get_field_name('style'); ?>" type="text" value="<?php echo $inline_style; ?>" /></label><br />
264	<small>Applied to menu container <div>.</small></p>
265


3	Plugin Name: Shailan 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 and categories. This widget is best used in <a href="http://shailan.com">Shailan.com</a> themes. You can find more widgets, plugins and themes at <a href="http://shailan.com">shailan.com</a>.
6	+ Version: 1.2.3
7	Author: Matt Say
8	Author URI: http://shailan.com
9	*/
10
11	+ define('SHAILAN_DM_VERSION','1.2.3');
12	define('SHAILAN_DM_TITLE', 'Dropdown Menu');
13	define('SHAILAN_DM_FOLDER', 'dropdown-menu-widget');
14

88	'Simple White'=>'simple',
89	'Wordpress Default'=>'wpdefault',
90	'Grayscale'=>'grayscale',
91	+ 'Aqua'=>'aqua',
92	+ 'Tabs Blue'=> 'tabs-blue',
93	+ 'Shiny Black'=> 'shiny-black',
94	'Flickr theme'=>'flickr.com/default.ultimate',
95	'Nvidia theme'=>'nvidia.com/default.advanced',
96	'Adobe theme'=>'adobe.com/default.advanced',

186	$login = (bool) $instance['login'];
187	$admin = (bool) $instance['admin'];
188	$vertical = (bool) $instance['vertical'];
189	+ $align = $instance['align'];
190
191	$orientation = ($vertical ? 'dropdown-vertical' : 'dropdown-horizontal');
192

197	?>
198
199	<div id="shailan-dropdown-wrapper-<?php echo $this->number; ?>" style="<?php echo $inline_style; ?>">
200	+ <div
201	+ <?php
202	+ switch($align){
203	+ case 'right':
204	+ echo ' align="right"';
205	+ break;
206	+ case 'center':
207	+ echo ' align="center"';
208	+ break;
209	+
210	+ case 'left':
211	+ default:
212	+
213	+ }
214	+
215	+ ?>
216	+ >
217	<table cellpadding="0" cellspacing="0">
218	<tr><td>
219	<ul class="dropdown <?php echo $orientation; ?>">
220	<?php if($type == 'Pages'){ ?>
221	+ <li class="<?php if ( is_front_page() && !is_paged() ): ?>current_page_item<?php else: ?>page_item<?php endif; ?> blogtab"><a href="<?php echo get_option('home'); ?>/"><span><?php _e('Home'); ?></span></a></li>
222	<?php
223	$page_walker = new shailan_PageWalker();
224	wp_list_pages(array(

262	$login = (bool) $instance['login'];
263	$admin = (bool) $instance['admin'];
264	$vertical = (bool) $instance['vertical'];
265	+ $align = $instance['align'];
266
267	?>
268	<p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title (won\'t be shown):'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" /></label></p>

281	<label for="<?php echo $this->get_field_id('vertical'); ?>"><?php _e( 'Vertical menu ' ); ?></label>
282	</p>
283
284	+ <p><?php _e('Align:'); ?> <label for="left"><input type="radio" id="left" name="<?php echo $this->get_field_name('align'); ?>" value="left" <?php if($align=='left'){ echo 'checked="checked"'; } ?> /> <?php _e('Left'); ?></label> <label for="center"><input type="radio" id="center" name="<?php echo $this->get_field_name('align'); ?>" value="center" <?php if($align=='center'){ echo 'checked="checked"'; } ?>/> <?php _e('Center'); ?></label> <label for="right"><input type="radio" id="right" name="<?php echo $this->get_field_name('align'); ?>" value="right" <?php if($align=='right'){ echo 'checked="checked"'; } ?>/> <?php _e('Right'); ?></label></p>
285	+
286	<p><label for="<?php echo $this->get_field_id('style'); ?>"><?php _e('Inline Style:'); ?> <input class="widefat" id="<?php echo $this->get_field_id('style'); ?>" name="<?php echo $this->get_field_name('style'); ?>" type="text" value="<?php echo $inline_style; ?>" /></label><br />
287	<small>Applied to menu container <div>.</small></p>
288

themes/adobe.com/images/Thumbs.db DELETED Viewed

Binary file

themes/aqua.css ADDED Viewed

	@@ -0,0 +1,89 @@


1	+ ul.dropdown{
2	+ background:transparent url(images/trans-white.png);
3	+ border:1px solid #ddd;
4	+ }
5	+
6	+ ul.dropdown li.hover,
7	+ ul.dropdown li:hover {
8	+ z-index: 98;
9	+ cursor: default;
10	+ }
11	+
12	+ ul.dropdown ul ul {
13	+ top: 1px;
14	+ left: 99%;
15	+ }
16	+
17	+ ul.dropdown li {
18	+ padding: 3px 15px;
19	+ color: #000;
20	+ text-align:center;
21	+ }
22	+
23	+ ul.dropdown li+li{
24	+ border-left:1px solid #ddd;
25	+ }
26	+
27	+ ul.dropdown-vertical li+li{
28	+ border-left:none;
29	+ }
30	+
31	+ ul.dropdown li.hover,
32	+ ul.dropdown li:hover {
33	+ background:transparent url(images/trans-white.png);
34	+ color: #000;
35	+ }
36	+ ul.dropdown li a{ padding:3px 15px; }
37	+ ul.dropdown a:link,
38	+ ul.dropdown a:visited { color: #666; text-decoration: none; display:block; }
39	+ ul.dropdown a:hover { color: #000; }
40	+ ul.dropdown a:active { color: #fff; }
41	+ /* -- level mark -- */
42	+ ul.dropdown ul {
43	+ margin-top: 0px;
44	+ margin-left:-1px;
45	+ border-top:1px solid #ddd;
46	+ border-bottom:1px solid #ddd;
47	+ border-right:1px solid #ddd;
48	+ background:transparent url(images/trans-white.png);
49	+ }
50	+ ul.dropdown ul li {
51	+ /font-weight: normal;/
52	+ text-align: left;
53	+ border-left:1px solid #ddd;
54	+ }
55	+ /*-------------------------------------------------/
56	+ * @section Support Class `dir`
57	+ * @level sep ul, .class
58	+ */
59	+ ul.dropdown *.dir {
60	+ padding-right: 20px;
61	+ background-image: url(images/nav-arrow-down.png);
62	+ background-position: 100% 50%;
63	+ background-repeat: no-repeat;
64	+ }
65	+ /* -- Components override -- */
66	+ ul.dropdown-horizontal ul *.dir {
67	+ padding-right: 15px;
68	+ background-image: url(images/nav-arrow-right.png);
69	+ background-position: 100% 50%;
70	+ background-repeat: no-repeat;
71	+ }
72	+ ul.dropdown-upward *.dir {
73	+ background-image: url(images/nav-arrow-top.png);
74	+ }
75	+ ul.dropdown-vertical *.dir,
76	+ ul.dropdown-upward ul *.dir {
77	+ background-image: url(images/nav-arrow-right.png);
78	+ }
79	+ ul.dropdown-vertical-rtl *.dir {
80	+ padding-right: 10px;
81	+ padding-left: 15px;
82	+ background-image: url(images/nav-arrow-left.png);
83	+ background-position: 0 50%;
84	+ }
85	+ li.current_page_item a { color: #ddd; }
86	+ li.current_page_item a:link, li.current_page_item a:visited { color: #000; }
87	+ li.current_page_item ul a, li.current_page_item ul a:visited, li.current_page_item ul a:link { color: #000; }
88	+ li.current_page_ancestor a,li.current_page_ancestor a:visited, li.current_page_ancestor a:link {text-decoration:underline;}
89	+ li.current_page_ancestor ul a, li.current_page_ancestor ul a:visited, li.current_page_ancestor ul a:link {text-decoration:none;}

themes/flickr.com/images/Thumbs.db DELETED Viewed

Binary file

themes/images/Thumbs.db DELETED Viewed

Binary file

themes/images/arr_black.gif ADDED Viewed

Binary file

themes/images/arr_white.gif ADDED Viewed

Binary file

themes/images/arrv_white.gif ADDED Viewed

Binary file

themes/images/bcgWepButton.gif ADDED Viewed

Binary file

themes/images/btn3.jpg ADDED Viewed

Binary file

themes/images/btn4.jpg ADDED Viewed

Binary file

themes/images/opacity.png ADDED Viewed

Binary file

themes/images/style03left.gif ADDED Viewed

Binary file

themes/images/style03right.gif ADDED Viewed

Binary file

themes/images/tabs-blue-bg.gif ADDED Viewed

Binary file

themes/images/topnav-bg.gif ADDED Viewed

Binary file

themes/images/topnav-hover.gif ADDED Viewed

Binary file

themes/images/trans-white.png ADDED Viewed

Binary file

themes/mtv.com/images/Thumbs.db DELETED Viewed

Binary file

themes/nvidia.com/images/Thumbs.db DELETED Viewed

Binary file

themes/shiny-black.css ADDED Viewed

	@@ -0,0 +1,121 @@


1	+ /* --- Dropdown background --- */
2	+ .shailan-dropdown-menu{ background:#000 url(images/btn3.jpg) repeat-x; height:31px; }
3	+
4	+ /* --- Dropdown basics ---*/
5	+
6	+ ul.dropdown {
7	+ background-color:transparent;
8	+ border-width:0px;
9	+ padding:0px 0px 0px 0px;
10	+ }
11	+
12	+ ul.dropdown li{
13	+ display:block;
14	+ font-size:0px;
15	+ margin:0px;
16	+ }
17	+
18	+ ul.dropdown ul li {
19	+ float:none;
20	+ }
21	+
22	+ ul.dropdown ul a {
23	+ text-align:left;
24	+ white-space:nowrap;
25	+ }
26	+
27	+ ul.dropdown li:hover{
28	+ position:relative;
29	+ }
30	+
31	+ ul.dropdown a:active, ul.dropdown a:focus {
32	+ outline-style:none;
33	+ }
34	+
35	+ ul.dropdown a {
36	+ display:block;
37	+ vertical-align:middle;
38	+ background-color:#FFFFFF;
39	+ text-align:center;
40	+ text-decoration:none;
41	+ padding:8px 5px 0px 5px;
42	+ font:normal 11px Tahoma;
43	+ color: #000;
44	+ text-decoration:none;
45	+ }
46	+
47	+ ul.dropdown li a{
48	+ height:100%;
49	+ border-width:0px;
50	+ font:normal 11px Tahoma;
51	+ color:#fff;
52	+ }
53	+
54	+ /--- Top level ---/
55	+
56	+ ul.dropdown li a{
57	+ width:100px;
58	+ height:23px;
59	+ color:#fff;
60	+ background:transparent;
61	+ }
62	+
63	+ ul.dropdown li a:hover{
64	+ background:url('./images/btn4.jpg') no-repeat;
65	+ font:normal 11px Tahoma;
66	+ color:#eee;
67	+ }
68	+
69	+
70	+ /--- Sub level ---/
71	+
72	+ ul.dropdown ul {
73	+ margin:0px;
74	+ list-style:none;
75	+ padding:0px;
76	+ background:#fff;
77	+ border:1px solid #808080;
78	+ }
79	+
80	+ ul.dropdown ul li a{
81	+ color:#444;
82	+ border:1px solid #fff;
83	+ width:auto;
84	+ min-width:100px;
85	+ padding:2px;
86	+ margin:2px;
87	+ height:auto;
88	+ }
89	+
90	+ ul.dropdown ul li a:hover {
91	+ background-image:none;
92	+ color:#444;
93	+ border:1px solid #45ADE4;
94	+ background-color:#DBF0F9;
95	+ font:normal 11px Tahoma;
96	+ }
97	+
98	+ ul.dropdown table {border-collapse:collapse}
99	+
100	+ ul.dropdown {
101	+ display:block;
102	+ zoom:1;
103	+ height:21px;
104	+ float: left;
105	+ }
106	+
107	+
108	+ ul.dropdown ul li a:hover{
109	+ position:relative;
110	+ background-color:#DBF0F9;
111	+ border-color:#45ADE4;
112	+ border-style:solid;
113	+ font:normal 11px Tahoma;
114	+ color: #444;
115	+ text-decoration:none;
116	+ }
117	+
118	+ ul.dropdown-vertical>li>a{
119	+ background:#000 url(images/btn3.jpg) repeat-x; height:22px;
120	+ }
121	+

themes/tabs-blue.css ADDED Viewed

	@@ -0,0 +1,117 @@


1	+ #TabMenu1 #active a
2	+ {
3	+ background-position: 0% -84px;
4	+ }
5	+ #TabMenu1 #active a span
6	+ {
7	+ background-position: 100% -84px;
8	+ color: #FFFFFF;
9	+ font-weight: bold;
10	+ text-decoration: none;
11	+ }
12	+
13	+ ul.dropdown{
14	+ background:tranparent url(images/trans-white.png);
15	+
16	+ float: left;
17	+ width: 100%;
18	+ font-family: Arial;
19	+ font-size: 13px;
20	+ line-height: normal;
21	+
22	+ margin: 0;
23	+ padding: 10px 10px 0px 10px;
24	+ list-style: none;
25	+ }
26	+
27	+ ul.dropdown li.hover,
28	+ ul.dropdown li:hover {
29	+ cursor: default;
30	+ }
31	+
32	+ ul.dropdown ul ul {
33	+ top: 1px;
34	+ left: 99%;
35	+ }
36	+
37	+ ul.dropdown li {
38	+ text-align:center;
39	+ display: inline;
40	+ margin: 0;
41	+ padding: 0;
42	+ }
43	+
44	+ ul.dropdown li+li{
45	+
46	+ }
47	+
48	+ ul.dropdown-vertical li+li{
49	+
50	+ }
51	+
52	+ ul.dropdown li.hover,
53	+ ul.dropdown li:hover {
54	+ background:transparent url(images/trans-white.png);
55	+ color: #000;
56	+ }
57	+
58	+ ul.dropdown li a{
59	+ padding:3px 15px;
60	+
61	+ background: url("images/style03left.gif") no-repeat left top;
62	+ margin: 0;
63	+ padding: 0 0 0 4px;
64	+ text-decoration: none;
65	+
66	+ }
67	+
68	+ ul.dropdown a:hover
69	+ {
70	+ background-position: 0% -42px;
71	+ }
72	+
73	+ ul.dropdown li a span{
74	+ float: none;
75	+ display: block;
76	+ background: url("images/style03right.gif") no-repeat right top;
77	+ padding: 5px 15px 4px 6px;
78	+ color: #FFFFFF;
79	+ font-weight: bold;
80	+ text-decoration: none;
81	+ }
82	+
83	+ ul.dropdown a:hover span
84	+ {
85	+ background-position: 100% -42px;
86	+ color: #FFFFFF;
87	+ font-weight: bold;
88	+ font-style: normal;
89	+ text-decoration: none;
90	+ }
91	+
92	+ ul.dropdown a:link,
93	+ ul.dropdown a:visited { color: #666; text-decoration: none; display:block; }
94	+ ul.dropdown a:hover { color: #000; }
95	+ ul.dropdown a:active { color: #fff; }
96	+
97	+
98	+ /* -- level mark -- */
99	+ ul.dropdown ul {
100	+ margin-top: 0px;
101	+ margin-left:-1px;
102	+ display:none;
103	+ }
104	+ ul.dropdown ul li {
105	+
106	+ }
107	+
108	+ li.current_page_item a { color: #ddd; }
109	+ li.current_page_item a:link, li.current_page_item a:visited { color: #000; }
110	+ li.current_page_item ul a, li.current_page_item ul a:visited, li.current_page_item ul a:link { color: #000; }
111	+ li.current_page_ancestor a,li.current_page_ancestor a:visited, li.current_page_ancestor a:link {text-decoration:underline;}
112	+ li.current_page_ancestor ul a, li.current_page_ancestor ul a:visited, li.current_page_ancestor ul a:link {text-decoration:none;}
113	+
114	+ .shailan-dropdown-menu{
115	+ background:#eaf3ff url(images/tabs-blue-bg.gif) bottom left repeat-x;
116	+ border:1px solid #2a54c2;
117	+ }

themes/wpdefault.css CHANGED Viewed

	@@ -1,20 +1,22 @@
1	@charset "UTF-8";
2
3	ul.dropdown li {
4	- ~~border-style: solid;~~
5	- border-width: 1px 1px 1px 0px;
6	- border-color: #4283b9;
7	- border-top:1px solid #60a3da;
8	color: #4283b9;
9	text-align:center;
10	background:#60a3da url('images/default1.jpg') repeat-x bottom;
11	}







12	ul.dropdown li a{ padding: 7px 20px; }
13	ul.dropdown li.hover,
14	ul.dropdown li:hover {
15	background:#4283b9 url('images/default2.jpg') repeat-x bottom;
16	- border-bottom:1px solid #4283b9;
17	- border-top:1px solid #60a3da;
18	}
19	ul.dropdown a:link,
20	ul.dropdown a:visited { color: #c8daeb; text-decoration: none; display:block; }
	@@ -24,7 +26,8 @@ ul.dropdown a:active { color: #fff; }
24	ul.dropdown ul {
25	margin-top: 0px;
26	margin-left:-1px;
27	- /* border-bottom:1px solid #4283b9; */

28	}
29	ul.dropdown ul li {
30	background:#60a3da;


1	@charset "UTF-8";
2
3	ul.dropdown li {
4	+



5	color: #4283b9;
6	text-align:center;
7	background:#60a3da url('images/default1.jpg') repeat-x bottom;
8	}
9	+ ul.dropdown-vertical li{
10	+ border-top:1px solid #4283b9;
11	+ }
12	+
13	+ ul.dropdown li+li {
14	+ border-left:1px solid #4283b9;
15	+ }
16	ul.dropdown li a{ padding: 7px 20px; }
17	ul.dropdown li.hover,
18	ul.dropdown li:hover {
19	background:#4283b9 url('images/default2.jpg') repeat-x bottom;


20	}
21	ul.dropdown a:link,
22	ul.dropdown a:visited { color: #c8daeb; text-decoration: none; display:block; }

26	ul.dropdown ul {
27	margin-top: 0px;
28	margin-left:-1px;
29	+ border-bottom:1px solid #4283b9;
30	+ border-right:1px solid #4283b9;
31	}
32	ul.dropdown ul li {
33	background:#60a3da;