Responsive Julius Version1

2021-07-28 16:37:28 +02:00
parent 7937ab972e
commit 16b4f4e6b7
145 changed files with 122829 additions and 603 deletions
--- a/css/Dropdown.css
+++ b/css/Dropdown.css
@@ -0,0 +1,47 @@
+.dropbtn {
+    background-color: #043381;   
+    top:5%;
+    left: 75%;
+    width: 100px;
+    height: 40px;
+    position: absolute;
+    color: white;
+    padding: 16px;
+    font-size: 16px;
+    border: none;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+    display: none;
+    position: absolute;
+    left: 85%;
+    background-color: #fff;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+
+    /* Links inside the dropdown */
+    .dropdown-content a {
+        color: black;
+        padding: 12px 16px;
+        text-decoration: none;
+        display: block;
+    }
+
+        /* Change color of dropdown links on hover */
+        .dropdown-content a:hover {
+            background-color: #043381;
+            color: #fff;
+        }
+
+/* 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: #043381;
+}