1 /* CSS FOR MENU ITEM OF TYPE "top" */
3 .DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
13 .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
17 .DHTMLSuite_menuItem_top_regular{ /* Top level menu item - Regular state */
21 .DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
23 background-color:whitesmoke;
27 .DHTMLSuite_menuItem_top_active{ /* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
31 .DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */
33 background-color:whitesmoke;
38 .DHTMLSuite_menuItem_top_disabled{ /* Disabled menu item */
42 .DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{ /* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
43 filter:alpha(opacity=40); /* Transparency */
44 opacity:0.4; /* Transparency */
45 -moz-opacity:0.4; /* Transparency */
46 -khtml-opacity:.4; /* Transparency */
49 .DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{ /* divs for the text,icon and arrow of a menu item */
55 /* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
56 .DHTMLSuite_menuItem_top_arrowShowSub{ /* This is the arrow for top level elements */
57 width:12px; /* Width of item */
58 background-repeat:no-repeat; /* No background repeat for the arrow */
59 background-position:center center; /* Position of the arrow. at the center of this div */
60 background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png'); /* Relative path to the arrow */
62 margin-right:-1px; /* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
69 .DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
70 .DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
71 { /* Sub menu arrows */
73 border-left:1px solid #000;
76 /* CSS FOR SEPARATOR */
78 .DHTMLSuite_menuItem_separator_top{ /* Separator of type "top" */
85 background-repeat:repeat-y;
86 background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');
91 /* CSS FOR MENU ITEM OF TYPE "sub" */
93 .DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{ /* Commom css for regular, mouse over and mouse click items */
95 line-height:18px; /* Height of menu item */
96 height:18px; /* Height of menu item */
97 padding-left:25px; /* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
98 padding-right:4px; /* Space inside the menu item */
99 padding-top:2px; /* Space inside the menu item */
100 padding-bottom:2px; /* Space inside the menu item */
101 cursor:pointer; /* Mouse cursor set to a "hand" */
102 margin:1px; /* A little space around the item */
103 background-repeat:no-repeat; /* No background repeat */
105 .DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item */
106 cursor:default; /* Arrow as cursor instead of hand */
108 .DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
109 filter:alpha(opacity=40); /* Transparency */
110 opacity:0.4; /* Transparency */
111 -moz-opacity:0.4; /* Transparency */
112 -khtml-opacity:.4; /* Transparency */
114 .DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{ /* Regular menu item */
117 .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
120 .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{ /* Mouse over effect */
122 background-color:whitesmoke;
125 .DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */
127 background-color:whitesmoke;
130 .DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{ /* divs for the text,icon and arrow of a menu item */
131 float:left; /* To get the icons and text of sub elements side by side */
136 .DHTMLSuite_menuItem_sub_arrowShowSub{ /* Arrow div for sub elements (Right pointing arrow ) */
137 position:absolute; /* Never change this one */
138 background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png'); /* Path relative to the css file */
143 background-repeat:no-repeat; /* No background repeat */
144 background-position: center right; /* Position of arrow */
148 .DHTMLSuite_menuItem_separator_sub{ /* Separator of type "sub" */
149 height:1px; /* Height of separator */
150 margin-top:1px; /* Space above the separator */
151 margin-bottom:1px; /* Space below the separator */
152 margin-left:24px; /* left margin because we don't want the separator to cover the gradient */
153 padding-right:3px; /* space at the right of the separator */
155 background-color:whitesmoke;
158 .DHTMLSuite_menuItem_textContent
160 border-bottom-style: none !important;
161 background-color: inherit !important;
162 color: inherit !important;