all repos — honk @ d76e8ec4c624636dcace9dba7ab31d301da48644

my fork of honk

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}