implement basic ui

1 files changed, 51 insertions, 0 deletions

diff --git a/style.css b/style.css
index 90f985a..0296148 100644
--- a/style.css
+++ b/style.css
@@ -84,3 +84,54 @@ pre code {
     text-align: center;
 }
 
+
+.inputdiv {
+	display: flex;
+}
+
+
+label {
+	flex: 1;
+	min-width: 9em;
+	display: inline-block;
+	text-align: right;
+	vertical-align: top;
+	margin: 0 0.5em 0 0;
+}
+
+input, textarea, button {
+	font-family: monospace;
+	flex: 3;
+	color: var(--light);
+	background-color: #020202;
+	border: 1px solid var(--dark);
+}
+
+input:hover, textarea:hover, button:hover {
+	border: 1px solid var(--light);
+}
+
+*:focus {
+	outline: none;
+	border: 1px solid var(--highlight);
+}
+
+*:focus:hover {
+	border: 1px solid #ffce4e;
+}
+
+input {
+	padding: 0.2em;
+}
+
+textarea {
+	min-width: 30em;
+}
+
+button {
+	font-size: 1em;
+	padding: 0.2em;
+	color: var(--highlight);
+}
+
+