Unix_Concepts: Only mark up I/O operations as code and not comma

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

diff --git a/include/css/aple.css b/include/css/aple.css
index 6ebecacdc7103346ba5172edb76be0ebff68d49b..bb5544e5e90a944c3a33ebdb1dc600439b58493f 100644 (file)
--- 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%;
 }