|
1 /* |
|
2 * jBox menu system |
|
3 */ |
|
4 |
|
5 div.menu, div.menu_nojs { |
|
6 background-image: url(../images/jbox.gif); |
|
7 background-repeat: repeat-x; |
|
8 background-color: #303030; |
|
9 font-size: 7pt; |
|
10 border-width: 0; |
|
11 } |
|
12 .menu_bg { |
|
13 background-color: #303030; |
|
14 } |
|
15 div.menu ul, div.menu_nojs ul { |
|
16 display: none; |
|
17 position: absolute; |
|
18 padding: 0; |
|
19 margin: 0 !important; |
|
20 background-color: #303030; |
|
21 border-width: 0; |
|
22 min-width: 120px; |
|
23 text-transform: lowercase; |
|
24 } |
|
25 div.menu a, div.menu div.label, div.menu_nojs a, div.menu_nojs div.label { |
|
26 padding: 2.5pt 5px; |
|
27 margin-right: 3px; |
|
28 text-decoration: none; |
|
29 display: block; |
|
30 float: left; |
|
31 color: #b2b2b2; |
|
32 } |
|
33 div#content-wrapper div.menu a, div#content-wrapper div.menu_nojs a { |
|
34 color: #b2b2b2; |
|
35 } |
|
36 div.menu div.label, div.menu_nojs div.label { |
|
37 color: #808080; |
|
38 cursor: default; |
|
39 } |
|
40 div.menu span.sep, div.menu_nojs span.sep { |
|
41 display: block; |
|
42 float: left; |
|
43 width: 5px; |
|
44 } |
|
45 div.menu div.multopts, div.menu_nojs div.multopts { |
|
46 line-height: 17pt; |
|
47 } |
|
48 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label { |
|
49 float: none; |
|
50 display: inline; |
|
51 } |
|
52 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover { |
|
53 color: #c9c9c9; |
|
54 background-color: #484848; |
|
55 background-image: url(../images/jbox.gif); |
|
56 background-position: 0 -32px; |
|
57 background-repeat: repeat-x; |
|
58 } |
|
59 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] { |
|
60 border-width: 0; |
|
61 font-size: 9pt; |
|
62 padding: 2px 5px 3px 5px; |
|
63 max-width: 70px; |
|
64 color: #a9a9a9; |
|
65 background-color: #191919; |
|
66 } |
|
67 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover { |
|
68 background-color: #292929; |
|
69 } |
|
70 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus { |
|
71 background-color: #373737; |
|
72 } |
|
73 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] { |
|
74 border-width: 0; |
|
75 font-size: 9pt; |
|
76 padding: 3px 5px; |
|
77 max-width: 70px; |
|
78 } |
|
79 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover { |
|
80 color: #202020; |
|
81 background-color: #FFFFFF; |
|
82 } |
|
83 div.menu a.current:hover, div.menu a.selected:hover, div.menu a.current.liteselected, |
|
84 div.menu_nojs a.current:hover, div.menu_nojs a.selected:hover, div.menu_nojs a.current.liteselected { |
|
85 background-position: 0 -64px; |
|
86 } |
|
87 div.menu ul li, div.menu_nojs ul li { |
|
88 list-style: none; |
|
89 } |
|
90 div.menu ul a, div.menu_nojs ul a { |
|
91 float: none; |
|
92 margin: 0; |
|
93 } |