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.tonk {
114}
115.tonk .noise {
116 color: #aab;
117 font-size: 0.8em;
118}
119.tonk .noise a {
120 color: #aab;
121}
122.honk a {
123 color: #dde;
124}
125.honk .title .clip a {
126 color: #88a;
127}
128.honk .title {
129 white-space: nowrap;
130 overflow: hidden;
131 text-overflow: ellipsis;
132 font-size: 0.8em;
133 margin-top: 1em;
134}
135.honk .title img {
136 float: left;
137 margin-right: 1em;
138 width: 64px;
139 height: 64px;
140}
141.honk .title p {
142 margin-top: 0px;
143}
144img {
145 max-width: 100%
146}