|
|
| Line 319: |
Line 319: |
| url('https://wiki.starbase118.net/wiki/images/d/d2/DenobulanMedium.svg') format('svg'); | | url('https://wiki.starbase118.net/wiki/images/d/d2/DenobulanMedium.svg') format('svg'); |
|
| |
|
| /* Dropdown Button */
| | .hide { |
| .dropbtn { | |
| background-color: #4CAF50;
| |
| color: white;
| |
| padding: 16px;
| |
| font-size: 16px;
| |
| border: none;
| |
| }
| |
| | |
| /* The container <div> - needed to position the dropdown content */
| |
| .dropdown {
| |
| position: relative;
| |
| display: inline-block;
| |
| }
| |
| | |
| /* Dropdown Content (Hidden by Default) */
| |
| .dropdown-content {
| |
| display: none; | | display: none; |
| position: absolute;
| |
| background-color: #f1f1f1;
| |
| min-width: 160px;
| |
| box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| z-index: 1;
| |
| } | | } |
|
| |
|
| /* Links inside the dropdown */
| | .myDIV:hover + .hide { |
| .dropdown-content a { | |
| color: black;
| |
| padding: 12px 16px;
| |
| text-decoration: none;
| |
| display: block; | | display: block; |
| | color: red; |
| } | | } |
| /* Change color of dropdown links on hover */
| |
| .dropdown-content a:hover {background-color: #ddd;}
| |
|
| |
| /* Show the dropdown menu on hover */
| |
| .dropdown:hover .dropdown-content {display: block;}
| |
|
| |
| /* Change the background color of the dropdown button when the dropdown content is shown */
| |
| .dropdown:hover .dropbtn {background-color: #3e8e41;}
| |