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 height: 64px;
126}
127.honk .title img {
128 float: left;
129 margin-right: 1em;
130 width: 64px;
131 height: 64px;
132}
133.honk .title p {
134 margin-top: 0px;
135}
136.honk button {
137 margin-right: 6em;
138}
139.tonked {
140}
141.tonked .noise {
142 color: #aab;
143 font-size: 0.8em;
144}
145.tonked .noise a {
146 color: #aab;
147}
148.zonked {
149}
150.zonked .noise {
151 color: #a79;
152 font-size: 0.8em;
153 text-decoration: line-through;
154}
155.zonked .noise a {
156 color: #a79;
157}
158img {
159 max-width: 100%
160}
161img.emu {
162 width: 1em;
163 height: 1em;
164 vertical-align: middle;
165 margin: -2px;
166}