home *** CD-ROM | disk | FTP | other *** search
/ grafika-wolowiec.cba.pl / grafika-wolowiec.cba.pl.tar / grafika-wolowiec.cba.pl / style / menu.css < prev    next >
Cascading Style Sheet File  |  2014-01-24  |  5KB  |  77 lines
  1. /* ######################### MENU STYLE #########################*/
  2. #imSite { position: relative; }
  3. #imMnMn { text-align: left; }
  4. #imMnMn > ul { z-index: 10001; display: inline-block; }
  5. #imMnMn li > ul { z-index: 10002; }
  6.  
  7. /* Main Menu */
  8.  
  9. #imMnMn ul, #imPgMn ul {padding:0;margin:0;list-style-type:none; }
  10. #imMnMn > ul > li { position: relative; margin-left: 30px;  }
  11. #imMnMn > ul > li:first-child { margin-left: 0; }
  12. /* Links */
  13.  
  14. /* Main Menu style */
  15. #imMnMn > ul > li { cursor: pointer; display: block; float: left; }
  16. #imMnMn > ul > li > a { display: block; }
  17. #imMnMn > ul > li .imMnMnFirstBg { background-image: url('../menu/main.png'); width: 120px; height: 26px; }
  18. #imMnMn > ul > li:hover .imMnMnFirstBg , #imMnMn > ul > li.imMnMnCurrent:hover .imMnMnFirstBg  { background-image: url('../menu/main_h.png'); }
  19. #imMnMn > ul > li.imMnMnSeparator .imMnMnFirstBg  { background-image: none; cursor: auto; }
  20. #imMnMn > ul > li.imMnMnCurrent .imMnMnFirstBg  { background-image: url('../menu/main_h.png'); cursor: auto; }
  21. #imMnMn > ul > li.imMnMnFirst .imMnMnFirstBg   { background-image: url('../menu/main_f.png'); }
  22. #imMnMn > ul > li.imMnMnFirst:hover .imMnMnFirstBg , #imMnMn > ul > li.imMnMnFirst.imMnMnCurrent:hover .imMnMnFirstBg  { background-image: url('../menu/main_f_h.png'); }
  23. #imMnMn > ul > li.imMnMnFirst.imMnMnSeparator:hover .imMnMnFirstBg  {  background-image: none; cursor: auto; }
  24. #imMnMn > ul > li.imMnMnFirst.imMnMnCurrent .imMnMnFirstBg  { background-image: url('../menu/main_f_h.png'); cursor: auto; }
  25. #imMnMn > ul > li.imMnMnMiddle .imMnMnFirstBg  { background-image: url('../menu/main_m.png'); }
  26. #imMnMn > ul > li.imMnMnMiddle:hover .imMnMnFirstBg , #imMnMn > ul > li.imMnMnMiddle.imMnMnCurrent:hover .imMnMnFirstBg  { background-image: url('../menu/main_m_h.png'); }
  27. #imMnMn > ul > li.imMnMnMiddle.imMnMnSeparator:hover .imMnMnFirstBg  {  background-image: none; cursor: auto; }
  28. #imMnMn > ul > li.imMnMnMiddle.imMnMnCurrent .imMnMnFirstBg  { background-image: url('../menu/main_m_h.png'); cursor: auto; }
  29. #imMnMn > ul > li.imMnMnLast .imMnMnFirstBg  { background-image: url('../menu/main_l.png'); }
  30. #imMnMn > ul > li.imMnMnLast:hover .imMnMnFirstBg , #imMnMn > ul > li.imMnMnLast.imMnMnCurrent:hover .imMnMnFirstBg  { background-image: url('../menu/main_l_h.png'); }
  31. #imMnMn > ul > li.imMnMnLast.imMnMnSeparator:hover .imMnMnFirstBg  {  background-image: none; cursor: auto; }
  32. #imMnMn > ul > li.imMnMnLast.imMnMnCurrent .imMnMnFirstBg  { background-image: url('../menu/main_l_h.png'); cursor: auto; }
  33. #imMnMn > ul > li .imMnMnFirstBg .imMnMnImg, #imMnMn > ul > li:hover .imMnMnFirstBg .imMnMnImg { position: absolute; line-height: 26px; height: 26px; top: 0; left: 7%; }
  34. #imMnMn > ul > li .imMnMnFirstBg .imMnMnImg img, #imMnMn > ul > li:hover .imMnMnFirstBg .imMnMnImg img { vertical-align: -10%; padding: 0px; border: none; }
  35. #imMnMn > ul > li .imMnMnFirstBg .imMnMnLevelImg { display: none; }
  36. #imMnMn > ul > li .imMnMnFirstBg .imMnMnHoverIcon { display: none; }
  37. #imMnMn > ul > li:hover .imMnMnFirstBg .imMnMnDefaultIcon { display: none; }
  38. #imMnMn > ul > li:hover .imMnMnFirstBg .imMnMnHoverIcon { display: inline; }
  39. #imMnMn > ul > li.imMnMnSeparator > .imMnMnFirstBg > .imMnMnTxt { display: none; }
  40. #imMnMn > ul > li > a { text-decoration: none; }
  41. #imMnMn > ul > li .imMnMnFirstBg > .imMnMnTxt { overflow: hidden; margin: 0px; padding: 0px;  width: 120px; height: 26px; font: normal normal normal 9.0pt Tahoma; color: #FFFFFF; text-align: center; text-decoration: none; line-height: 26px; display: block;}
  42. #imMnMn > ul > li:hover .imMnMnFirstBg > .imMnMnTxt, #imMnMn > ul > li.imMnMnCurrent:hover .imMnMnFirstBg > .imMnMnTxt { cursor: pointer; color: #FFFFFF;font-weight: normal;font-style: normal;}
  43. #imMnMn > ul > li.imMnMnCurrent .imMnMnFirstBg > .imMnMnTxt { color: #FFFFFF;font-weight: normal;font-style: normal;}
  44. #imMnMn > ul > li.imMnMnSeparator { background: transparent url('../res/separatorh.png') no-repeat center center; width: 10px; height: 26px; }
  45. #imMnMn .imMnMnFirstBg { position: relative; display: block; background-repeat: no-repeat; cursor: pointer; width: 100%; }
  46. #imMnMn a { border: none; cursor: pointer; }
  47. #imMnMn .imMnMnTxt { text-overflow: ellipsis; white-space: nowrap; }
  48.  
  49.  
  50. /* MENU POSITION : HORIZONTAL VerticalOneColumn */
  51. #imMnMn ul .autoHide, #imMnMn ul div .autoHide { display: none; }
  52.  
  53. /* ######################### MAIN MENU POSITION #########################*/
  54.  
  55. /* div: Menu container*/
  56. #imMnMn { z-index:10000; }
  57. #imMnMn > ul { position: relative; }
  58. #imMnMn > ul > li > ul { position: absolute; }
  59.  
  60. /* First level menu style */
  61. #imMnMn > ul > li { display: inline-block; width:120px; }
  62. #imMnMn > ul > li span { display:block; padding:0;}
  63. #imMnMn a { cursor: pointer; display: block; width:120px;}
  64.  
  65. /* ########################## SUB MENU POSITION #########################*/
  66.  
  67. #imMnMn.auto ul li ul li { top: 0px; }
  68.  
  69. /* Second level boxmodel*/
  70. #imMnMn.auto ul li ul li ul { position: absolute; width: 160px; }
  71.  
  72. /* Hide Levels */
  73. #imMnMn.auto li:hover > ul.auto { display:block; }
  74. #imMnMn.auto li ul.auto { display: none; }
  75. #imMnMn ul ul li .imMnMnBorder { overflow: hidden; }
  76.  
  77. /* End of file menu.css */