Style input fields

1 files changed, 54 insertions, 4 deletions

diff --git a/style.css b/style.css
index da2a215..8dcc8ea 100644
--- a/style.css
+++ b/style.css
@@ -116,7 +116,7 @@ h2 {
 }
 
 .block-step1 .circle_num {
-  background-color: #403040;
+  background-color: black;
   color: #F1F2E3;
   margin: 4px 28px 0 0;
   line-height: 1.3em;
@@ -326,15 +326,65 @@ p a:visited {
 
 input[type="text"] {
   width: 95%;
-  border: solid 1px silver;
-  border-radius: 4px;
+  background-color : rgba(255, 255, 255, 0.30);
+  border: 0px solid rgba(255, 255, 255, 0.30);
+  border-radius: 6px;
   font-family: 'SourceSansPro', sans-serif;
   font-size: 13pt;
   font-weight: normal;
+  color: white;
   padding: 0.4em 0.6em 0.4em 0.6em;
   margin-bottom: 0.7em;
 }
 
+input:focus {
+  outline: none !important;
+}
+
+input:focus::placeholder {
+  opacity: 0;
+}
+
+::placeholder {
+  color: white;
+  opacity: 0.5;
+  font-variant: small-caps;
+  font-weight: normal;
+  letter-spacing: 0.15em;
+}
+
+
+:focus::-moz-placeholder {
+  opacity: 0
+}
+
+::-moz-placeholder {
+  color: white;
+  opacity: 0.5;
+  font-variant: small-caps;
+  font-weight: normal;
+  letter-spacing: 0.15em;
+}
+
+::-ms-placeholder {
+  color: white;
+  opacity: 0.5;
+  font-variant: small-caps;
+  font-weight: normal;
+  letter-spacing: 0.15em;
+}
+
+:focus::-webkit-input-placeholder {
+  opacity: 0;
+}
+::-webkit-input-placeholder {
+  color: white;
+  opacity: 0.5;
+  font-variant: small-caps;
+  font-weight: normal;
+  letter-spacing: 0.15em;
+}
+
 select.tag {
   width: 15%;
   margin-right: 3%;
@@ -384,7 +434,7 @@ input[type=checkbox]:not(old) + label > span {
   background-color : rgba(255, 255, 255, 0.30);
   margin           : 2px 36px 8px 2px;
   border           : 0px solid rgba(255, 255, 255, 0.30);
-  border-radius    : 25%;
+  border-radius    : 6px;
   vertical-align   : top;
   transition       : font-size 0.4s;
   font-size        : 1pt;