X-Git-Url: http://git.tuebingen.mpg.de/?p=aple.git;a=blobdiff_plain;f=include%2Fcss%2Faple.css;h=7b1d9d75f3b70cc8bd006dbc26f985dba099b7fe;hp=6ebecacdc7103346ba5172edb76be0ebff68d49b;hb=1c808a8091f078b71884cf58c8006abfd61a7dba;hpb=61020c4dd82a9ae61e544bf56b10649e1d4376ed

diff --git a/include/css/aple.css b/include/css/aple.css
index 6ebecac..7b1d9d7 100644
--- 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;
+}