all repos — honk @ 7fb85a75f618a25acc66c89cf7d131cfaf75509a

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