diff --git a/web/ada.css b/web/ada.css index e69de29..69ae9da 100644 --- a/web/ada.css +++ b/web/ada.css @@ -0,0 +1,41 @@ +/* Dropdown Button */ +.dropbtn { + padding: 16px; + font-size: 16px; + border: none; + } + + /* The container
- needed to position the dropdown content */ + .dropdown { + background-color: black; + position: relative; + display: inline-block; + } + + /* Dropdown Content (Hidden by Default) */ + .dropdown-content { + display: none; + position: absolute; + z-index: 1; + } + + /* Links inside the dropdown */ + .dropdown-content a { + color: white; + padding: 12px 16px; + text-decoration: none; + display: block; + } + + /* Change color of dropdown links on hover */ + .dropdown-content a:hover {background-color: var(--spot-color-1)} + + /* Show the dropdown menu on hover */ + .dropdown:hover .dropdown-content { + display: flex; + flex-wrap: wrap; + width: 100vw; + } + + /* Change the background color of the dropdown button when the dropdown content is shown */ + .dropdown:hover .dropbtn {background-color: #fffeff;} \ No newline at end of file