views/style.css (view raw)
1body {
2 background: #305;
3 color: #dde;
4 font-size: 1em;
5 word-wrap: break-word;
6}
7a {
8 color: #dde;
9}
10form {
11 font-family: monospace;
12}
13p {
14 margin-top 1em;
15 margin-bottom: 1em;
16}
17input {
18 font-family: monospace;
19 background: #305;
20 color: #dde;
21 font-size: 1.0em;
22 line-height: 1.2em;
23 padding: 0.5em;
24}
25body > header {
26 max-width: 1200px;
27 margin: 1em auto;
28 font-size: 1.5em;
29 text-align: right;
30}
31body > header span {
32 margin-right: 2em;
33}
34main {
35 max-width: 1200px;
36 margin: auto;
37 font-size: 1.5em;
38}
39.info {
40 background: #002;
41 border: 1px solid #dde;
42 margin-bottom: 1em;
43 padding: 0em 1em 0em 1em;
44}
45.info div {
46 margin-top 1em;
47 margin-bottom: 1em;
48}
49button, form input[type=submit], select {
50 font-size: 0.8em;
51 font-family: monospace;
52 color: #dde;
53 background: #305;
54 border: 1px solid #dde;
55 padding: 0.5em;
56}
57button a {
58 text-decoration: none;
59}
60.info form {
61 margin-top: 1em;
62}
63.info textarea {
64 padding: 0.5em;
65 font-size: 1em;
66 background: #305;
67 color: #dde;
68 width: 600px;
69 height: 8em;
70 margin-bottom: 0.5em;
71 box-sizing: border-box;
72}
73.info input[type="checkbox"] {
74 position: fixed;
75 top: -9999px;
76}
77.info input[type="checkbox"] + span:after {
78 content: "no";
79}
80.info input[type="checkbox"]:checked + span:after {
81 content: "yes";
82}
83.info input[type="checkbox"]:focus + span:after {
84 outline: 1px solid #dde;
85}
86.info input[type=file] {
87 display: none;
88}
89.info label {
90 border: 1px solid #dde;
91 font-size: 0.8em;
92 padding: 0.5em;
93 font-size: 0.8em;
94 background: #305;
95}
96
97.honk {
98 width: 90%;
99 margin: auto;
100 background: #002;
101 border: 1px solid #dde;
102 border-radius: 1em;
103 margin-bottom: 1em;
104 padding-left: 1em;
105 padding-right: 1em;
106 padding-top: 0;
107}
108.honk a {
109 color: #dde;
110}
111.honk header .clip a {
112 color: #88a;
113}
114.honk header {
115 white-space: nowrap;
116 overflow: hidden;
117 text-overflow: ellipsis;
118 font-size: 0.8em;
119 margin-top: 1em;
120 height: 64px;
121}
122.honk header img {
123 float: left;
124 margin-right: 1em;
125 width: 64px;
126 height: 64px;
127}
128.honk header p {
129 margin-top: 0px;
130}
131.honk button {
132 margin-right: 6em;
133}
134.tonked {
135}
136.tonked .noise {
137 color: #aab;
138 font-size: 0.8em;
139}
140.tonked .noise a {
141 color: #aab;
142}
143.zonked {
144}
145.zonked .noise {
146 color: #a79;
147 font-size: 0.8em;
148 text-decoration: line-through;
149}
150.zonked .noise a {
151 color: #a79;
152}
153.limited {
154 border: 1px solid #f04;
155 color: #a79;
156}
157.inlineform {
158 display: inline;
159}
160.inlineform select {
161}
162img {
163 max-width: 100%
164}
165img.emu {
166 width: 1em;
167 height: 1em;
168 vertical-align: middle;
169 margin: -2px;
170}
171@media screen and (max-width: 740px) {
172 body {
173 font-size: 0.6em;
174 }
175 .info textarea {
176 width: 20em;
177 }
178 .honk header {
179 height: 48px;
180 }
181 .honk header img {
182 width: 48px;
183 height: 48px;
184 }
185 .honk button {
186 margin-right: 4em;
187 }
188}