all repos — honk @ ee129cb12c72317e98416536833626ffda4982d1

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