Improve menu.

[aple.git] / include / css / aple.css

diff --git a/include/css/aple.css b/include/css/aple.css
index 6ebecacdc7103346ba5172edb76be0ebff68d49b..7b1d9d75f3b70cc8bd006dbc26f985dba099b7fe 100644 (file)
--- a/include/css/aple.css
+++ b/include/css/aple.css
@@ -32,28 +32,6 @@ svg {
        float: left;
 }
 
-#menu
-{
-       position: fixed;
-       left: -40%;
-       width: 40%;
-       top: 0%;
-       height: 100%;
-       background: #ccc;
-       margin: 0px 0px 0px 15px;
-       padding: 200% 0px 0px 0px;
-       transition: 0.5s;
-}
-
-#menu:hover {
-       top: 0em;
-       left: 0em;
-       margin: 0em 0em 0em 0em;
-       padding: 0em 15px 0em 15px;
-       background: #aaa;
-       overflow: auto;
-}
-
 #title
 {
        vertical-align: middle;
@@ -94,3 +72,20 @@ dt {
 #chapter_list {
        font-size: 120%;
 }
+
+.dropdown {
+       position: fixed;
+       top: 0; /* Position the navbar at the top of the page */
+       left: 0;
+}
+
+.dropdown-content {
+       display: none;
+       background-color: #8aa;
+       min-width: 300px;
+       padding: 12px 12px;
+}
+
+.dropdown:hover .dropdown-content {
+       display: block;
+}