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}
25.header {
26 max-width: 1200px;
27 margin: 1em auto;
28 font-size: 1.5em;
29 text-align: right;
30}
31.header span {
32 margin-right: 2em;
33}
34.center {
35 max-width: 1200px;
36 margin: auto;
37 font-size: 1.5em;
38}
39.info {
40 background: #002;
41 border: 2px 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] {
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: 700px;
69 height: 8em;
70 margin-bottom: 0.5em;
71 box-sizing: border-box;
72}
73@media screen and (max-width: 1024px) {
74 .info textarea {
75 width: 500px;
76 }
77}
78.info input[type="checkbox"] {
79 position: fixed;
80 top: -9999px;
81}
82.info input[type="checkbox"] + span:after {
83 content: "no";
84}
85.info input[type="checkbox"]:checked + span:after {
86 content: "yes";
87}
88.info input[type="checkbox"]:focus + span:after {
89 outline: 1px solid #dde;
90}
91.info input[type=file] {
92 display: none;
93}
94.info label {
95 border: 1px solid #dde;
96 font-size: 0.8em;
97 padding: 0.5em;
98 font-size: 0.8em;
99 background: #305;
100}
101
102.honk {
103 width: 90%;
104 margin: auto;
105 background: #002;
106 border: 2px solid #dde;
107 border-radius: 1em;
108 margin-bottom: 1em;
109 padding-left: 1em;
110 padding-right: 1em;
111 padding-top: 0;
112}
113.honk a {
114 color: #dde;
115}
116.honk .title .clip a {
117 color: #88a;
118}
119.honk .title {
120 white-space: nowrap;
121 overflow: hidden;
122 text-overflow: ellipsis;
123 font-size: 0.8em;
124 margin-top: 1em;
125}
126.honk .title img {
127 float: left;
128 margin-right: 1em;
129 width: 64px;
130 height: 64px;
131}
132.honk .title p {
133 margin-top: 0px;
134}
135.honk button {
136 margin-right: 6em;
137}
138.tonked {
139}
140.tonked .noise {
141 color: #aab;
142 font-size: 0.8em;
143}
144.tonked .noise a {
145 color: #aab;
146}
147.zonked {
148}
149.zonked .noise {
150 color: #a79;
151 font-size: 0.8em;
152 text-decoration: line-through;
153}
154.zonked .noise a {
155 color: #a79;
156}
157img {
158 max-width: 100%
159}
160img.emu {
161 width: 1em;
162 height: 1em;
163 vertical-align: middle;
164 margin: -2px;
165}