blinker / firefox.plugin / data / style / modules / piemenu.css @ 76dd22bd
History | View | Annotate | Download (4.586 KB)
1 |
.gaze-piemenu, .gaze-piemenu-submenu { |
---|---|
2 |
position: absolute; |
3 |
top: 50%; |
4 |
|
5 |
z-index: 2000000132; |
6 |
width: 300px; |
7 |
height: 300px; |
8 |
background: #3F3F3F; |
9 |
border-radius: 50%; |
10 |
display: none; |
11 |
} |
12 |
|
13 |
body.openedPieMenuKeyboard .gaze-piemenu { |
14 |
width: 350px !important; |
15 |
height: 350px !important; |
16 |
right: 30px !important; |
17 |
left: auto !important; |
18 |
top: calc(50% - 175px) !important; |
19 |
background: #862781; |
20 |
} |
21 |
|
22 |
body.openedPieMenuKeyboard .gaze-piemenu .piemenu-2-1 { |
23 |
display: none; |
24 |
} |
25 |
body.openedPieMenuKeyboard .gaze-piemenu .piemenu-2-2 { |
26 |
left: 3%; |
27 |
} |
28 |
|
29 |
.gaze-piemenu-background {
|
30 |
position: absolute; |
31 |
top: 3%; |
32 |
left: 3%; |
33 |
right: 3%; |
34 |
bottom: 3%; |
35 |
border-radius: 50%; |
36 |
border: 1px solid #fff; |
37 |
pointer-events: none; |
38 |
} |
39 |
|
40 |
.gaze-piemenu .gaze-piemenu-content { |
41 |
position: absolute; |
42 |
left: 0; |
43 |
right: 0; |
44 |
top: 0; |
45 |
bottom: 0; |
46 |
} |
47 |
|
48 |
.gaze-piemenu .gaze-piemenu-content > div { |
49 |
position: absolute; |
50 |
color: #fff; |
51 |
} |
52 |
|
53 |
.gaze-piemenu .gaze-piemenu-content > div > div { |
54 |
position: absolute; |
55 |
top: 0; |
56 |
right: 0; |
57 |
left: 0; |
58 |
bottom: 0; |
59 |
display: flex; |
60 |
justify-content: center; |
61 |
align-items: center; |
62 |
} |
63 |
|
64 |
|
65 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 { |
66 |
left: 3%; |
67 |
right: 50%; |
68 |
top:0; |
69 |
bottom: 0; |
70 |
border-right: 2px solid #000; |
71 |
} |
72 |
|
73 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 { |
74 |
right: 3%; |
75 |
left: 50%; |
76 |
top:0; |
77 |
bottom: 0; |
78 |
} |
79 |
|
80 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 .gazeOk, |
81 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 .gazeCancel, |
82 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 #choicebox-check, |
83 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 #choicebox-uncheck { |
84 |
text-indent: 100%; |
85 |
white-space: nowrap; |
86 |
overflow: hidden; |
87 |
} |
88 |
|
89 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 .gazeOk p, |
90 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 .gazeCancel p, |
91 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 #choicebox-check p, |
92 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 #choicebox-uncheck p { |
93 |
display: none; |
94 |
} |
95 |
|
96 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 .gazeOk:after, |
97 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-2 #choicebox-check:after { |
98 |
content: "\2611"; |
99 |
font-size: 4rem; |
100 |
text-indent: 0; |
101 |
white-space: wrap; |
102 |
} |
103 |
|
104 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 .gazeCancel:after, |
105 |
.gaze-piemenu .gaze-piemenu-content .piemenu-2-1 #choicebox-uncheck:after { |
106 |
content: "\2612"; |
107 |
font-size: 4rem; |
108 |
text-indent: 0; |
109 |
white-space: wrap; |
110 |
} |
111 |
|
112 |
.gaze-piemenu .gaze-piemenu-content .piemenu-4-1 { |
113 |
left: 3%; |
114 |
right: 50%; |
115 |
top: 3%; |
116 |
bottom: 50%; |
117 |
border-right: 2px solid #000; |
118 |
border-bottom: 2px solid #000; |
119 |
} |
120 |
|
121 |
.gaze-piemenu .gaze-piemenu-content .piemenu-4-2 { |
122 |
left: 50%; |
123 |
right: 3%; |
124 |
top: 3%; |
125 |
bottom: 50%; |
126 |
border-bottom: 2px solid #000; |
127 |
} |
128 |
|
129 |
.gaze-piemenu .gaze-piemenu-content .piemenu-4-3 { |
130 |
left: 3%; |
131 |
right: 50%; |
132 |
top: 50%; |
133 |
bottom: 3%; |
134 |
border-right: 2px solid #000; |
135 |
} |
136 |
|
137 |
.gaze-piemenu .gaze-piemenu-content .piemenu-4-4 { |
138 |
left: 50%; |
139 |
right: 3%; |
140 |
top: 50%; |
141 |
bottom: 3%; |
142 |
} |
143 |
|
144 |
.gaze-piemenu .gaze-piemenu-content .piemenu-5-1 { |
145 |
left: 3%; |
146 |
right: 66%; |
147 |
top: 3%; |
148 |
bottom: 50%; |
149 |
border-right: 2px solid #000; |
150 |
border-bottom: 2px solid #000; |
151 |
} |
152 |
|
153 |
.gaze-piemenu .gaze-piemenu-content .piemenu-5-2 { |
154 |
left: 33%; |
155 |
right: 33%; |
156 |
top: 3%; |
157 |
bottom: 50%; |
158 |
border-bottom: 2px solid #000; |
159 |
border-right: 2px solid #000; |
160 |
} |
161 |
|
162 |
.gaze-piemenu .gaze-piemenu-content .piemenu-5-3 { |
163 |
left: 66%; |
164 |
right: 3%; |
165 |
top: 3%; |
166 |
bottom: 50%; |
167 |
border-bottom: 2px solid #000; |
168 |
} |
169 |
|
170 |
.gaze-piemenu .gaze-piemenu-content .piemenu-5-4 { |
171 |
left: 3%; |
172 |
right: 66%; |
173 |
top: 50%; |
174 |
bottom: 3%; |
175 |
border-right: 2px solid #000; |
176 |
} |
177 |
|
178 |
.gaze-piemenu .gaze-piemenu-content .piemenu-5-5 { |
179 |
left: 33%; |
180 |
right: 33%; |
181 |
top: 50%; |
182 |
bottom: 3%; |
183 |
border-right: 2px solid #000; |
184 |
} |
185 |
|
186 |
.gaze-piemenu .gaze-piemenu-content .piemenu-6-1 { |
187 |
left: 3%; |
188 |
right: 66%; |
189 |
top: 3%; |
190 |
bottom: 50%; |
191 |
border-right: 2px solid #000; |
192 |
border-bottom: 2px solid #000; |
193 |
} |
194 |
|
195 |
.gaze-piemenu .gaze-piemenu-content .piemenu-6-2 { |
196 |
left: 33%; |
197 |
right: 33%; |
198 |
top: 3%; |
199 |
bottom: 50%; |
200 |
border-bottom: 2px solid #000; |
201 |
border-right: 2px solid #000; |
202 |
} |
203 |
|
204 |
.gaze-piemenu .gaze-piemenu-content .piemenu-6-3 { |
205 |
left: 66%; |
206 |
right: 3%; |
207 |
top: 3%; |
208 |
bottom: 50%; |
209 |
border-bottom: 2px solid #000; |
210 |
} |
211 |
|
212 |
.gaze-piemenu .gaze-piemenu-content .piemenu-6-4 { |
213 |
left: 3%; |
214 |
right: 66%; |
215 |
top: 50%; |
216 |
bottom: 3%; |
217 |
border-right: 2px solid #000; |
218 |
} |
219 |
|
220 |
.gaze-piemenu .gaze-piemenu-content .piemenu-6-5 { |
221 |
left: 33%; |
222 |
right: 33%; |
223 |
top: 50%; |
224 |
bottom: 3%; |
225 |
border-right: 2px solid #000; |
226 |
} |
227 |
|
228 |
.gaze-piemenu .gaze-piemenu-content .piemenu-6-6 { |
229 |
left: 66%; |
230 |
right: 3%; |
231 |
top: 50%; |
232 |
bottom: 3%; |
233 |
} |