init

web/style.css

@@ -0,0 +1,79 @@
+html, body {
+	margin: 0;
+	padding: 0;
+	height: 100%;
+	background: #ddd;
+	font-family: sans-serif;
+}
+h1 {
+	margin: 0;
+	padding: 16px;
+	text-transform: uppercase;
+	color: #eee;
+	background: #c50e1f;
+	text-align: center;
+}
+form, #startpage {
+	padding: 16px;
+	max-width: 512px;
+	margin: auto;
+}
+label {
+	display: block;
+	font-size: 16px;
+	margin-bottom: 16px;
+	color: #444;
+}
+label.checkbox {
+	height: 32px;
+	line-height: 32px;
+}
+label span {
+	width: calc(100% - 50px);
+	display: inline-block;
+	vertical-align: middle;
+	line-height: normal;
+}
+input {
+	border: none;
+	padding: 16px;
+	margin: 4px 0;
+	font-size: 16px;
+}
+input[type=text] {
+	color: #000;
+	width: calc(100% - 32px);
+}
+input[type=submit], input[type=button] {
+	background: #c50e1f;
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #fff;
+	width: 100%;
+	cursor: pointer;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+}
+input[type=checkbox] {
+	transform: translateY(-3px);
+	float: left;
+	height: 32px;
+	width: 32px;
+	margin-right: 8px;
+}
+.request {
+	display: block;
+	position: fixed;
+	background: #ddd;
+	top: 16px;
+	left: 16px;
+	width: calc(100% - 32px);
+	box-shadow: 0 1px 4px 0;
+}
+input[type=datetime-local] {
+	width: calc(100% - 24px);
+	padding: 12px;
+	font-size: 12px;
+	background: #fff;
+}