LiquidProxy Lua Edition
1/* I did not make this. Saurik did it. Thanks! */
2panel > input[type="submit"],
3fieldset > a > div > div > input[type="checkbox"],
4fieldset > a > div > div > select {
5 -moz-appearance: none;
6 -webkit-appearance: none;
7}
8fieldset > div,
9panel > block,
10fieldset > a > div > div > label.detail {
11 -webkit-user-select: text;
12 user-select: text;
13 -moz-user-select: element;
14 -ms-user-select: element;
15 user-select: element;
16}
17fieldset > a[href] {
18 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19 -webkit-tap-highlight-color: transparent;
20}
21* {
22 border: 0;
23 -webkit-border-radius: 0;
24 -moz-border-radius: 0;
25 -ms-border-radius: 0;
26 -o-border-radius: 0;
27 border-radius: 0;
28 color: inherit;
29 font-family: inherit;
30 font-size: inherit;
31 font-style: inherit;
32 font-weight: inherit;
33 margin: 0;
34 outline: 0;
35 padding: 0;
36 text-decoration: none;
37 vertical-align: baseline;
38}
39.clearfix:after,
40fieldset > a > div > div:after {
41 content: ".";
42 display: block;
43 clear: both;
44 visibility: hidden;
45 line-height: 0;
46 height: 0;
47}
48.clearfix,
49fieldset > a > div > div {
50 display: block;
51}
52* {
53 -moz-box-sizing: border-box;
54 -ms-box-sizing: border-box;
55 -webkit-box-sizing: border-box;
56 box-sizing: border-box;
57}
58img {
59 -ms-interpolation-mode: bicubic;
60 image-rendering: auto;
61 image-rendering: optimizeQuality;
62}
63img.crisp {
64 -ms-interpolation-mode: nearest-neighbor;
65 image-rendering: optimizeSpeed;
66 image-rendering: -webkit-optimize-contrast;
67 image-rendering: -o-crisp-edges;
68 image-rendering: -moz-crisp-edges;
69 image-rendering: crisp-edges;
70}
71strong {
72 font-weight: bold;
73}
74em {
75 font-style: italic;
76}
77sup {
78 font-size: smaller;
79 position: relative;
80 top: -6px;
81 margin-top: -6px;
82}
83pre {
84 font-family: monospace;
85}
86body {
87 font-family: Helvetica, Arial;
88 -webkit-text-size-adjust: none;
89 -webkit-touch-callout: none;
90 -webkit-user-select: none;
91 width: 320px;
92 margin: 0 auto;
93}
94body.white {
95 background-color: #fff;
96}
97body.pinstripe {
98 background: #c7ced5
99 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAFElEQVQIHWM4euYKErp0+tINIAIAuHQQ4rDrv5YAAAAASUVORK5CYII=");
100}
101.default {
102 color: #aab;
103}
104div.cy-table {
105 margin: 0 auto;
106 max-width: 568px;
107}
108panel {
109 display: block;
110 margin: 0 auto;
111}
112panel > block {
113 display: block;
114 border: 1px dashed #999;
115 -webkit-border-radius: 9px;
116 -moz-border-radius: 9px;
117 -ms-border-radius: 9px;
118 -o-border-radius: 9px;
119 border-radius: 9px;
120 background-color: rgba(255, 255, 255, 0.5);
121 margin: 9px;
122}
123panel > fieldset {
124 display: block;
125 background-color: #fff;
126 border: 1px solid #999;
127 -webkit-border-radius: 9px;
128 -moz-border-radius: 9px;
129 -ms-border-radius: 9px;
130 -o-border-radius: 9px;
131 border-radius: 9px;
132 margin: 9px;
133 font-size: 16px;
134 position: relative;
135 max-width: 302px;
136}
137panel > fieldset.terminal {
138 background-color: #000;
139 color: #fff;
140 font-family: monospace;
141 font-size: 14px;
142 font-weight: bold;
143 padding: 10px;
144}
145panel > label {
146 display: block;
147 margin: 9px;
148 position: relative;
149 top: 4px;
150 padding-left: 11px;
151 color: #4d4d70;
152 text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
153 font-weight: bold;
154}
155panel > footer {
156 display: block;
157 margin: 9px;
158 color: #4d4d70;
159 font-size: 12px;
160 text-align: center;
161}
162panel > iframe {
163 display: block;
164 margin: -9px 0;
165}
166panel > iframe:first-child,
167panel > iframe + iframe {
168 margin-top: 0;
169}
170panel > div a {
171 color: #586c90;
172 font-weight: bold;
173 text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
174}
175panel > input[type="submit"] {
176 display: block;
177 background-color: #fff;
178 border: 1px solid blue;
179 -webkit-border-radius: 9px;
180 -moz-border-radius: 9px;
181 -ms-border-radius: 9px;
182 -o-border-radius: 9px;
183 border-radius: 9px;
184 color: blue;
185 font-size: 20px;
186 font-weight: bold;
187 text-align: center;
188 margin: 9px auto;
189 padding: 10px 14px;
190 width: 302px;
191}
192panel > input[type="submit"]:active {
193 background-color: blue;
194 color: #fff;
195}
196fieldset > div,
197panel > block {
198 font-size: 16px;
199 padding: 0 13px;
200}
201fieldset > div > *,
202panel > block > * {
203 margin-top: 9px;
204 margin-bottom: 9px;
205}
206fieldset > div > p,
207panel > block > p {
208 text-align: center;
209}
210fieldset > div > ul,
211panel > block > ul {
212 list-style-position: inside;
213}
214fieldset > div > hr,
215panel > block > hr {
216 border-top: 1px dashed #999;
217}
218fieldset > div a,
219panel > block a {
220 color: blue;
221}
222fieldset > a,
223fieldset > div,
224fieldset > textarea {
225 display: block;
226 position: relative;
227}
228panel > fieldset > a,
229panel > fieldset > div,
230panel > fieldset > textarea {
231 border-bottom: 1px solid #999;
232}
233div.cy-table > fieldset > a,
234div.cy-table > fieldset > div,
235div.cy-table > fieldset > textarea {
236 border-bottom: 1px solid #e0e0e0;
237}
238fieldset > a:last-child,
239fieldset > a.left:nth-last-child(2),
240fieldset > div:last-child,
241fieldset > div.left:nth-last-child(2),
242fieldset > textarea:last-child,
243fieldset > textarea.left:nth-last-child(2) {
244 border-bottom: 0;
245}
246panel > fieldset > a:first-child,
247panel > fieldset > div:first-child,
248panel > fieldset > textarea:first-child {
249 -moz-border-radius-topleft: 8px;
250 -webkit-border-top-left-radius: 8px;
251 border-top-left-radius: 8px;
252 -moz-border-radius-topright: 8px;
253 -webkit-border-top-right-radius: 8px;
254 border-top-right-radius: 8px;
255}
256panel > fieldset > a.left:first-child,
257panel > fieldset > div.left:first-child,
258panel > fieldset > textarea.left:first-child {
259 -moz-border-radius-topright: 0;
260 -webkit-border-top-right-radius: 0;
261 border-top-right-radius: 0;
262}
263panel > fieldset > a.right:nth-child(2),
264panel > fieldset > div.right:nth-child(2),
265panel > fieldset > textarea.right:nth-child(2) {
266 -moz-border-radius-topright: 8px;
267 -webkit-border-top-right-radius: 8px;
268 border-top-right-radius: 8px;
269}
270panel > fieldset > a:last-child,
271panel > fieldset > div:last-child,
272panel > fieldset > textarea:last-child {
273 -moz-border-radius-bottomleft: 8px;
274 -webkit-border-bottom-left-radius: 8px;
275 border-bottom-left-radius: 8px;
276 -moz-border-radius-bottomright: 8px;
277 -webkit-border-bottom-right-radius: 8px;
278 border-bottom-right-radius: 8px;
279}
280panel > fieldset > a.left:nth-last-child(2),
281panel > fieldset > div.left:nth-last-child(2),
282panel > fieldset > textarea.left:nth-last-child(2) {
283 -moz-border-radius-bottomleft: 8px;
284 -webkit-border-bottom-left-radius: 8px;
285 border-bottom-left-radius: 8px;
286}
287panel > fieldset > a.right:last-child,
288panel > fieldset > div.right:last-child,
289panel > fieldset > textarea.right:last-child {
290 -moz-border-radius-bottomleft: 0;
291 -webkit-border-bottom-left-radius: 0;
292 border-bottom-left-radius: 0;
293}
294fieldset > img.close {
295 position: absolute;
296 z-index: 1;
297 top: -11px;
298 left: -11px;
299 content: url(closebox@2x.png);
300 width: 30px;
301 height: 29px;
302}
303fieldset > a > div > div > label > p {
304 display: inline;
305 text-rendering: optimizeLegibility;
306}
307fieldset > a > div > div > label:first-child {
308 font-weight: bold;
309}
310fieldset > a > div > div > label.detail {
311 display: inline-block;
312 float: right;
313 text-align: right;
314}
315fieldset > a > div > div > label.price {
316 display: inline-block;
317 float: right;
318 background-color: #2463de;
319 -webkit-border-radius: 9px;
320 -moz-border-radius: 9px;
321 -ms-border-radius: 9px;
322 -o-border-radius: 9px;
323 border-radius: 9px;
324 color: #fff;
325 padding: 0.2em 0.4em;
326 margin: -0.2em -0.4em;
327}
328fieldset > a > div > div > label.verbose {
329 display: inline-block;
330 float: right;
331 font-size: 10px;
332 position: relative;
333 margin: -3.5px;
334 text-align: center;
335}
336fieldset > a > div > div > label.lower {
337 display: block;
338 font-size: 13px;
339}
340fieldset > a > div > div > label.url {
341 display: block;
342 font-size: 14px;
343 font-style: italic;
344 word-wrap: break-word;
345}
346fieldset > a > span.extra {
347 position: absolute;
348 -moz-border-radius-bottomleft: 7px;
349 -webkit-border-bottom-left-radius: 7px;
350 border-bottom-left-radius: 7px;
351 padding: 0.2em 0.4em;
352 background-color: #999;
353 color: #fff;
354 font-size: 12px;
355 font-weight: bold;
356}
357panel > fieldset > a > span.extra {
358 top: -1px;
359 right: -1px;
360}
361div.cy-table > fieldset > a > span.extra {
362 top: 0px;
363 right: 0px;
364}
365fieldset > a > span.badge {
366 position: absolute;
367 bottom: 0px;
368 right: 0px;
369 -moz-border-radius-topleft: 7px;
370 -webkit-border-top-left-radius: 7px;
371 border-top-left-radius: 7px;
372 padding: 0.2em 0.4em;
373 background-color: #da0812;
374 color: #fff;
375 font-size: 11px;
376 font-weight: bold;
377}
378panel > fieldset > a:first-child > span.extra {
379 -moz-border-radius-topright: 9px;
380 -webkit-border-top-right-radius: 9px;
381 border-top-right-radius: 9px;
382}
383panel > fieldset > a:last-child > span.badge {
384 -moz-border-radius-bottomright: 8px;
385 -webkit-border-bottom-right-radius: 8px;
386 border-bottom-right-radius: 8px;
387}
388fieldset {
389 clear: both;
390}
391fieldset.more {
392 clear: none;
393 margin-right: 9px;
394}
395fieldset.half > a > div > div label,
396fieldset.more > a > div > div label {
397 margin-right: -10px;
398}
399fieldset > a > img.icon {
400 position: absolute;
401 height: auto;
402 max-height: 30px;
403 width: 30px;
404 min-width: 30px;
405 margin: 5px 5px;
406}
407fieldset > a > img.icon + div {
408 margin-left: 40px;
409}
410fieldset > a > img.icon + div > div {
411 min-height: 40px;
412}
413fieldset > a > div {
414 margin-left: 14px;
415}
416fieldset > a > div > div {
417 padding: 10px 14px 10px 0;
418}
419fieldset > a[type="profile"] > img.icon {
420 position: absolute;
421 height: 50px;
422 width: 50px;
423 background-repeat: no-repeat;
424 background-position: center center;
425 max-height: none;
426 min-width: none;
427 margin: 0;
428}
429panel > fieldset > a[type="profile"] > img.icon {
430 -moz-border-radius-topleft: 8px;
431 -webkit-border-top-left-radius: 8px;
432 border-top-left-radius: 8px;
433 -moz-border-radius-bottomleft: 8px;
434 -webkit-border-bottom-left-radius: 8px;
435 border-bottom-left-radius: 8px;
436}
437fieldset > a[type="profile"] > img.icon + div {
438 margin-left: 50px;
439 border-left: 1px solid #999;
440}
441fieldset > a[type="profile"] > img.icon + div > div {
442 min-height: 50px;
443}
444fieldset > a[type="profile"] > div > div {
445 padding: 6px;
446}
447fieldset > a[type="thumb"] > img.icon {
448 position: absolute;
449 height: 64px;
450 width: 64px;
451 background-repeat: no-repeat;
452 background-position: center center;
453 max-height: none;
454 min-width: none;
455 margin: 0;
456}
457panel > fieldset > a[type="thumb"] > img.icon {
458 -moz-border-radius-topleft: 8px;
459 -webkit-border-top-left-radius: 8px;
460 border-top-left-radius: 8px;
461 -moz-border-radius-bottomleft: 8px;
462 -webkit-border-bottom-left-radius: 8px;
463 border-bottom-left-radius: 8px;
464}
465fieldset > a[type="thumb"] > img.icon + div {
466 margin-left: 64px;
467 border-left: 1px solid #999;
468}
469fieldset > a[type="thumb"] > img.icon + div > div {
470 min-height: 64px;
471}
472fieldset > a[type="thumb"] > div > div {
473 padding: 13px;
474}
475div.cy-table > label {
476 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAYAAADKmiUPAAAASklEQVQIHQ3BoRECARDAwCR3RT3t0ACWUhkEEoFgKIHf5Xq7vzuOC32+P1JpRlqjE7VLUzRKM1EzdKItKiklR9qWVEoJpYRezwd/hakIzN7IcU4AAAAASUVORK5CYII=");
477 background-repeat: repeat-x no-repeat-y;
478 -webkit-background-size: 1px 23px;
479 background-size: 1px 23px;
480 height: 23px;
481 padding: 1px 5px;
482 display: block;
483 color: #fff;
484 font-weight: bold;
485 text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0;
486}
487@media screen and (-webkit-min-device-pixel-ratio: 2) {
488 div.cy-table > label {
489 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAuCAYAAAAC2MhpAAAAcklEQVQYV33OPQ6AIAwF4P5wBOIRNF7NG7h6UXVxc0DjwqShgIYGmb70vQJmGKcNnmMaayGg71qBOy/B7g4BIdaAyBGsIorgn3WiAjliyk8kQJ5AGWlQ7FDagryl7gEgNdGdMvpMFN4/1zsJ87oIvPcBN23ED1QZEXz1AAAAAElFTkSuQmCC");
490 }
491}
492fieldset > .right {
493 border-left: 1px solid #999;
494}
495fieldset > .left,
496fieldset > .right {
497 display: inline-block;
498 width: 50%;
499}
500fieldset.half {
501 float: left;
502}
503panel > fieldset.half {
504 min-width: 146.5px;
505 margin-top: 0;
506}
507div.cy-table > fieldset.half {
508 width: 160px;
509}
510div.cy-table > fieldset.half > a {
511 border-right-width: 1px;
512 border-right-style: solid;
513}
514fieldset > a[href] > div {
515 padding-right: 14px;
516}
517fieldset > a > div > div > select,
518fieldset > a[href] > div > div {
519 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAUElEQVQoz2NggIKysrI6EGbAB6CK/kNxHT6FLUgKQbiaaorb0RRXUK4YKCENxG+RFD4BYiFsim6jKVKhnSIWID6CVxGSYhWoAtyK0BTjVAQA7b9/uRuNojcAAAAASUVORK5CYII=");
520 background-position: right center;
521 background-repeat: no-repeat;
522 padding-right: 24px;
523 -webkit-background-size: 10px 13px;
524 background-size: 10px 13px;
525}
526@media screen and (-webkit-min-device-pixel-ratio: 2) {
527 fieldset > a > div > div > select,
528 fieldset > a[href] > div > div {
529 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAn0lEQVRIx73VUQqAIBAEUCm6WWIQ/hZBh+nmtkGGyKKzuiTMj8FD1sFMCMHkoTVTVu5bLRxmKdcbMVrCmtAUcwwmRiM2Uc4CCKPpCVXQfIbdKHfLXSi/CaKUAQIF6EYZIbAVrdcAQ/eIYmUVoJrgAYESTOtSvvn9VxsQ81CxUUzzcfDFuWti0ge2iuUnXHoxboauB0N+oyKs1EPbgj25AROsvvXJNxxhAAAAAElFTkSuQmCC");
530 }
531}
532fieldset.dark > a > div > div > select,
533fieldset.dark > a[href] > div > div {
534 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAUElEQVQoz2NggILOzs46EGbAB6CK/kNxHT6FLUgKQbiaaorb0RRXUK4YKCENxG+RFD4BYiFsim6jKVKhnSIWID6CVxGSYhWoAtyK0BTjVAQADpCNh/CoZr0AAAAASUVORK5CYII=");
535}
536@media screen and (-webkit-min-device-pixel-ratio: 2) {
537 fieldset.dark > a > div > div > select,
538 fieldset.dark > a[href] > div > div {
539 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAnElEQVRIx73U0QqAIAwFUCn6s6Qgei2CPqY/N4MMkU2u2+jhgi44hk5dCMERGWMW5ls1VNHHXG+a0RomQvPJRGDNaBoMMWcFhNF8YoKWBTVKFVUotxKKdiiIoltMj4IiFOktBN0Tit4AGLUEDxSEMatD+fbv17ZBsBVtbBQzexxYrATVWA6aYOUfzlqM2sNJg3Gn7KVYrQ+9BHtyAx0sbnA+jpPNAAAAAElFTkSuQmCC");
540 }
541}
542fieldset > a > div > div > input[type="checkbox"] {
543 margin-right: -4px;
544 border: 1px solid #999;
545 -webkit-border-radius: 7px;
546 -moz-border-radius: 7px;
547 -ms-border-radius: 7px;
548 -o-border-radius: 7px;
549 border-radius: 7px;
550 float: right;
551 height: 1.25em;
552 width: 1.25em;
553}
554fieldset > a > div > div > input[type="checkbox"]:checked {
555 background-color: #000;
556}
557fieldset > a > div > div > input[type="password"],
558fieldset > a > div > div > input[type="text"] {
559 float: right;
560 text-align: right;
561}
562fieldset > a > div > div > select {
563 background-color: transparent;
564 text-align: right;
565 direction: rtl;
566 float: right;
567 min-width: 100px;
568 text-indent: 0.01px;
569 text-overflow: "";
570}
571fieldset > a > div > div > select::-ms-expand {
572 display: none;
573}
574fieldset > a > div > div > select > option {
575 direction: ltr;
576}
577fieldset > textarea {
578 padding: 10px;
579 width: 100%;
580 min-width: 300px;
581}
582fieldset > textarea.left,
583fieldset > textarea.right {
584 min-width: 150px;
585}
586fieldset > a > div > div > label + label,
587fieldset > a > div > div > input,
588fieldset > a > div > div > select,
589fieldset > textarea {
590 color: #193250;
591}
592fieldset > a.cytyle-up {
593 -webkit-transition: background 0.3s ease-in;
594}
595fieldset > a.cytyle-up p {
596 -webkit-transition: color 0.3s ease-in;
597}
598fieldset > a.cytyle-dn,
599fieldset > a.cytyle-in {
600 background-color: #0374e2 !important;
601 background-image: -moz-linear-gradient(
602 top,
603 #058cdf 0%,
604 #015de6 100%
605 ) !important;
606 background-image: -webkit-gradient(
607 linear,
608 left top,
609 left bottom,
610 color-stop(0%, #058cdf),
611 color-stop(100%, #015de6)
612 ) !important;
613 background-image: -webkit-linear-gradient(
614 top,
615 #058cdf 0%,
616 #015de6 100%
617 ) !important;
618 background-image: -ms-linear-gradient(
619 top,
620 #058cdf 0%,
621 #015de6 100%
622 ) !important;
623 background-image: linear-gradient(
624 to bottom,
625 #058cdf 0%,
626 #015de6 100%
627 ) !important;
628}
629fieldset > a.cytyle-dn label,
630fieldset > a.cytyle-dn span,
631fieldset > a.cytyle-in label,
632fieldset > a.cytyle-in span {
633 background: none !important;
634}
635fieldset > a.cytyle-dn[href] > div > div,
636fieldset > a.cytyle-in[href] > div > div {
637 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAUElEQVQoz2NggILOzs46EGbAB6CK/kNxHT6FLUgKQbiaaorb0RRXUK4YKCENxG+RFD4BYiFsim6jKVKhnSIWID6CVxGSYhWoAtyK0BTjVAQADpCNh/CoZr0AAAAASUVORK5CYII=");
638}
639@media screen and (-webkit-min-device-pixel-ratio: 2) {
640 fieldset > a.cytyle-dn[href] > div > div,
641 fieldset > a.cytyle-in[href] > div > div {
642 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAnElEQVRIx73U0QqAIAwFUCn6s6Qgei2CPqY/N4MMkU2u2+jhgi44hk5dCMERGWMW5ls1VNHHXG+a0RomQvPJRGDNaBoMMWcFhNF8YoKWBTVKFVUotxKKdiiIoltMj4IiFOktBN0Tit4AGLUEDxSEMatD+fbv17ZBsBVtbBQzexxYrATVWA6aYOUfzlqM2sNJg3Gn7KVYrQ+9BHtyAx0sbnA+jpPNAAAAAElFTkSuQmCC");
643 }
644}
645fieldset > a.cytyle-dn p,
646fieldset > a.cytyle-dn p span,
647fieldset > a.cytyle-in p,
648fieldset > a.cytyle-in p span {
649 color: #fff !important;
650}
651p,
652input[type="password"],
653input[type="text"],
654select {
655 line-height: 1.25;
656 position: relative;
657}
658panel > block p,
659fieldset > div > p {
660 margin-left: -0.0625em;
661 margin-right: -0.0625em;
662}
663fieldset > a > div > div > label:first-child,
664fieldset > a > div > div > label.lower,
665fieldset > a > div > div > label.url {
666 left: -0.0625em;
667}