1
/* ThemeMenu Style Sheet */
5
menu dropdown left side: #DDE1E6
6
highlight border: #000080
7
highlight background: #B6BDD2
10
#30559C - highlight border
11
#B5CDE8 - highlight background
21
border-bottom: 1px solid #cccccc;
24
.ThemeMenu, .ThemeMenubar a, .ThemeMenubar td {
28
.ThemeMenu,.ThemeSubMenuTable {
29
font-family: arial, verdana, sans-serif;
35
vertical-align:middle;
42
Netscape/Mozilla renders borders by increasing
43
their z-index. The following line is necessary
44
to cover any borders underneath
49
background-color: #F1F3F5;
51
border: 1px solid #8C867B;
58
.ThemeMainItem,.ThemeMainItemHover,.ThemeMainItemActive,
59
.ThemeMenuItem,.ThemeMenuItemHover,.ThemeMenuItemActive {
66
/* jgh - no longer needed
67
background-color: #EFEBDE;
71
.ThemeMainItemHover,.ThemeMainItemActive {
72
background-color: #B6BDD2;
76
background-color: #F1F3F5;
79
.ThemeMenuItemHover,.ThemeMenuItemActive {
80
background-color: #B6BDD2;
83
/* horizontal main menu */
90
td.ThemeMainItemHover,td.ThemeMainItemActive {
92
border: 1px solid #000080;
95
.ThemeMainFolderLeft,.ThemeMainItemLeft,
96
.ThemeMainFolderText,.ThemeMainItemText,
97
.ThemeMainFolderRight,.ThemeMainItemRight {
98
background-color: inherit;
101
/* vertical main menu sub components */
103
td.ThemeMainFolderLeft,td.ThemeMainItemLeft {
108
border-top: 1px solid #000080;
109
border-bottom: 1px solid #000080;
110
border-left: 1px solid #000080;
111
background-color: inherit;
114
td.ThemeMainFolderText,td.ThemeMainItemText {
119
border-top: 1px solid #000080;
120
border-bottom: 1px solid #000080;
121
background-color: inherit;
125
td.ThemeMainFolderRight,td.ThemeMainItemRight {
130
border-top: 1px solid #000080;
131
border-bottom: 1px solid #000080;
132
border-right: 1px solid #000080;
133
background-color: inherit;
136
tr.ThemeMainItem td.ThemeMainFolderLeft,
137
tr.ThemeMainItem td.ThemeMainItemLeft {
144
background-color: inherit;
147
tr.ThemeMainItem td.ThemeMainFolderText,
148
tr.ThemeMainItem td.ThemeMainItemText {
154
background-color: inherit;
157
tr.ThemeMainItem td.ThemeMainItemRight,
158
tr.ThemeMainItem td.ThemeMainFolderRight {
164
background-color: inherit;
167
/* sub menu sub components */
169
.ThemeMenuFolderLeft,.ThemeMenuItemLeft {
174
border-top: 1px solid #000080;
175
border-bottom: 1px solid #000080;
176
border-left: 1px solid #000080;
177
background-color: inherit;
181
.ThemeMenuFolderText,.ThemeMenuItemText {
186
border-top: 1px solid #000080;
187
border-bottom: 1px solid #000080;
188
background-color: inherit;
192
.ThemeMenuFolderRight,.ThemeMenuItemRight {
197
border-top: 1px solid #000080;
198
border-bottom: 1px solid #000080;
199
border-right: 1px solid #000080;
200
background-color: inherit;
204
.ThemeMenuItem .ThemeMenuFolderLeft,
205
.ThemeMenuItem .ThemeMenuItemLeft {
212
background-color: #DDE1E6;
215
.ThemeMenuItem .ThemeMenuFolderText,
216
.ThemeMenuItem .ThemeMenuItemText {
222
background-color: inherit;
225
.ThemeMenuItem .ThemeMenuFolderRight,
226
.ThemeMenuItem .ThemeMenuItemRight {
232
background-color: inherit;
241
background-color: inherit;
242
border-top: 1px solid #C6C3BD;
245
/* image shadow animation */
248
seq1: image for normal
249
seq2: image for hover and active
251
To use, in the icon field, input the following:
252
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
255
.ThemeMenuItem img.seq1 {
259
.ThemeMenuItemHover seq2,
260
.ThemeMenuItemActive seq2 {
264
.ThemeMenuItem .seq2,
265
.ThemeMenuItemHover .seq1,
266
.ThemeMenuItemActive .seq1 {