Statistics
| Branch: | Revision:

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
}