home *** CD-ROM | disk | FTP | other *** search
/ bombers.k12.ar.us / bombers.k12.ar.us.tar / bombers.k12.ar.us / SpryAssets / SpryMenuBarVertical.css < prev   
Cascading Style Sheet File  |  2014-09-17  |  5KB  |  150 lines
  1. @charset "UTF-8";
  2.  
  3. /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
  4.  
  5. /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
  6.  
  7. /*******************************************************************************
  8.  
  9.  LAYOUT INFORMATION: describes box model, positioning, z-order
  10.  
  11.  *******************************************************************************/
  12.  
  13. /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
  14. ul.MenuBarVertical
  15. {
  16.     margin: 0;
  17.     padding: 0;
  18.     list-style-type: none;
  19.     font-size: x-small;
  20.     cursor: default;
  21.     width: 8em;
  22. }
  23. /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
  24. ul.MenuBarActive
  25. {
  26.     z-index: 1000;
  27. }
  28. /* Menu item containers, position children relative to this container and are same fixed width as parent */
  29. ul.MenuBarVertical li
  30. {
  31.     margin: 0;
  32.     padding: 0;
  33.     list-style-type: none;
  34.     font-size: 100%;
  35.     position: relative;
  36.     text-align: left;
  37.     cursor: pointer;
  38.     width: 8em;
  39.     background-color: #FFFF00;
  40. }
  41. /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
  42. ul.MenuBarVertical ul
  43. {
  44.     margin: -5% 0 0 95%;
  45.     padding: 0;
  46.     list-style-type: none;
  47.     font-size: 100%;
  48.     position: absolute;
  49.     z-index: 1020;
  50.     cursor: default;
  51.     width: 8.2em;
  52.     left: -1000em;
  53.     top: 0;
  54. }
  55. /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
  56. ul.MenuBarVertical ul.MenuBarSubmenuVisible
  57. {
  58.     left: 0;
  59. }
  60. /* Menu item containers are same fixed width as parent */
  61. ul.MenuBarVertical ul li
  62. {
  63.     width: 8.2em;
  64. }
  65.  
  66. /*******************************************************************************
  67.  
  68.  DESIGN INFORMATION: describes color scheme, borders, fonts
  69.  
  70.  *******************************************************************************/
  71.  
  72. /* Outermost menu container has borders on all sides */
  73. ul.MenuBarVertical
  74. {
  75.     border: 1px solid #CCC;
  76. }
  77. /* Submenu containers have borders on all sides */
  78. ul.MenuBarVertical ul
  79. {
  80.     border: 1px solid #CCC;
  81. }
  82. /* Menu items are a light gray block with padding and no text decoration */
  83. ul.MenuBarVertical a
  84. {
  85.     display: block;
  86.     cursor: pointer;
  87.     background-color: #EEE;
  88.     padding: 0.5em 0.75em;
  89.     color: #333;
  90.     text-decoration: none;
  91. }
  92. /* Menu items that have mouse over or focus have a blue background and white text */
  93. ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
  94. {
  95.     background-color: #33C;
  96.     color: #FFF;
  97. }
  98. /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
  99. ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
  100. {
  101.     background-color: #33C;
  102.     color: #FFF;
  103. }
  104.  
  105. /*******************************************************************************
  106.  
  107.  SUBMENU INDICATION: styles if there is a submenu under a given menu item
  108.  
  109.  *******************************************************************************/
  110.  
  111. /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
  112. ul.MenuBarVertical a.MenuBarItemSubmenu
  113. {
  114.     background-image: url(SpryMenuBarRight.gif);
  115.     background-repeat: no-repeat;
  116.     background-position: 95% 50%;
  117. }
  118.  
  119. /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
  120. ul.MenuBarVertical a.MenuBarItemSubmenuHover
  121. {
  122.     background-image: url(SpryMenuBarRightHover.gif);
  123.     background-repeat: no-repeat;
  124.     background-position: 95% 50%;
  125. }
  126.  
  127. /*******************************************************************************
  128.  
  129.  BROWSER HACKS: the hacks below should not be changed unless you are an expert
  130.  
  131.  *******************************************************************************/
  132.  
  133. /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
  134. ul.MenuBarVertical iframe
  135. {
  136.     position: absolute;
  137.     z-index: 1010;
  138.     filter:alpha(opacity:0.1);
  139. }
  140. /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
  141. @media screen, projection
  142. {
  143.     ul.MenuBarVertical li.MenuBarItemIE
  144.     {
  145.         display: inline;
  146.         f\loat: left;
  147.         background: #FFF;
  148.     }
  149. }
  150.