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

diff --git a/include/css/aple.css b/include/css/aple.css
index 6ebecac..bb5544e 100644
--- a/include/css/aple.css
+++ b/include/css/aple.css
@@ -1,26 +1,51 @@
 body {
-	background-color: #aacccc;
+	color: #000;
+	background-color: #acc;
 	text-align: justify;
 	padding: 0px 30px 0px 25px;
-
+	font-size: 110%;
 }
 
 h1 {
-	font-size: 150%;
+	font-size: 160%;
+}
+
+h2 {
+	font-size: 130%;
+}
+
+h3 {
+	font-size: 110%;
+}
+
+code {
+	font-size: 130%;
+}
+
+p {
+	padding: 0px 0px 0px 0px;
 }
 
+
 .logo {
 	border: 0px;
-	padding: 0em 20px 0px 0px;
-	margin-left: 0px;
-	margin-right: 0px;
-	border: 0px;
 }
 
 table {
-	margin-left: auto;
+	margin-left: 0px;
 	margin-right: auto;
 	border: none;
+	padding: 10px 0px 10px 0px;
+}
+
+table.menu {
+	padding: none;
+	border: 0px;
+	border-spacing: 0px;
+}
+
+table.logo {
+	margin-left: 0px;
 }
 
 td {
@@ -28,30 +53,17 @@ td {
 	padding: 5px;
 }
 
-svg {
-	float: left;
+td.logo {
+	border: none;
 }
 
-#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;
+td.menu {
+	border: none;
+	vertical-align: top;
 }
 
-#menu:hover {
-	top: 0em;
-	left: 0em;
-	margin: 0em 0em 0em 0em;
-	padding: 0em 15px 0em 15px;
-	background: #aaa;
-	overflow: auto;
+svg {
+	float: left;
 }
 
 #title
@@ -60,14 +72,9 @@ svg {
 	border: 0px;
 }
 
-#overview_heading {
-	text-align: center;
-	font-weight: bold;
-}
-
-#overview_text {
+.overview {
 	margin: 1% 5% 1% 5%;
-	font-size: 95%;
+	font-size: 90%;
 }
 
 div.solution {
@@ -91,6 +98,19 @@ dt {
 	text-decoration: underline;
 }
 
-#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;
+	padding: 6px 25px 0px 30px;
+}
+
+.dropdown:hover .dropdown-content {
+	display: block;
+	font-size: 80%;
 }