X-Git-Url: http://git.tuebingen.mpg.de/?a=blobdiff_plain;f=include%2Fcss%2Faple.css;h=e422518cfa3f8400c6fb0f140d443d7aa814234d;hb=49503a3aeaa8612693b2c822259e16c1b4ceb2b3;hp=6ebecacdc7103346ba5172edb76be0ebff68d49b;hpb=e9a3585174e0fda1ac580d0e720f7ecc48bb9e9f;p=aple.git

diff --git a/include/css/aple.css b/include/css/aple.css
index 6ebecac..e422518 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,21 @@ 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;
+	font-size: 75%;
+}
+
+.dropdown:hover .dropdown-content {
+	display: block;
+}