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 color: #a79;
145}
146.zonked .noise {
147 color: #a79;
148 font-size: 0.8em;
149 text-decoration: line-through;
150}
151.zonked .noise a {
152 color: #a79;
153}
154.limited {
155 border: 1px solid #a04;
156 color: #a79;
157}
158.limited .noise {
159 color: #a79;
160}
161.limited .noise a {
162 color: #a79;
163}
164.inlineform {
165 display: inline;
166}
167.inlineform select {
168}
169img {
170 max-width: 100%
171}
172img.emu {
173 width: 1em;
174 height: 1em;
175 vertical-align: middle;
176 margin: -2px;
177}
178@media screen and (max-width: 740px) {
179 body {
180 font-size: 0.6em;
181 }
182 .info textarea {
183 width: 20em;
184 }
185 .honk header {
186 height: 48px;
187 }
188 .honk header img {
189 width: 48px;
190 height: 48px;
191 }
192 .honk button {
193 margin-right: 4em;
194 }
195}