From e90254cfebeb029020e32d085eb74148e4e03464 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Mon, 10 Aug 2020 20:55:23 -0700
Subject: [PATCH] Copy some common css from Etiquette.

---
 frontends/ycdl_flask/static/css/common.css | 47 ++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/frontends/ycdl_flask/static/css/common.css b/frontends/ycdl_flask/static/css/common.css
index 495c3e6..9956d79 100644
--- a/frontends/ycdl_flask/static/css/common.css
+++ b/frontends/ycdl_flask/static/css/common.css
@@ -1,3 +1,9 @@
+:root
+{
+    --color_3d_shadow: rgba(0, 0, 0, 0.5);
+    --color_3d_highlight: rgba(255, 255, 255, 0.5);
+}
+
 body
 {
     display: flex;
@@ -34,3 +40,44 @@ body
     display: flex;
     flex-direction: row;
 }
+
+
+button,
+button *
+{
+    color: black;
+}
+button:disabled
+{
+    background-color: #cccccc !important;
+}
+button
+{
+    border-top: 2px solid var(--color_3d_highlight);
+    border-left: 2px solid var(--color_3d_highlight);
+    border-right: 2px solid var(--color_3d_shadow);
+    border-bottom: 2px solid var(--color_3d_shadow);
+}
+button:active
+{
+    border-top: 2px solid var(--color_3d_shadow);
+    border-left: 2px solid var(--color_3d_shadow);
+    border-right: 2px solid var(--color_3d_highlight);
+    border-bottom: 2px solid var(--color_3d_highlight);
+}
+.gray_button
+{
+    background-color: #cccccc;
+}
+.green_button
+{
+    background-color: #6df16f;
+}
+.red_button
+{
+    background-color: #ff4949;
+}
+.yellow_button
+{
+    background-color: #ffea57;
+}