all repos — honk @ v0.2.0

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}
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}