MediaWiki:Gadget-piidropdownmenu.css
From PinataIsland.info, the Viva Piñata wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@charset "UTF-8";
/**
* Horizontal CSS Drop-Down Menu Module
*
* @file dropdown.css
* @package Dropdown
* @version 0.7.1
* @type Transitional
* @stacks 597-599
* @browsers Windows: IE6+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
*
*/
ul.pii_dropdown_menu,
ul.pii_dropdown_menu li,
ul.pii_dropdown_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.pii_dropdown_menu {
position: relative;
z-index: 597;
float: left;
}
ul.pii_dropdown_menu li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
ul.pii_dropdown_menu li.hover,
ul.pii_dropdown_menu li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.pii_dropdown_menu ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.pii_dropdown_menu ul li {
float: none;
}
ul.pii_dropdown_menu ul ul {
top: 1px;
left: 99%;
}
ul.pii_dropdown_menu li:hover > ul {
visibility: visible;
}
ul.pii_dropdown_menu li.pii_dropdown_menu_rtl ul {
top: 100%;
right: 0;
left: auto;
}
ul.pii_dropdown_menu li.pii_dropdown_menu_rtl ul ul {
top: 1px;
right: 99%;
left: auto;
}
@charset "UTF-8";
/**
* Default CSS Drop-Down Menu Theme
*
* @file default.css
* @name Default
* @version 0.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute. All Rights Reserved.
*
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
* Expected directory tag - li
*
*/
/*-------------------------------------------------/
* @section Base Drop-Down Styling
* @structure ul (unordered list)
* ul li (list item)
* ul li a (links)
* /*\.class|(li|a):hover/
* @level sep ul
*/
ul.pii_dropdown_menu {
font-weight: normal;
}
ul.pii_dropdown_menu li {
padding: 7px 10px;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #f6f6f6;
color: #000;
}
ul.pii_dropdown_menu li.hover,
ul.pii_dropdown_menu li:hover {
background-color: #eee;
color: #000;
}
/*
* ul.pii_dropdown_menu a:link,
* ul.pii_dropdown_menu a:visited { color: #000; text-decoration: none; }
* ul.pii_dropdown_menu a:hover { color: #000; }
* ul.pii_dropdown_menu a:active { color: #ffa500; }
*/
/* -- level mark -- */
ul.pii_dropdown_menu ul {
width: 150px;
margin-top: 1px;
}
ul.pii_dropdown_menu ul li {
font-weight: normal;
}
/*-------------------------------------------------/
* @section Support Class `dir`
* @level sep ul, .class
*/
ul.pii_dropdown_menu *.pii_dropdown_menu_dir {
padding-right: 20px;
background-image: url(/skins/common/images/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
/* -- Components override -- */
ul.pii_dropdown_menu_horizontal ul *.pii_dropdown_menu_dir {
padding-right: 15px;
background-image: url(/skins/common/images/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
ul.pii_dropdown_menu_upward *.pii_dropdown_menu_dir {
background-image: url(/skins/common/images/nav-arrow-top.png);
}
ul.pii_dropdown_menu_vertical *.pii_dropdown_menu_dir,
ul.pii_dropdown_menu-upward ul *.pii_dropdown_menu_dir {
background-image: url(/skins/common/images/nav-arrow-right.png);
}
ul.pii_dropdown_menu_vertical_rtl *.pii_dropdown_menu_dir {
padding-right: 10px;
padding-left: 15px;
background-image: url(/skins/common/images/nav-arrow-left.png);
background-position: 0 50%;
}
