dhtmlxmenu.css 3.9 KB

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