1 .menuSnippet img { |
1 |
2 padding-left: 20px; |
2 /* The entire snippet. */ |
3 padding-right: 15px; |
3 .ContextMenu |
4 vertical-align: middle; |
4 { |
|
5 color: #283f52; |
|
6 -webkit-user-select: none; |
|
7 margin: 0px; |
|
8 padding: 0px; |
|
9 font-weight:bold; |
|
10 font-size: large; |
5 } |
11 } |
6 |
12 |
7 .menuItemLabel { |
13 /* The main wrapper div. */ |
8 vertical-align: center; |
14 .ContextMenuDiv |
9 position: relative; |
15 { |
10 top: 3px; |
16 color: #283f52; |
11 font-size: 16px; |
17 background-color: transparent; |
12 font-family: Verdana; |
18 margin: 0px; |
13 font-weight: bold; |
19 padding: 0px; |
|
20 position: relative; |
|
21 border: none; |
14 } |
22 } |
15 |
23 |
16 .menuItemContents { |
24 .TabsDiv |
17 padding-top: 15px; |
25 { |
|
26 margin-right: 1px; |
18 } |
27 } |
19 |
28 |
20 .menuItem { |
29 .TabsUl |
21 background-repeat: no-repeat; |
30 { |
22 background-position: top left; |
31 margin-top: 0px; |
23 width: 203px; |
32 margin-left: 0px; |
24 color: #ffffff; |
33 padding: 0px; |
25 vertical-align: center; |
|
26 -webkit-user-select: none; |
|
27 } |
|
28 .menuTop { |
|
29 background-image: url(icons/menubg_fixed_top.png); |
|
30 height: 65px; |
|
31 } |
|
32 .menuTop:active { |
|
33 background-image: url(icons/menubg_fixed_top_pressed.png); |
|
34 height: 65px; |
|
35 } |
34 } |
36 |
35 |
37 .menuMid { |
36 .MenuDiv |
38 background-image: url(icons/menubg_fixed_center.png); |
37 { |
39 height: 65px; |
38 margin-left: -40px; |
40 } |
39 margin-right: 3px; |
41 .menuMid:active { |
40 margin-top: -16px; |
42 background-image: url(icons/menubg_fixed_center_pressed.png); |
41 padding: 0px; |
43 height: 65px; |
|
44 } |
42 } |
45 |
43 |
46 .menuBot { |
44 .MenuUl |
47 background-image: url(icons/menubg_fixed_bottom.png); |
45 { |
48 height: 79px; |
46 margin-bottom: 0px; |
49 } |
|
50 .menuBot:active { |
|
51 background-image: url(icons/menubg_fixed_bottom_pressed.png); |
|
52 height: 79px; |
|
53 } |
47 } |
54 |
48 |
55 .loadImagesTop { |
49 /* All list items, tabs and menu items. */ |
56 background-image: url(icons/menubg_fixed_top_pressed.png); |
50 .ContextMenu li |
57 visibility: hidden; |
51 { |
|
52 list-style-type: none; |
58 } |
53 } |
59 .loadImagesCenter { |
54 |
60 background-image: url(icons/menubg_fixed_center_pressed.png); |
55 /* |
61 visibility: hidden; |
56 .ContextMenu li:hover |
|
57 { |
|
58 background: -webkit-gradient(linear, left top, left bottom, from(#677fa8), to(#7692c2), color-stop(0.0, #aab)); |
62 } |
59 } |
63 .loadImagesBottom { |
60 */ |
64 background-image: url(icons/menubg_fixed_bottom_pressed.png); |
61 |
65 visibility: hidden; |
62 /* Tab items. */ |
|
63 .ContextMenu .TabsDiv ul li |
|
64 { |
|
65 display: inline-block; |
|
66 color: #fff; |
|
67 padding-top: 10px; |
|
68 padding-bottom: 10px; |
|
69 padding-left: 20px; |
|
70 padding-right: 16px; |
|
71 border-top: solid 3px #373f4f; |
|
72 border-left: solid 3px #373f4f; |
|
73 border-bottom: solid 3px #373f4f; |
|
74 margin-bottom: -2px; |
66 } |
75 } |
|
76 |
|
77 /* The first tab item. */ |
|
78 .ContextMenu .TabsDiv ul li:first-child |
|
79 { |
|
80 -webkit-border-top-left-radius: 7px; |
|
81 } |
|
82 |
|
83 /* The last tab item. */ |
|
84 .ContextMenu .TabsDiv ul li:last-child |
|
85 { |
|
86 -webkit-border-top-right-radius: 7px; |
|
87 border-right: solid 3px #373f4f; |
|
88 } |
|
89 |
|
90 /* Normal tabs, ie. not highlighted. */ |
|
91 .ViewContext_NormalTab { |
|
92 background: -webkit-gradient(linear, left top, left bottom, from(#a2acc5), to(#b5c0d8), color-stop(0.0, #aab)); |
|
93 } |
|
94 |
|
95 /* Hide the text in normal tabs. */ |
|
96 .ViewContext_NormalTab * a { |
|
97 display: none; |
|
98 } |
|
99 |
|
100 .ViewContext_NormalTab div { |
|
101 margin-top: 0px; |
|
102 } |
|
103 |
|
104 /* Highlighted tab. */ |
|
105 .ViewContext_HighlightedTab { |
|
106 background: -webkit-gradient(linear, left top, left bottom, from(#43577c), to(#2f3c58), color-stop(0.0, #aab)); |
|
107 -webkit-border-top-left-radius: 7px; |
|
108 -webkit-border-top-right-radius: 7px; |
|
109 } |
|
110 |
|
111 /* Make the highlighted tab slightly taller. */ |
|
112 .ViewContext_HighlightedTab div { |
|
113 margin-top: 6px; |
|
114 } |
|
115 |
|
116 /* Show text in higlighted tab. */ |
|
117 .ViewContext_HighlightedTab div * a { |
|
118 display: block; |
|
119 } |
|
120 |
|
121 .ViewContext_DisabledTab { |
|
122 color: #ddd; |
|
123 } |
|
124 |
|
125 /* Menu items. */ |
|
126 .ContextMenu .MenuDiv ul li |
|
127 { |
|
128 border-color: #374358; |
|
129 border-bottom: 1px solid #d0d5de; |
|
130 background: #fff; |
|
131 } |
|
132 |
|
133 /* Special case for regular menu Li (not row) */ |
|
134 .ContextMenu .MenuDiv ul li.RegularMenuLi |
|
135 { |
|
136 padding: 10px; |
|
137 } |
|
138 |
|
139 /* Special case for top-level menu Li (not row Li) */ |
|
140 .ContextMenu .MenuDiv ul li.MenuLi |
|
141 { |
|
142 border-right: 3px solid; |
|
143 border-left: 3px solid; |
|
144 } |
|
145 |
|
146 .ViewContext_DisabledMenuItem { |
|
147 color: #888; |
|
148 } |
|
149 |
|
150 /* If menu item has a row */ |
|
151 .ContextMenu .MenuDiv ul li ul.MenuRowUl |
|
152 { |
|
153 padding: 0px; |
|
154 margin: 0px; |
|
155 background: #f00; |
|
156 list-style-type: none; |
|
157 display: table; |
|
158 width: 100%; |
|
159 border: none; |
|
160 } |
|
161 |
|
162 .ContextMenu .MenuDiv ul li ul li.MenuRowLi |
|
163 { |
|
164 border: none; |
|
165 border-left: 1px solid #d0d5de; |
|
166 padding: 10px; |
|
167 margin: 0px; |
|
168 display: table-cell; |
|
169 } |
|
170 |
|
171 /* Last top-level menu item. */ |
|
172 .ContextMenu .MenuDiv ul li.MenuLi:last-child |
|
173 { |
|
174 -webkit-border-bottom-right-radius: 7px; |
|
175 -webkit-border-bottom-left-radius: 7px; |
|
176 border-bottom: 3px solid #374358; |
|
177 } |
|
178 |
|
179 /* Menu item during mouse over. */ |
|
180 .ContextMenu .MenuDiv ul li.MouseOverItem |
|
181 { |
|
182 background: #d8dfed; |
|
183 } |
|
184 |
|
185 /* Item icons. */ |
|
186 .ContextMenu ul li img |
|
187 { |
|
188 vertical-align: middle; |
|
189 } |
|
190 |
|
191 /* Item text. */ |
|
192 .ContextMenu ul li a |
|
193 { |
|
194 vertical-align: middle; |
|
195 margin-left: 10px; |
|
196 } |