Style inputs and select boxes

1 files changed, 38 insertions, 2 deletions

diff --git a/style.css b/style.css
index 5b8aed5..a973089 100644
--- a/style.css
+++ b/style.css
@@ -277,7 +277,39 @@ ul {
 }
 
 input[type="text"] {
-  width: 90%;
+  width: 95%;
+  border: solid 1px silver;
+  border-radius: 4px;
+  font-size: 14pt;
+  font-weight: 300;
+  padding: 0.3em;
+  margin-bottom: 0.5em;
+}
+
+select.tag {
+  width: 15%;
+  margin-right: 3%;
+}
+select.monat {
+  width: 25%;
+  margin-right: 3%;
+}
+select.jahr {
+  width: 15%;
+  margin-right: 3%;
+}
+select.zeit {
+  min-width: 20%;
+  width: 25%;
+}
+
+select {
+  height: 2em;
+  text-align: center;
+  font-size: 13pt;
+  font-weight: 300;
+  border-radius: 4px;
+  padding: 16px 32px;
 }
 
 #wrapper.step1 .block-step1 .juice,
@@ -291,7 +323,11 @@ input[type="text"] {
   transition: max-height 0.5s ease;
 }
 
-#wrapper.step5 .block-step5 .juice,
+#wrapper.step5 .block-step5 .juice {
+  max-height: 650px;
+  transition: max-height 0.5s ease;
+}
+
 #wrapper.step6 .block-step6 .juice {
   max-height: 500px;
   transition: max-height 0.5s ease;