PHP Classes

File: menu.css

Recommend this page to a friend!
  Classes of Losev-Pahotin Ruslan   YahooUI-Menu   menu.css   Download  
File: menu.css
Role: Auxiliary data
Content type: text/plain
Description: css style
Class: YahooUI-Menu
Generate a menu from MySQL database data using YUI
Author: By
Last change:
Date: 16 years ago
Size: 5,452 bytes
 

Contents

Class file image Download
/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ /* Menu & MenuBar styles */ .yuimenu { background-color:#f6f7ee; border:solid 1px #c4c4be; padding:0px; z-index:1000; } /* The following style rule (".yuimenu.show-scrollbars") overrides the ".show-scrollbars" rule defined in container.css which sets the "overflow" property of a YAHOO.widget.Overlay instance's root HTML element to "auto" when it is visible. Without this override, a Menu would have scrollbars when one of its submenus is visible. */ .yuimenu.show-scrollbars { overflow: visible; } .yui-menu-shadow { display: none; } .yuimenu .yuimenu, .yuimenubar .yuimenu { position:absolute; visibility:hidden; z-index:1000; } .yuimenubar { background-color:#f6f7ee; z-index:1000; } .yuimenubar ul { *zoom:1; z-index:1000; } .yuimenubar ul:after { content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0; z-index:100; } .yuimenu h6, .yuimenubar h6 { font-size:100%; font-weight:normal; margin:0; border:solid 1px #c4c4be; color:#b9b9b9; z-index:100; } .yuimenubar h6 { float:left; padding:4px 12px; border-width:0 1px 0 0; z-index:100; } .yuimenubar .yuimenu h6 { float:none; z-index:100; } .yuimenu h6 { border-width:1px 0 0 0; padding:5px 10px 0 10px; } .yuimenubar ul { list-style-type:none; margin:0; padding:0; z-index:100; } .yuimenu ul { list-style-type:none; border:solid 1px #c4c4be; border-width:1px 0 0 0; margin:0; padding:10px 0; z-index:100; } .yuimenu ul.first-of-type, .yuimenu ul.hastitle, .yuimenu h6.first-of-type { border-width:0; } .yuimenu .topscrollbar, .yuimenu .bottomscrollbar { height:16px; background-image:url(map.gif); background-repeat:no-repeat; } .yuimenu .topscrollbar { background-image:url(map.gif); background-position:center -72px; } .yuimenu .topscrollbar_disabled { background-image:url(map.gif); background-position:center -88px; } .yuimenu .bottomscrollbar { background-image:url(map.gif); background-position:center -104px; } .yuimenu .bottomscrollbar_disabled { background-image:url(map.gif); background-position:center -120px; } /* MenuItem and MenuBarItem styles */ .yuimenubaritem { float:left; z-index:100; } .yuimenuitemlabel, .yuimenubaritemlabel { white-space: nowrap; font-size:85%; display:block; color:#000; text-decoration:none; z-index:100; } .yuimenuitemlabel { padding:2px 24px; outline:none; } .yuimenubaritemlabel { border-width:0 0 0 1px; border-style:solid; border-color:#c4c4be; padding:4px 24px; } li.first-of-type .yuimenubaritemlabel { border-width:0; } .yuimenuitemlabel .helptext { font-style:normal; margin:0 0 0 40px; } .yuimenuitemlabel .submenuindicator, .yuimenuitemlabel .checkedindicator, .yuimenubaritemlabel .submenuindicator { display:block; height:8px; width:8px; overflow:hidden; vertical-align:middle; text-indent:9px; background-image:url(images/map.gif); background-repeat:no-repeat; } .yuimenubaritemlabel .submenuindicator { display:-moz-inline-stack; /* Gecko */ display:inline-block; /* IE, Opera and Safari */ font:0/0 arial; /* Gecko */ } .yuimenuitemlabel .submenuindicator { background-position:0 0; } .yuimenubaritemlabel .submenuindicator { background-position:0 -24px; margin:0 0 0 10px; } .yuimenuitemlabel .checkedindicator { background-position:0 -48px; } .visible .yuimenuitem, .visible .yuimenuitemlabel { *zoom:1; z-index:100 } .visible .yuimenuitemlabel .helptext { float:right; width:100%; text-align:right; margin:-1.2em 0 0 0; *cursor:hand; /* Required to restore the style of the cursor in IE */ } .visible .yuimenuitemlabel .submenuindicator { margin:-.9em -16px 4px auto; *margin:-.9em -16px 0 105%; } .visible .yuimenuitemlabel .checkedindicator { margin:-.9em auto 4px -16px; *margin-bottom:0; } /* Matches selected menu items */ .yuimenuitem a.selected, .yuimenubaritem a.selected { background-color:#c6c8b8; text-decoration:underline; color:#fff; } .yuimenubaritem a.selected .submenuindicator { background-position:0 -32px; } .yuimenuitem a.selected .submenuindicator { background-position:0 -8px; } .yuimenuitem a.selected .checkedindicator { background-position:0 -56px; } /* Matches disabled menu items */ .yuimenubaritem a.disabled .submenuindicator { background-position:0 -40px; } .yuimenuitem a.disabled { cursor:default; color:#b9b9b9; } .yuimenuitem a.disabled .submenuindicator { background-position:0 -16px; } .yuimenuitem a.disabled .checkedindicator { background-position:0 -64px; }