1
/* ThemeOfficeMenu Style Sheet */
3
.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
5
font-family: verdana, arial, sans-serif;
21
Netscape/Mozilla renders borders by increasing
22
their z-index. The following line is necessary
23
to cover any borders underneath
30
border: 1px solid #8C867B;
32
filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
35
.ThemeOfficeSubMenuTable
40
.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
41
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
51
/*background-color: #EFEBDE;*/
54
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
58
background-color: #C6D3EF;
63
background-color: #FFF;
66
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
68
background-color: #C6D3EF;
72
/* horizontal main menu */
76
padding: 4px 1px 4px 1px;
80
td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
83
border: 1px solid #3169C6;
86
.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
87
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
88
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
90
background-color: inherit;
93
/* vertical main menu sub components */
95
td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
102
border-top: 1px solid #3169C6;
103
border-bottom: 1px solid #3169C6;
104
border-left: 1px solid #3169C6;
106
background-color: inherit;
109
td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
116
border-top: 1px solid #3169C6;
117
border-bottom: 1px solid #3169C6;
119
background-color: inherit;
123
td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
130
border-top: 1px solid #3169C6;
131
border-bottom: 1px solid #3169C6;
132
border-right: 1px solid #3169C6;
134
background-color: inherit;
137
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
138
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
148
background-color: inherit;
151
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
152
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
160
background-color: inherit;
163
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
164
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
172
background-color: inherit;
175
/* sub menu sub components */
177
.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
184
border-top: 1px solid #3169C6;
185
border-bottom: 1px solid #3169C6;
186
border-left: 1px solid #3169C6;
188
background-color: inherit;
192
.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
199
border-top: 1px solid #3169C6;
200
border-bottom: 1px solid #3169C6;
202
background-color: inherit;
206
.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
213
border-top: 1px solid #3169C6;
214
border-bottom: 1px solid #3169C6;
215
border-right: 1px solid #3169C6;
217
background-color: inherit;
221
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
222
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
232
background-color: #EFEFDE;
235
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
236
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
244
background-color: inherit;
247
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
248
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
256
background-color: inherit;
261
.ThemeOfficeMenuSplit
266
background-color: inherit;
267
border-top: 1px solid #C6C3BD;
270
/* image shadow animation */
273
seq1: image for normal
274
seq2: image for hover and active
276
To use, in the icon field, input the following:
277
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
280
.ThemeOfficeMenuItem img.seq1
285
.ThemeOfficeMenuItemHover seq2,
286
.ThemeOfficeMenuItemActive seq2
291
.ThemeOfficeMenuItem .seq2,
292
.ThemeOfficeMenuItemHover .seq1,
293
.ThemeOfficeMenuItemActive .seq1