1 files changed, 159 insertions, 0 deletions
diff --git a/static/gomf.css b/static/gomf.css
new file mode 100644
index 0000000..5b34792
--- /dev/null
+++ b/static/gomf.css
@@ -0,0 +1,159 @@
+html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite,
+code, b, u, i, form, label, article, aside, footer, header, menu, nav, section {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+
+article, aside, footer, header, menu, nav, section {
+	display: block;
+}
+
+body {
+	line-height: 1.25;
+	padding: 1em;
+	color: #000;
+	background-color: #fff;
+	max-width: 800px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+html {
+	font-family: "DejaVu Sans", sans-serif;
+}
+
+h1 {
+	font-size: 200%;
+	font-weight: bold;
+	border-bottom: 1px solid black;
+	margin-bottom: 0.5em;
+}
+
+input, select, textarea, code {
+	border: 1px solid black;
+	background: inherit;
+	font: inherit;
+	font-family: "DejaVu Sans Mono", monospace;
+}
+
+progress {
+	appearance: none;
+	background-color: inherit;
+	color: inherit;
+	border: 1px solid black;
+	font: inherit;
+}
+
+input, select {
+	font: inherit;
+	cursor: pointer;
+}
+
+.file span {
+	padding-left: 0.25em;
+	padding-right: 0.25em;
+	padding-top: 2em;
+	padding-bottom: 2em;
+	overflow: hidden;
+	width: 100%;
+	text-align: center;
+}
+
+.file {
+	padding-top: 2em;
+	padding-bottom: 2em;
+	height: 22px;
+	min-height: 22px;
+	position: relative;
+	border: 1px solid black;
+	margin-right: 0.2em;
+	width: 100%;
+}
+
+main form {
+	margin-top: 1em;
+	margin-bottom: 1em;
+	display: flex;
+}
+
+.file input[type=file] {
+	margin-top: -2em;
+	padding-top: 2em;
+	padding-bottom: 2em;
+	position: relative;
+	text-align: right;
+	opacity: 0;
+	filter: alpha(opacity: 0);
+	-moz-opacity: 0;
+	z-index: 2;
+	width: 100%;
+}
+
+.file span {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	z-index: 1;
+}
+
+.file:hover {
+	background-color: #eee;
+}
+
+input:disabled {
+	background-color: #ddd;
+}
+
+b {
+	font-weight: bold;
+}
+
+i {
+	font-style: italic;
+}
+
+nav {
+	margin-top: 2em;
+	list-style-type: none;
+	font-size: 80%;
+	text-align: center;
+	font-weight: bold;
+}
+
+nav a {
+	display: inline;
+	cursor: pointer;
+	font-weight: normal;
+	border: none;
+	background: inherit;
+	color: inherit;
+	padding: 0;
+	font: inherit;
+	font-weight: normal;
+	text-decoration: none;
+}
+
+nav a:hover {
+	text-decoration: underline;
+}
+
+nav li {
+	display: inline-block;
+}
+
+nav li:after {
+	content: "  | ";
+	white-space: pre;
+	cursor: default;
+	text-decoration: none;
+	display: inline-block;
+	font-weight: normal;
+}
+
+nav li:last-child:after {
+	content: "";
+}