diff --git a/client/css/color.css b/client/css/color.css
new file mode 100644
index 0000000..6cac7b2
--- /dev/null
+++ b/client/css/color.css
@@ -0,0 +1,13 @@
+body {
+ background-color: black;
+ color: white;
+}
+
+input {
+ background-color: #222222;
+ color: white;
+}
+
+button {
+ background-color: #00FF00;
+}
diff --git a/client/css/font.css b/client/css/font.css
new file mode 100644
index 0000000..c9a0ceb
--- /dev/null
+++ b/client/css/font.css
@@ -0,0 +1,18 @@
+body {
+ font-family: sans-serif;
+ font-size: 16pt;
+}
+
+input {
+ font-size: 16pt;
+ text-align: left !important;
+}
+
+button {
+ font-size: 16pt;
+}
+
+
+#errorbox {
+ font-size: 200%;
+}
diff --git a/client/client.css b/client/css/layout.css
similarity index 61%
rename from client/client.css
rename to client/css/layout.css
index 7347177..c8c64bf 100644
--- a/client/client.css
+++ b/client/css/layout.css
@@ -1,34 +1,27 @@
-body {
- background-color: black;
- color: white;
- font-family: sans-serif;
- font-size: 16pt;
-}
input {
- background-color: #222222;
border: none;
- color: white;
- font-size: 16pt;
- text-align: left !important;
}
+
button {
- background-color: #00FF00;
border: none;
- font-size: 16pt;
}
+
.loginline {
padding: 3px;
}
+
form {
float: left;
}
+
form * {
text-align: right;
}
+
#errorbox {
- font-size: 200%;
text-align: center
}
+
#holder {
margin: 0;
padding: 0;
@@ -36,6 +29,7 @@ form * {
height: 100vh;
text-align: center
}
+
#holder * {
margin: 0 auto;
position: absolute;
@@ -43,6 +37,7 @@ form * {
left: 50%;
transform: translate(-50%, -50%);
}
+
#errorbox * {
position: static;
}
diff --git a/client/client.html b/client/index.html
similarity index 80%
rename from client/client.html
rename to client/index.html
index 845b287..663645d 100644
--- a/client/client.html
+++ b/client/index.html
@@ -2,7 +2,9 @@
HamClock
-
+
+
+
@@ -17,6 +19,6 @@
Loading...