|
1 |
|
2 /* The entire snippet. */ |
|
3 .ContextMenu |
|
4 { |
|
5 color: white; |
|
6 -webkit-user-select: none; |
|
7 margin: 0px; |
|
8 padding: 0px; |
|
9 /*font specification*/ |
|
10 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif; |
|
11 font-weight:bold; |
|
12 font-size: large; |
|
13 } |
|
14 |
|
15 /* The main wrapper div. */ |
|
16 .ContextMenuDiv |
|
17 { |
|
18 color: white; |
|
19 margin: 0px; |
|
20 padding: 0px; |
|
21 position: relative; |
|
22 border: none; |
|
23 } |
|
24 |
|
25 .TabsDiv |
|
26 { |
|
27 margin-right: 1px; |
|
28 } |
|
29 |
|
30 .TabsUl |
|
31 { |
|
32 margin-top: 0px; |
|
33 margin-left: 0px; |
|
34 padding: 0px; |
|
35 } |
|
36 |
|
37 .MenuDiv |
|
38 { |
|
39 margin-left: -40px; |
|
40 margin-right: 3px; |
|
41 margin-top: -16px; |
|
42 padding: 0px; |
|
43 } |
|
44 |
|
45 .MenuUl |
|
46 { |
|
47 margin-bottom: 0px; |
|
48 } |
|
49 |
|
50 /* All list items, tabs and menu items. */ |
|
51 .ContextMenu li |
|
52 { |
|
53 list-style-type: none; |
|
54 } |
|
55 |
|
56 /* |
|
57 .ContextMenu li:hover |
|
58 { |
|
59 background: -webkit-gradient(linear, left top, left bottom, from(#677fa8), to(#7692c2), color-stop(0.0, #aab)); |
|
60 } |
|
61 */ |
|
62 |
|
63 /* Tab items. */ |
|
64 .ContextMenu .TabsDiv ul li |
|
65 { |
|
66 display: inline-block; |
|
67 color: white; |
|
68 padding-top: 10px; |
|
69 padding-bottom: 10px; |
|
70 padding-left: 20px; |
|
71 padding-right: 16px; |
|
72 border-top: solid 3px #808080; |
|
73 border-left: solid 3px #808080; |
|
74 border-bottom: solid 3px #808080; |
|
75 margin-bottom: -2px; |
|
76 } |
|
77 |
|
78 /* The first tab item. */ |
|
79 .ContextMenu .TabsDiv ul li:first-child |
|
80 { |
|
81 -webkit-border-top-left-radius: 7px; |
|
82 } |
|
83 |
|
84 /* The last tab item. */ |
|
85 .ContextMenu .TabsDiv ul li:last-child |
|
86 { |
|
87 -webkit-border-top-right-radius: 7px; |
|
88 border-right: solid 3px #808080; |
|
89 } |
|
90 |
|
91 /* Normal tabs, ie. not highlighted. */ |
|
92 .ViewContext_NormalTab { |
|
93 background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#a8a8a8), color-stop(0.5, #5e5e5e)); |
|
94 } |
|
95 |
|
96 /* Hide the text in normal tabs. */ |
|
97 .ViewContext_NormalTab * a { |
|
98 display: none; |
|
99 } |
|
100 |
|
101 .ViewContext_NormalTab div { |
|
102 margin-top: 0px; |
|
103 } |
|
104 |
|
105 /* Highlighted tab. */ |
|
106 .ViewContext_HighlightedTab { |
|
107 background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), to(#000000), color-stop(0.5, #5e5e5e)); |
|
108 -webkit-border-top-left-radius: 7px; |
|
109 -webkit-border-top-right-radius: 7px; |
|
110 } |
|
111 |
|
112 /* Make the highlighted tab slightly taller. */ |
|
113 .ViewContext_HighlightedTab div { |
|
114 margin-top: 6px; |
|
115 } |
|
116 |
|
117 /* Show text in higlighted tab. */ |
|
118 .ViewContext_HighlightedTab div * a { |
|
119 display: block; |
|
120 } |
|
121 |
|
122 .ViewContext_DisabledTab { |
|
123 color: #ddd; |
|
124 } |
|
125 |
|
126 /* Menu items. */ |
|
127 .ContextMenu .MenuDiv ul li |
|
128 { |
|
129 border-color: #808080; |
|
130 border-bottom: 1px solid #808080; |
|
131 background-image: url(/contextmenu/list_contextmenu.png); |
|
132 } |
|
133 |
|
134 /* Special case for regular menu Li (not row) */ |
|
135 .ContextMenu .MenuDiv ul li.RegularMenuLi |
|
136 { |
|
137 padding: 10px; |
|
138 } |
|
139 |
|
140 /* Special case for top-level menu Li (not row Li) */ |
|
141 .ContextMenu .MenuDiv ul li.MenuLi |
|
142 { |
|
143 border-right: 3px solid #808080; |
|
144 border-left: 3px solid #808080; |
|
145 } |
|
146 |
|
147 .ViewContext_DisabledMenuItem |
|
148 { |
|
149 color: #888; |
|
150 } |
|
151 |
|
152 /* If menu item has a row */ |
|
153 .ContextMenu .MenuDiv ul li ul.MenuRowUl |
|
154 { |
|
155 padding: 0px; |
|
156 margin: 0px; |
|
157 background: #808080; |
|
158 list-style-type: none; |
|
159 display: table; |
|
160 width: 100%; |
|
161 border: none; |
|
162 } |
|
163 |
|
164 .ContextMenu .MenuDiv ul li ul li.MenuRowLi |
|
165 { |
|
166 border: none; |
|
167 border-left: 1px solid #808080; |
|
168 padding: 10px; |
|
169 margin: 0px; |
|
170 display: table-cell; |
|
171 } |
|
172 |
|
173 /* Last top-level menu item. */ |
|
174 .ContextMenu .MenuDiv ul li.MenuLi:last-child |
|
175 { |
|
176 -webkit-border-bottom-right-radius: 7px; |
|
177 -webkit-border-bottom-left-radius: 7px; |
|
178 border-bottom: 3px solid #808080; |
|
179 } |
|
180 |
|
181 /* Menu item during mouse over. */ |
|
182 .ContextMenu .MenuDiv ul li.MouseOverItem |
|
183 { |
|
184 background-image: url(/contextmenu/list_contextmenu_pressed.png); |
|
185 } |
|
186 |
|
187 /* Item icons. */ |
|
188 .ContextMenu ul li img |
|
189 { |
|
190 vertical-align: middle; |
|
191 } |
|
192 |
|
193 /* Item text. */ |
|
194 .ContextMenu ul li a |
|
195 { |
|
196 vertical-align: middle; |
|
197 margin-left: 10px; |
|
198 } |
|
199 |
|
200 .ContextMenu .MenuDiv ul li.SpMenuLi |
|
201 { |
|
202 border-right: 3px solid; |
|
203 border-left: 3px solid; |
|
204 border-color: #808080; |
|
205 background-color: #FFFFDD |
|
206 } |
|
207 |
|
208 .ContextMenu .MenuDiv ul li.SpMenuLi:first-child |
|
209 { |
|
210 border-right: 3px solid; |
|
211 border-left: 3px solid; |
|
212 border-top: 3px solid; |
|
213 -webkit-border-top-right-radius: 7px; |
|
214 -webkit-border-top-left-radius: 7px; |
|
215 border-color: #808080; |
|
216 } |
|
217 |
|
218 .ContextMenu .MenuDiv ul li.SpMenuLi:last-child |
|
219 { |
|
220 -webkit-border-bottom-right-radius: 7px; |
|
221 -webkit-border-bottom-left-radius: 7px; |
|
222 border-bottom: 3px solid #808080; |
|
223 } |
|
224 |
|
225 .hiddenLoadImages { |
|
226 background-image: url(/contextmenu/list_contextmenu_pressed.png); |
|
227 visibility: hidden; |
|
228 } |