|
1 |
/* CSS FOR MENU ITEM OF TYPE "top" */
|
|
2 |
|
|
3 |
.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
|
|
4 |
height:19px;
|
|
5 |
line-height:16px;
|
|
6 |
margin-right:2px;
|
|
7 |
margin-top:2px;
|
|
8 |
padding-left:4px;
|
|
9 |
padding-right:4px;
|
|
10 |
padding-top:1px;
|
|
11 |
padding-bottom:1px;
|
|
12 |
}
|
|
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{
|
|
14 |
padding-top:2px;
|
|
15 |
padding-bottom:2px;
|
|
16 |
}
|
|
17 |
.DHTMLSuite_menuItem_top_regular{ /* Top level menu item - Regular state */
|
|
18 |
cursor:pointer;
|
|
19 |
}
|
|
20 |
|
|
21 |
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
|
|
22 |
color:#FE5F14;
|
|
23 |
background-color:#D1D1D1;
|
|
24 |
cursor:pointer;
|
|
25 |
}
|
|
26 |
|
|
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 */
|
|
28 |
cursor:pointer;
|
|
29 |
}
|
|
30 |
|
|
31 |
.DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */
|
|
32 |
color:#FE5F14;
|
|
33 |
background-color:#D1D1D1;
|
|
34 |
cursor:pointer;
|
|
35 |
z-index:20000;
|
|
36 |
}
|
|
37 |
|
|
38 |
.DHTMLSuite_menuItem_top_disabled{ /* Disabled menu item */
|
|
39 |
cursor:default;
|
|
40 |
}
|
|
41 |
|
|
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 */
|
|
47 |
}
|
|
48 |
|
|
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 */
|
|
50 |
float:left;
|
|
51 |
padding-left:1px;
|
|
52 |
padding-right:1px;
|
|
53 |
}
|
|
54 |
|
|
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 */
|
|
61 |
margin:0px;
|
|
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 */
|
|
63 |
padding:0px;
|
|
64 |
height:16px;
|
|
65 |
margin-left:2px;
|
|
66 |
float:right;
|
|
67 |
}
|
|
68 |
|
|
69 |
.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
|
|
70 |
.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
|
|
71 |
{ /* Sub menu arrows */
|
|
72 |
margin-left:1px;
|
|
73 |
border-left:1px solid #000;
|
|
74 |
}
|
|
75 |
|
|
76 |
/* CSS FOR SEPARATOR */
|
|
77 |
|
|
78 |
.DHTMLSuite_menuItem_separator_top{ /* Separator of type "top" */
|
|
79 |
height:20px;
|
|
80 |
margin-top:3px;
|
|
81 |
margin-bottom:3px;
|
|
82 |
width:4px;
|
|
83 |
padding-left:3px;
|
|
84 |
padding-right:3px;
|
|
85 |
background-repeat:repeat-y;
|
|
86 |
background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');
|
|
87 |
|
|
88 |
}
|
|
89 |
|
|
90 |
|
|
91 |
/* CSS FOR MENU ITEM OF TYPE "sub" */
|
|
92 |
|
|
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 */
|
|
94 |
clear:both;
|
|
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 */
|
|
104 |
}
|
|
105 |
.DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item */
|
|
106 |
cursor:default; /* Arrow as cursor instead of hand */
|
|
107 |
}
|
|
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 */
|
|
113 |
}
|
|
114 |
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{ /* Regular menu item */
|
|
115 |
}
|
|
116 |
|
|
117 |
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
|
|
118 |
}
|
|
119 |
|
|
120 |
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{ /* Mouse over effect */
|
|
121 |
color:#FE5F14;
|
|
122 |
background-color:#D1D1D1;
|
|
123 |
}
|
|
124 |
|
|
125 |
.DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */
|
|
126 |
color:#FE5F14;
|
|
127 |
background-color:#D1D1D1;
|
|
128 |
}
|
|
129 |
|
|
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 */
|
|
132 |
padding-left:1px;
|
|
133 |
padding-right:1px;
|
|
134 |
|
|
135 |
}
|
|
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 */
|
|
139 |
width:18px;
|
|
140 |
height:18px;
|
|
141 |
text-align:right;
|
|
142 |
right:0px;
|
|
143 |
background-repeat:no-repeat; /* No background repeat */
|
|
144 |
background-position: center right; /* Position of arrow */
|
|
145 |
}
|
|
146 |
|
|
147 |
|
|
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 */
|
|
154 |
color:#FE5F14;
|
|
155 |
background-color:#D1D1D1;
|
|
156 |
}
|
|
157 |
|
|
158 |
|
javascript menü auf kivitendo style geändert.