UNPKG

21.7 kBCSSView Raw
1@charset "UTF-8";
2.fl-theme-bw {
3 --fl-fgColor: #000;
4 --fl-bgColor: #fff;
5}
6
7.fl-theme-wb {
8 --fl-fgColor: #fff;
9 --fl-bgColor: #000;
10}
11
12.fl-theme-yb {
13 --fl-fgColor: #ff0;
14 --fl-bgColor: #000;
15}
16
17.fl-theme-by {
18 --fl-fgColor: #000;
19 --fl-bgColor: #ff0;
20}
21
22.fl-theme-lgdg {
23 --fl-fgColor: #bdbdbb;
24 --fl-bgColor: #555;
25}
26
27.fl-theme-gd {
28 --fl-fgColor: #888;
29 --fl-bgColor: #222;
30 --fl-linkColor: #8080ff;
31 --fl-disabledColor: #c00;
32 --fl-selectedFgColor: #fff;
33 --fl-selectedBgColor: #008000;
34 --fl-buttonFgColor: #fff;
35 --fl-buttonBgColor: #000;
36}
37
38.fl-theme-gw {
39 --fl-fgColor: #6c6c6c;
40 --fl-bgColor: #fff;
41 --fl-linkColor: #66c;
42 --fl-disabledColor: #933;
43 --fl-selectedFgColor: #fff;
44 --fl-selectedBgColor: #404080;
45 --fl-buttonFgColor: #000;
46 --fl-buttonBgColor: #fff;
47}
48
49.fl-theme-bbr {
50 --fl-fgColor: #000;
51 --fl-bgColor: #b96;
52 --fl-linkColor: #009;
53 --fl-disabledColor: #600000;
54 --fl-selectedFgColor: #fff;
55 --fl-selectedBgColor: #000070;
56 --fl-buttonFgColor: #000;
57 --fl-buttonBgColor: #ffd18a;
58}
59
60[class*=fl-theme]:not(.fl-theme-prefsEditor-default) {
61 background-image: none !important;
62}
63[class*=fl-theme]:not(.fl-theme-prefsEditor-default),
64[class*=fl-theme]:not(.fl-theme-prefsEditor-default) *, .fl-preview-theme [class*=fl-theme]:not(.fl-theme-prefsEditor-default),
65[class*=fl-theme]:not(.fl-theme-prefsEditor-default) div,
66[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input,
67[class*=fl-theme]:not(.fl-theme-prefsEditor-default) h1,
68[class*=fl-theme]:not(.fl-theme-prefsEditor-default) h2,
69[class*=fl-theme]:not(.fl-theme-prefsEditor-default) h3,
70[class*=fl-theme]:not(.fl-theme-prefsEditor-default) h4,
71[class*=fl-theme]:not(.fl-theme-prefsEditor-default) h5,
72[class*=fl-theme]:not(.fl-theme-prefsEditor-default) h6 {
73 background-color: var(--fl-bgColor) !important;
74 border-bottom-color: var(--fl-fgColor) !important;
75 border-left-color: var(--fl-fgColor) !important;
76 border-right-color: var(--fl-fgColor) !important;
77 border-top-color: var(--fl-fgColor) !important;
78 color: var(--fl-fgColor) !important;
79}
80[class*=fl-theme]:not(.fl-theme-prefsEditor-default):disabled,
81[class*=fl-theme]:not(.fl-theme-prefsEditor-default) :disabled,
82[class*=fl-theme]:not(.fl-theme-prefsEditor-default) :disabled legend,
83[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=button]:disabled,
84[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=button]:disabled *,
85[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=reset]:disabled,
86[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=reset]:disabled *,
87[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=submit]:disabled,
88[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=submit]:disabled * {
89 color: var(--fl-disabledColor) !important;
90}
91[class*=fl-theme]:not(.fl-theme-prefsEditor-default)::selection,
92[class*=fl-theme]:not(.fl-theme-prefsEditor-default) ::selection {
93 background-color: var(--fl-selectedBgColor) !important;
94 color: var(--fl-selectedFgColor) !important;
95}
96[class*=fl-theme]:not(.fl-theme-prefsEditor-default) iframe {
97 border-bottom-color: var(--fl-fgColor) !important;
98 border-left-color: var(--fl-fgColor) !important;
99 border-right-color: var(--fl-fgColor) !important;
100 border-top-color: var(--fl-fgColor) !important;
101}
102[class*=fl-theme]:not(.fl-theme-prefsEditor-default) a,
103[class*=fl-theme]:not(.fl-theme-prefsEditor-default) a * {
104 background-color: var(--fl-bgColor) !important;
105 color: var(--fl-linkColor, var(--fl-fgColor)) !important;
106 font-weight: bold !important;
107}
108[class*=fl-theme]:not(.fl-theme-prefsEditor-default) button,
109[class*=fl-theme]:not(.fl-theme-prefsEditor-default) button *,
110[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=button],
111[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=button] *,
112[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=reset],
113[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=reset] *,
114[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=submit],
115[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=submit] *,
116[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-input-button,
117[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-input-button * {
118 background-color: var(--fl-buttonBgColor, var(--fl-bgColor)) !important;
119 color: var(--fl-buttonFgColor, var(--fl-fgColor)) !important;
120}
121[class*=fl-theme]:not(.fl-theme-prefsEditor-default) ::placeholder {
122 color: currentColor;
123 font-style: italic;
124}
125[class*=fl-theme]:not(.fl-theme-prefsEditor-default) th {
126 background-color: var(--fl-fgColor) !important;
127 border-bottom-color: var(--fl-fgColor) !important;
128 border-bottom-style: solid;
129 border-bottom-width: 0.1em;
130 border-left-color: var(--fl-fgColor) !important;
131 border-left-style: solid;
132 border-left-width: 0.1em;
133 border-right-color: var(--fl-fgColor) !important;
134 border-right-style: solid;
135 border-right-width: 0.1em;
136 border-top-color: var(--fl-fgColor) !important;
137 border-top-style: solid;
138 border-top-width: 0.1em;
139 color: var(--fl-bgColor) !important;
140}
141[class*=fl-theme]:not(.fl-theme-prefsEditor-default) td {
142 border-bottom-color: var(--fl-fgColor) !important;
143 border-bottom-style: solid;
144 border-bottom-width: 0.1em;
145 border-left-color: var(--fl-fgColor) !important;
146 border-left-style: solid;
147 border-left-width: 0.1em;
148 border-right-color: var(--fl-fgColor) !important;
149 border-right-style: solid;
150 border-right-width: 0.1em;
151 border-top-color: var(--fl-fgColor) !important;
152 border-top-style: solid;
153 border-top-width: 0.1em;
154}
155[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-focus:focus,
156[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-focus :focus, [class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-focus :focus,
157[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .selectable {
158 outline-color: var(--fl-fgColor);
159 outline-style: solid;
160 outline-width: 0.2em;
161}
162[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-reorderer-dropMarker {
163 background-color: #f00 !important;
164}
165[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inlineEdit-edit {
166 background-color: var(--fl-fgColor) !important;
167 border-bottom-color: var(--fl-bgColor) !important;
168 border-bottom-style: solid;
169 border-bottom-width: 0.1em;
170 border-left-color: var(--fl-bgColor) !important;
171 border-left-style: solid;
172 border-left-width: 0.1em;
173 border-right-color: var(--fl-bgColor) !important;
174 border-right-style: solid;
175 border-right-width: 0.1em;
176 border-top-color: var(--fl-bgColor) !important;
177 border-top-style: solid;
178 border-top-width: 0.1em;
179 color: var(--fl-bgColor) !important;
180 margin-bottom: -0.1em;
181 margin-left: -0.1em;
182 margin-right: -0.1em;
183 margin-top: -0.1em;
184 padding-bottom: 0.1em;
185 padding-left: 0.1em;
186 padding-right: 0.1em;
187 padding-top: 0.1em;
188}
189[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-textfieldStepper .fl-textfieldStepper-textField {
190 border: solid 1px var(--fl-fgColor);
191}
192[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-textfieldStepper .fl-textfieldStepper-button:disabled {
193 visibility: hidden;
194}
195[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-textfieldStepper .fl-textfieldStepper-focus {
196 outline-color: var(--fl-fgColor);
197}
198[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-highlight {
199 background-color: var(--fl-fgColor) !important;
200 color: var(--fl-bgColor) !important;
201 outline-color: var(--fl-fgColor);
202}
203[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-controller-playToggle {
204 text-shadow: unset;
205}
206[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-icon-orator::before {
207 background-color: var(--fl-bgColor);
208 color: var(--fl-fgColor);
209 text-shadow: unset;
210}
211[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-controller > *:not(:first-child):hover,
212[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-controller :hover .fl-orator-controller-playToggle,
213[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-controller :hover .fl-orator-controller-playToggle::before,
214[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control:hover,
215[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control:hover .fl-icon-orator::before,
216[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control:hover * {
217 background-color: var(--fl-fgColor) !important;
218 color: var(--fl-bgColor) !important;
219}
220[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control.fl-orator-selectionReader-above::after,
221[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control.fl-orator-selectionReader-above:hover::after,
222[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control.fl-orator-selectionReader-above::before {
223 border-top-color: var(--fl-fgColor);
224}
225[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control.fl-orator-selectionReader-below::after,
226[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control.fl-orator-selectionReader-below:hover::after,
227[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-orator-selectionReader-control.fl-orator-selectionReader-below::before {
228 border-bottom-color: var(--fl-fgColor);
229}
230[class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-inverted-color, [class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-inverted-color *, .fl-preview-theme [class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-inverted-color {
231 background-color: var(--fl-fgColor) !important;
232 border-bottom-color: var(--fl-bgColor) !important;
233 border-left-color: var(--fl-bgColor) !important;
234 border-right-color: var(--fl-bgColor) !important;
235 border-top-color: var(--fl-bgColor) !important;
236 color: var(--fl-bgColor) !important;
237}
238[class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-inverted-color.fl-focus :focus, [class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-inverted-color.fl-focus:focus,
239[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color.fl-focus :focus,
240[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color.fl-focus:focus, [class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-focus .fl-inverted-color :focus, [class*=fl-theme]:not(.fl-theme-prefsEditor-default).fl-focus .fl-inverted-color:focus,
241[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-focus .fl-inverted-color :focus,
242[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-focus .fl-inverted-color:focus {
243 outline-color: var(--fl-bgColor);
244 outline-style: solid;
245 outline-width: 0.2em;
246}
247[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color,
248[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color *,
249[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color div,
250[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input,
251[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color h1,
252[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color h2,
253[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color h3,
254[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color h4,
255[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color h5,
256[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color h6 {
257 background-color: var(--fl-fgColor) !important;
258 border-bottom-color: var(--fl-bgColor) !important;
259 border-left-color: var(--fl-bgColor) !important;
260 border-right-color: var(--fl-bgColor) !important;
261 border-top-color: var(--fl-bgColor) !important;
262 color: var(--fl-bgColor) !important;
263}
264[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color::selection,
265[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color ::selection {
266 background-color: var(--fl-selectedFgColor) !important;
267 color: var(--fl-selectedBgColor) !important;
268}
269[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color iframe {
270 border-bottom-color: var(--fl-bgColor) !important;
271 border-left-color: var(--fl-bgColor) !important;
272 border-right-color: var(--fl-bgColor) !important;
273 border-top-color: var(--fl-bgColor) !important;
274}
275[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color a,
276[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color a * {
277 background-color: var(--fl-linkColor, var(--fl-fgColor)) !important;
278 color: var(--fl-bgColor) !important;
279 font-weight: bold !important;
280}
281[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color button,
282[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color button *,
283[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input[type=button],
284[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input[type=button] *,
285[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input[type=reset],
286[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input[type=reset] *,
287[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input[type=submit],
288[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color input[type=submit] *,
289[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-input-button, [class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color.fl-input-button,
290[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-input-button *, [class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color.fl-input-button * {
291 background-color: var(--fl-buttonFgColor, var(--fl-fgColor)) !important;
292 color: var(--fl-buttonBgColor, var(--fl-bgColor)) !important;
293}
294[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color th {
295 background-color: var(--fl-bgColor) !important;
296 border-bottom-color: var(--fl-bgColor) !important;
297 border-bottom-style: solid;
298 border-bottom-width: 0.1em;
299 border-left-color: var(--fl-bgColor) !important;
300 border-left-style: solid;
301 border-left-width: 0.1em;
302 border-right-color: var(--fl-bgColor) !important;
303 border-right-style: solid;
304 border-right-width: 0.1em;
305 border-top-color: var(--fl-bgColor) !important;
306 border-top-style: solid;
307 border-top-width: 0.1em;
308 color: var(--fl-fgColor) !important;
309}
310[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color td {
311 border-bottom-color: var(--fl-bgColor) !important;
312 border-bottom-style: solid;
313 border-bottom-width: 0.1em;
314 border-left-color: var(--fl-bgColor) !important;
315 border-left-style: solid;
316 border-left-width: 0.1em;
317 border-right-color: var(--fl-bgColor) !important;
318 border-right-style: solid;
319 border-right-width: 0.1em;
320 border-top-color: var(--fl-bgColor) !important;
321 border-top-style: solid;
322 border-top-width: 0.1em;
323}
324[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-focus:focus,
325[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-focus :focus,
326[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .selectable {
327 outline-color: var(--fl-bgColor);
328 outline-style: solid;
329 outline-width: 0.2em;
330}
331[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-reorderer-dropMarker {
332 background-color: #f00 !important;
333}
334[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-inlineEdit-edit {
335 background-color: var(--fl-bgColor) !important;
336 border-bottom-color: var(--fl-fgColor) !important;
337 border-bottom-style: solid;
338 border-bottom-width: 0.1em;
339 border-left-color: var(--fl-fgColor) !important;
340 border-left-style: solid;
341 border-left-width: 0.1em;
342 border-right-color: var(--fl-fgColor) !important;
343 border-right-style: solid;
344 border-right-width: 0.1em;
345 border-top-color: var(--fl-fgColor) !important;
346 border-top-style: solid;
347 border-top-width: 0.1em;
348 color: var(--fl-fgColor) !important;
349 margin-bottom: -0.1em;
350 margin-left: -0.1em;
351 margin-right: -0.1em;
352 margin-top: -0.1em;
353 padding-bottom: 0.1em;
354 padding-left: 0.1em;
355 padding-right: 0.1em;
356 padding-top: 0.1em;
357}
358[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-highlight {
359 background-color: var(--fl-bgColor) !important;
360 color: var(--fl-fgColor) !important;
361 outline-color: var(--fl-bgColor);
362}
363[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-icon-orator::before {
364 background-color: var(--fl-fgColor);
365 color: var(--fl-bgColor);
366}
367[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-controller > *:not(:first-child):hover,
368[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-controller :hover .fl-orator-controller-playToggle::before {
369 background-color: var(--fl-bgColor) !important;
370 color: var(--fl-fgColor) !important;
371}
372[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control:hover,
373[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control:hover .fl-icon-orator::before,
374[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control:hover * {
375 background-color: var(--fl-bgColor) !important;
376 color: var(--fl-fgColor) !important;
377}
378[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control.fl-orator-selectionReader-above::after,
379[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control.fl-orator-selectionReader-above:hover::after,
380[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control.fl-orator-selectionReader-above::before {
381 border-top-color: var(--fl-bgColor);
382}
383[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control.fl-orator-selectionReader-below::after,
384[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control.fl-orator-selectionReader-below:hover::after,
385[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-orator-selectionReader-control.fl-orator-selectionReader-below::before {
386 border-bottom-color: var(--fl-bgColor);
387}
388[class*=fl-theme]:not(.fl-theme-prefsEditor-default) .fl-inverted-color .fl-textfieldStepper .fl-textfieldStepper-focus {
389 outline-color: var(--fl-bgColor);
390}
391[class*=fl-theme]:not(.fl-theme-prefsEditor-default) a.fl-inverted-color,
392[class*=fl-theme]:not(.fl-theme-prefsEditor-default) a.fl-inverted-color * {
393 background-color: var(--fl-linkColor, var(--fl-fgColor)) !important;
394 color: var(--fl-bgColor) !important;
395 font-weight: bold !important;
396}
397[class*=fl-theme]:not(.fl-theme-prefsEditor-default) button.fl-inverted-color,
398[class*=fl-theme]:not(.fl-theme-prefsEditor-default) button.fl-inverted-color *,
399[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=button].fl-inverted-color,
400[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=button].fl-inverted-color *,
401[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=reset].fl-inverted-color,
402[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=reset].fl-inverted-color *,
403[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=submit].fl-inverted-color,
404[class*=fl-theme]:not(.fl-theme-prefsEditor-default) input[type=submit].fl-inverted-color * {
405 background-color: var(--fl-buttonFgColor, var(--fl-fgColor)) !important;
406 color: var(--fl-buttonBgColor, var(--fl-bgColor)) !important;
407}
408
409/*
410 * General prefs editor styling used to apply preferences
411 * !important is used for all styles to ensure that Preferences Framework's enactors are able to override the page's default styles.
412 */
413@font-face {
414 font-family: "OpenDyslexic";
415 font-style: normal;
416 font-weight: normal;
417 src: url(../../../lib/open-dyslexic/fonts/OpenDyslexic-Regular.woff);
418}
419@font-face {
420 font-family: "OpenDyslexic";
421 font-style: normal;
422 font-weight: 600;
423 src: url(../../../lib/open-dyslexic/fonts/OpenDyslexic-Bold.woff);
424}
425@font-face {
426 font-family: "OpenDyslexic";
427 font-style: italic;
428 font-weight: normal;
429 src: url(../../../lib/open-dyslexic/fonts/OpenDyslexic-Italic.woff);
430}
431@font-face {
432 font-family: "OpenDyslexic";
433 font-style: italic;
434 font-weight: 600;
435 src: url(../../../lib/open-dyslexic/fonts/OpenDyslexic-BoldItalic.woff);
436}
437.fl-font-arial:not([class*=icon]),
438.fl-font-arial *:not([class*=icon]) {
439 font-family: Arial !important;
440}
441
442.fl-font-verdana:not([class*=icon]),
443.fl-font-verdana *:not([class*=icon]) {
444 font-family: Verdana !important;
445}
446
447.fl-font-times:not([class*=icon]),
448.fl-font-times *:not([class*=icon]) {
449 font-family: Georgia, Times, Times New Roman, serif !important;
450}
451
452.fl-font-comic-sans:not([class*=icon]),
453.fl-font-comic-sans *:not([class*=icon]) {
454 font-family: Comic Sans MS, sans-serif !important;
455}
456
457.fl-font-open-dyslexic:not([class*=icon]),
458.fl-font-open-dyslexic *:not([class*=icon]) {
459 font-family: OpenDyslexic, sans-serif !important;
460}
461
462.fl-input-enhanced button,
463.fl-input-enhanced input,
464.fl-input-enhanced select,
465.fl-input-enhanced textarea,
466.fl-input-enhanced .fl-input-enhance {
467 font-size: 125% !important;
468}
469
470.fl-input-enhanced a {
471 font-size: 125% !important;
472 font-weight: bold !important;
473 text-decoration: underline !important;
474}
475
476.fl-syllabification-separator::before {
477 content: "‧";
478}
479
480.fl-syllabification-softHyphenPlaceholder::before {
481 content: "­";
482}
\No newline at end of file