Use SCSS, tweak styles a bit.

1 files changed, 89 insertions, 0 deletions

diff --git a/style.scss b/style.scss
new file mode 100644
index 0000000..627df42
--- /dev/null
+++ b/style.scss
@@ -0,0 +1,89 @@
+body.loggedin {
+	div.infobar * {
+		margin: 0 1em;
+	}
+}
+
+body {
+	font-family: sans-serif;
+	margin: 0;
+	padding: 0;
+	div.infobar {
+		text-align: right;
+		padding: .1em 0;
+		input[type="text"],
+		input[type="password"] {
+			width: 20%;
+		}
+		input[type="submit"] {
+			background: transparent;
+			border: none;
+			font-size: 1em;
+			padding: 0;
+		}
+		a {
+			color: #000000;
+		}
+	}
+	div.main {
+		form fieldset li {
+			clear: both;
+			padding: .5em 0;
+			label {
+				width: 25%;
+				float: left;
+			}
+			input, textarea {
+				width: 60%;
+				float: left;
+			}
+			input[type="password"] {
+				width: 30%;
+			}
+			p.form_data {
+				margin-left: 25%;
+			}
+			&.wide {
+				clear: both;
+				padding: .5em 0;
+				label {
+					width: 100%;
+					float: none;
+				}
+				input, textarea {
+					width: 100%;
+					float: none;
+				}
+			}
+		}
+	}
+}
+
+h1 {
+	text-align: center;
+}
+a {
+	text-decoration: none;
+}
+input[type="text"], textarea {
+	font-family: monospace;
+}
+iframe {
+	width: 100%;
+	height: 100%;
+}
+table, td {
+	border: solid 1px black;
+}
+table input {
+	border: none;
+	width: 100%;
+	background: transparent;
+}
+.error {
+	font-weight: bold;
+	color: red;
+}
+.http404 {
+	color: red;
+}