From 64c6fb119164afcfc654ccee3c2ad96426f17a0c Mon Sep 17 00:00:00 2001 From: sanine-a Date: Tue, 13 Apr 2021 13:03:55 -0500 Subject: add StyleDropdown.js --- style.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) (limited to 'style.css') 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; +} -- cgit v1.2.1