Improve table of contents menu and style sheet.

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

diff --git a/include/css/aple.css b/include/css/aple.css
index e422518cfa3f8400c6fb0f140d443d7aa814234d..da4c70ccddae9b482867e55f091cfcc3e5de3694 100644 (file)
--- a/include/css/aple.css
+++ b/include/css/aple.css
@@ -1,26 +1,47 @@
 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%;
+}
+
+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,6 +49,15 @@ td {
        padding: 5px;
 }
 
+td.logo {
+       border: none;
+}
+
+td.menu {
+       border: none;
+       vertical-align: top;
+}
+
 svg {
        float: left;
 }
@@ -38,14 +68,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 {
@@ -69,10 +94,6 @@ dt {
        text-decoration: underline;
 }
 
-#chapter_list {
-       font-size: 120%;
-}
-
 .dropdown {
        position: fixed;
        top: 0; /* Position the navbar at the top of the page */
@@ -82,11 +103,10 @@ dt {
 .dropdown-content {
        display: none;
        background-color: #8aa;
-       min-width: 300px;
-       padding: 12px 12px;
-       font-size: 75%;
+       padding: 6px 25px 0px 30px;
 }
 
 .dropdown:hover .dropdown-content {
        display: block;
+       font-size: 80%;
 }