add StyleDropdown.js

1 files changed, 49 insertions, 0 deletions

diff --git a/style.css b/style.css
index 01a0e3b..d233b02 100644
--- a/style.css
+++ b/style.css
@@ -64,6 +64,7 @@ body {
 .StyleButtonEnabled
 {
     border-color: #2af;
+    cursor: pointer;
 }
 
 .StyleButtonEnabled:hover
@@ -77,3 +78,51 @@ body {
     color: #444;
     border-color: #444;
 }
+
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.StyleDropdownButton
+{
+    padding: 10px;
+    border-radius: 8px;
+    border-style: solid;
+    border-width: 2px;
+    display: inline-block;
+    min-width: 100px;
+}
+
+.StyleDropdownContainer
+{
+    position: relative;
+    display: inline-block;
+}
+
+.StyleDropdownContent
+{
+    display: none;
+    position: absolute;
+    min-width: 160px;
+    max-height: 500%;
+    z-index: -1;
+    overflow: scroll;
+}
+
+.StyleDropdownContent a
+{
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+.StyleDropdownContent a:hover
+{
+    background-color: #f1f1f1;
+}
+
+
+.StyleDropdownContainer:hover .StyleDropdownContent
+{
+    display: block;
+}