|
1 /* toolbar */ |
|
2 div.toolbar { |
|
3 border: 1px solid #3b619c; |
|
4 background-color: #D0D0D0; |
|
5 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
|
6 background-position: 0 -90px; |
|
7 padding: 1px 0; |
|
8 height: 22px; |
|
9 font-family: arial, sans-serif; |
|
10 font-size: 8pt; |
|
11 } |
|
12 div.toolbar ul { |
|
13 margin: 0; |
|
14 padding: 0; |
|
15 } |
|
16 div.toolbar ul li { |
|
17 list-style: none; |
|
18 margin: 0; |
|
19 float: left; |
|
20 } |
|
21 div.toolbar a img { |
|
22 opacity: 0.6; |
|
23 } |
|
24 div.toolbar a:hover img, div.toolbar a:focus img { |
|
25 opacity: 1; |
|
26 } |
|
27 div.toolbar a { |
|
28 display: block; |
|
29 padding: 2px; |
|
30 border: 1px solid transparent; |
|
31 cursor: default; |
|
32 width: auto; |
|
33 color: #000000 !important; |
|
34 margin: 0 2px; |
|
35 max-height: 16px; |
|
36 text-decoration: none; |
|
37 } |
|
38 div.toolbar a:hover, div.toolbar a:focus { |
|
39 border: 1px solid #000080; |
|
40 background-color: #ceceed; |
|
41 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
|
42 background-position: 0 -118px; |
|
43 color: #000000 !important; |
|
44 text-decoration: none; |
|
45 } |
|
46 div.toolbar a:active { |
|
47 background-color: #E0E0E0; |
|
48 background-position: 0 -138px; |
|
49 } |
|
50 div.toolbar img { |
|
51 margin: 0; |
|
52 padding: 0; |
|
53 display: inline; |
|
54 border-width: 0px; |
|
55 } |
|
56 div.toolbar a span { |
|
57 position: relative; |
|
58 top: -3px !important; |
|
59 } |
|
60 div.toolbar a span.noimage { |
|
61 position: relative; |
|
62 top: 0px !important; |
|
63 height: 16px !important; |
|
64 display: block; |
|
65 padding-left: 2px !important; |
|
66 } |
|
67 div.toolbar li span { |
|
68 padding-left: 4px; |
|
69 padding-right: 2px; |
|
70 position: relative; |
|
71 top: 4px; |
|
72 } |
|
73 |
|
74 /* vertical toolbar */ |
|
75 div.toolbar_vert { |
|
76 border: 1px solid #82aae2; |
|
77 background-color: #c9ddf8; |
|
78 padding: 2px 0; |
|
79 } |
|
80 div.toolbar_vert ul { |
|
81 margin: 0; |
|
82 padding: 0; |
|
83 } |
|
84 div.toolbar_vert ul li { |
|
85 list-style: none; |
|
86 margin: 0; |
|
87 } |
|
88 div.toolbar_vert a img { |
|
89 opacity: 0.6; |
|
90 /*filter: alpha(opacity=60);*/ |
|
91 } |
|
92 div.toolbar_vert a:hover img { |
|
93 opacity: 1; |
|
94 /*filter: alpha(opacity=100);*/ |
|
95 } |
|
96 div.toolbar_vert a { |
|
97 display: block; |
|
98 padding: 2px; |
|
99 border: 1px solid transparent; |
|
100 cursor: default; |
|
101 width: auto; |
|
102 color: #000000 !important; |
|
103 margin: 0 2px; |
|
104 max-height: 16px; |
|
105 text-decoration: none; |
|
106 } |
|
107 div.toolbar_vert a:hover { |
|
108 border: 1px solid #202090; |
|
109 background-color: #ceceed; |
|
110 color: #000000 !important; |
|
111 text-decoration: none; |
|
112 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
|
113 background-position: 0 -118px; |
|
114 } |
|
115 div.toolbar_vert a:active { |
|
116 border: 1px solid #A0A0A0; |
|
117 background-color: #E0E0E0; |
|
118 } |
|
119 div.toolbar_vert img { |
|
120 margin: 0; |
|
121 padding: 0; |
|
122 display: inline; |
|
123 border-width: 0px; |
|
124 } |
|
125 div.toolbar_vert a span { |
|
126 position: relative; |
|
127 top: -4px; |
|
128 } |
|
129 div.toolbar_vert li span { |
|
130 padding-left: 2px; |
|
131 padding-right: 5px; |
|
132 } |
|
133 |
|
134 div.toolbar_vert li > span { |
|
135 display: block; |
|
136 padding: 4px 5px; |
|
137 } |
|
138 |