dhtmlxmenu_modern.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. /*button text - all levels*/
  2. #menu_modernstyle .menuButtonSecond td, #menu_modernstyle .menuButton td, #menu_modernstyle .menuButtondown td,#menu_modernstyle .menuButtonover td {
  3. cursor:default;
  4. }
  5. /*menu text - all levels*/
  6. #menu_modernstyle .defaultMenuText{
  7. font: 11px Tahoma,Arial;
  8. padding-left:10px;
  9. padding-right:5px;
  10. }
  11. /*menu caption if any*/
  12. #menu_modernstyle .menuName{
  13. color : gray;
  14. letter-spacing : 7px;
  15. font : 11px Arial,sans-serif;
  16. padding-left : 10px;
  17. padding-right : 10px;
  18. }
  19. /*========= BUTTONS ======================*/
  20. /*plain button state - top level*/
  21. #menu_modernstyle .menuButton {
  22. xborder : solid 1px #ece9d8;
  23. }
  24. /*down button state - top level*/
  25. #menu_modernstyle .menuButtondown {
  26. background-color : #868686;
  27. xborder: solid 1px #316ac5;
  28. cursor : default;
  29. }
  30. /*mouse over button state - top level*/
  31. #menu_modernstyle .menuButtonover {
  32. background-color : #868686;
  33. xcolor:white;
  34. xborder: solid 1px #316ac5;
  35. cursor : default;
  36. }
  37. /*text color for pressed and over items - top level*/
  38. #menu_modernstyle .menuButtondown .defaultMenuText,#menu_modernstyle .menuButtonover .defaultMenuText{
  39. color:white;
  40. }
  41. /*plain button state - other levels*/
  42. #menu_modernstyle .menuButtonSecond {
  43. background-color:#F0F0F0;/*#xD4D0C8*/
  44. border:2px solid #F0F0F0;
  45. font:12px Arial,sans-serif;
  46. xline-height:26px;
  47. height:18px;
  48. }
  49. /*mouse over button and down button states - other levels*/
  50. #menu_modernstyle .menuButtonSecondover,#menu_modernstyle .menuButtonSeconddown {
  51. background-color : #CBCBCB;
  52. color:black;
  53. cursor : default;
  54. border:2px solid #CBCBCB;
  55. font:12px Arial,sans-serif;
  56. }
  57. /*icon place style on button over/down - other levels
  58. .menuButtonSeconddownimg {
  59. background-color : #C9D9F5;
  60. }*/
  61. /*text of mouse over button - other levels*/
  62. #menu_modernstyle .menuButtonSeconddown td {
  63. color:black;
  64. cursor:default;
  65. border:0px solid;
  66. }
  67. /*============ PANELS and DEVIDERS ===========================================*/
  68. /*manu panel - top level*/
  69. #menu_modernstyle .menuTable{
  70. background-color : #ece9d8;
  71. border: 0px solid #808080 ;
  72. background-image: url(imgs/bg_menu.gif);
  73. -moz-user-select : none;
  74. padding : 0px;
  75. height:20px;
  76. }
  77. /*menu panel - other levels*/
  78. #menu_modernstyle .secondMenuTable{
  79. background-color : #F0F0F0;
  80. border: 1px solid #808080;
  81. margin : 0px;
  82. -moz-user-select : none;
  83. padding : 0 1 0 2;
  84. margin-top:-1px;
  85. }
  86. /*devider - horizontal*/
  87. #menu_modernstyle .menuDivider {
  88. background-color : #ece9d8;
  89. border-left : solid #808080 1px;
  90. border-right : solid #FFFFFF 1px;
  91. height : 100%;
  92. margin-bottom : 2px;
  93. margin-top : 1px;
  94. overflow : hidden;
  95. vertical-align : middle;
  96. width : 2px;
  97. }
  98. /*devider - vertical*/
  99. #menu_modernstyle .menuDividerY {
  100. background-color : #ece9d8;
  101. border-bottom : solid #808080 1px;
  102. xborder-top : solid #808080 1px;
  103. height : 2px;
  104. overflow : hidden;
  105. width : 100%;
  106. }
  107. /*================== DRAG HANDLERS ==================*/
  108. /*drag handler for menu - horizontal*/
  109. #menu_modernstyle .menuhandle {
  110. background-color : #ece9d8;
  111. border-bottom : solid #808080 1px;
  112. border-left : solid #FFFFFF 1px;
  113. border-right : solid #808080 1px;
  114. border-top : solid #FFFFFF 1px;
  115. cursor : move;
  116. height : 100%;
  117. overflow : hidden;
  118. width : 3px;
  119. }
  120. /*drag handler for menu - vertical*/
  121. #menu_modernstyle .vmenuhandle {
  122. background-color : #ece9d8;
  123. border-bottom : solid #808080 1px;
  124. border-left : solid #FFFFFF 1px;
  125. border-right : solid #808080 1px;
  126. border-top : solid #FFFFFF 1px;
  127. cursor : move;
  128. height : 3px;
  129. }
  130. /*============ ICONS and SCROLLERS ====================*/
  131. /*disabled icon - all levels*/
  132. #menu_modernstyle .iconGray {
  133. filter : BlendTrans(Percent=50) gray();
  134. cursor: default;
  135. border:solid 1px #ece9d8;
  136. }
  137. /*enabled scroller*/
  138. #menu_modernstyle .menuscrollerenabled{
  139. background-color:#CAC8D4;
  140. cursor: pointer;
  141. text-align:center;
  142. }
  143. /*disabled scroller*/
  144. #menu_modernstyle .menuscrollerdisabled{
  145. background-color: #CAC8D4;
  146. cursor: default;
  147. visibility:hidden;
  148. text-align:center;
  149. }