Adjust HTML for better iOS mobile app support.
[pwl6.git] / src / pwl6.css
1 html, body {
2 background-color: black;
3 }
4
5 .yuu-toast {
6 background-color: hsla(276, 33%, 10%, 1.0);
7 border: solid hsla(276, 33%, 48%, 1.0) 2px;
8 color: hsla(276, 33%, 95%, 1.0);
9 }
10
11 .yuu-overlay {
12 background-color: hsla(276, 33%, 10%, 0.9);
13 border: solid hsla(276, 33%, 48%, 1.0) 2px;
14 color: hsla(276, 33%, 95%, 1.0);
15 }
16
17 .yuu-overlay *:focus {
18 box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
19 -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
20 -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
21 outline: none;
22 }
23
24 input[type=range][data-yuu-command] {
25 background-color: hsla(276, 33%, 25%, 1.0);
26 border: solid hsla(276, 33%, 48%, 0.33) 1px;
27 }
28
29 input[type=range][data-yuu-command]::-webkit-slider-thumb {
30 background-color: hsla(276, 33%, 65%, 1.0);
31 }
32
33 input[type=range][data-yuu-command]::-moz-range-track {
34 background-color: hsla(276, 33%, 25%, 1.0);
35 }
36
37 input[type=range][data-yuu-command]::-moz-range-thumb {
38 background: hsla(276, 33%, 65%, 1.0);
39 }
40
41 input[type=checkbox][data-yuu-command]:focus + label[for] {
42 box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
43 -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
44 -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
45 outline: 0;
46 }
47
48 input[data-yuu-command] + label[for]:before {
49 color: hsla(276, 33%, 65%, 1.0);
50 }
51
52 a[href], [data-yuu-command] {
53 color: hsla(276, 33%, 65%, 1.0);
54 }
55
56 hr {
57 border: solid hsla(276, 33%, 48%, 0.75) 1px;
58 }
59
60 .link-footer {
61 list-style-type: none;
62 text-align: center;
63 margin-left: 0;
64 padding-left: 0;
65 }