implement basic user input and button styling

1 files changed, 57 insertions, 0 deletions

diff --git a/style.css b/style.css
index 485a1a1..d9873ad 100644
--- a/style.css
+++ b/style.css
@@ -21,3 +21,60 @@ body {
     font-size: 200px;
 }
 
+@-webkit-keyframes shake
+{
+    0%, 100% { transform: translateX(0); }
+    25%, 75% { transform: translateX(10px); }
+    50% { transform: translateX(-10px); }
+}
+
+@keyframes shake
+{
+    0%, 100% { transform: translateX(0); }
+    25%, 75% { transform: translateX(10px); }
+    50% { transform: translateX(-10px); }
+}
+
+
+.shake
+{
+    animation-name: shake;
+    animation-duration: 0.3s;
+    animation-iteration-count: 1;
+}
+
+.unselectable
+{
+    -webkit-user-select: none; /* Safari */        
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* IE10+/Edge */
+    user-select: none; /* Standard */
+}
+
+.StyleButton
+{
+    padding: 10px;
+    border-radius: 8px;
+    border-style: solid;
+    border-width: 2px;
+    display: inline;
+}
+
+
+.StyleButtonEnabled
+{
+    color: white;
+    background-color: #2af;
+}
+
+.StyleButtonEnabled:hover
+{
+    background-color: #6af;
+}
+
+
+.StyleButtonDisabled
+{
+    color: white;
+    background-color: #444;
+}