From c9c1b78ed805371615d3ca8b54c86da9a35db8ce Mon Sep 17 00:00:00 2001
From: sanine-a <sanine.not@pm.me>
Date: Tue, 13 Apr 2021 11:37:51 -0500
Subject: implement basic user input and button styling

---
 style.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)

(limited to 'style.css')

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;
+}
-- 
cgit v1.2.1