1 files changed, 68 insertions, 70 deletions

diff --git a/assets/css/home.css b/assets/css/home.css
index 0e5e4a1..4477de9 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -18,14 +18,14 @@ div#options, article#main {
 
 
 
-main.home {
+main {
     display: flex;
     height: 100%;
     /* width: 100%; */
 }
 
 
-aside.home {
+aside {
     display: flex;
     background-color: darkgrey;
     border-top: 1px solid grey;
@@ -34,20 +34,20 @@ aside.home {
 
 
 
-aside.home details, aside.home span {
+aside details, aside span {
     width: 100%;
     max-width: 280px;
 }
 
 
 
-aside.home details .submenu, aside.home summary {
+aside details .submenu, aside summary {
     background-color: darkgrey;
     border-left: 1px solid grey;
 }
 
 
-aside.home .submenu {
+aside .submenu {
     position: absolute;
     border: solid 1px dimgrey;
     width: 20%;
@@ -55,6 +55,21 @@ aside.home .submenu {
 }
 
 
+aside summary {
+    color: grey;
+}
+
+aside details > summary::-webkit-details-marker {
+    display: none;
+}
+
+
+aside summary:hover {
+    color: black;
+    cursor: pointer;
+}
+
+
 aside.home details#bookmarks input[type="checkbox"] {
     opacity: 0.2;
     float: right;
@@ -71,27 +86,13 @@ aside.home details#bookmarks ul {
 
 
 
-aside.home summary {
-    color: grey;
-}
-
-aside.home details > summary::-webkit-details-marker {
-    display: none;
-}
-
-
-aside.home summary:hover {
-    color: black;
-    cursor: pointer;
-}
-
 
-details#selection code {
+aside .submenu code {
     overflow: auto;
     display: block;
     white-space: nowrap;
     color: #7b97b9;
-    background-color: #252525;
+    background-color: #233143;
     padding: 1%;
     font-size: 12px;
 }
@@ -142,13 +143,6 @@ h1, h2 {
 
 
 
-main.media div, main.home div#options, main.info nav, main article {
-    border: solid 1px dimgrey;
-    margin: 1%;
-    background-color: lightgrey;
-}
-
-
 p {
     padding: 0 1%;
 }
@@ -237,10 +231,6 @@ main.font table#fontlist {
     max-width: 500px;
 }
 
-main.media table#medialist {
-    width: 100%;
-    max-width: 960px;
-}
 
 #topbar a.actualpage {
     text-decoration: underline;
@@ -256,14 +246,12 @@ a:hover img.icon {
     filter: invert(1);
 }
 
-
-
-
-main.media table#faviconlist {
-    width: 100%;
-    max-width: 640px;
+section.info {
+    max-width: 600px;
+    list-style: inside disc;
 }
 
+
 main.info ul i {
     color: grey;
 }
@@ -272,14 +260,13 @@ main.info a {
     text-decoration: underline white;
 }
 
-main.info ul {
-    list-style: none;
+nav.info ul {
     padding-inline-start: 10px;
 }
 
-main.info code, main.info blockquote {
+main.info code {
     color: white;
-    background-color: #191919;
+    background-color: #233143;
     width: fit-content;
     font-family: monospace;
     font-size: initial;
@@ -290,49 +277,65 @@ main.info blockquote i {
     color: #7b97b9;
 }
 
+main.info article#manual h1 {
+    text-align: center;
+    font-size: 50px;
+    color: black;
+    background-color: transparent;
+    font-weight: lighter;
+    margin: 6%;
+    border-top: solid;
+    border-bottom: solid;
+}
+
 
-main.info article h2#manual {
+main.info article#manual h2 {
     text-align: center;
     font-size: 40px;
+    margin-top: 60px;
 }
 
 main.info article#manual h3 {
     border-bottom: solid 1px grey;
-    margin-top: 100px;
+    margin-top: 30px;
     padding-top: 15px;
     font-size: 35px;
 }
 
 main.info article h4 {
     background-color: darkgrey;
-    padding: 10px;
     font-size: x-large;
-    margin-top: 70px;
+    margin-top: 35px;
+    margin-bottom: 25px;
 }
 
-main.info article h5 {
+main.info article#manual h5 {
     text-transform: uppercase;
-    margin-top: 45px;
-    font-size: large;
+    margin-top: 20px;
+    margin-bottom: 0;
+    font-size: medium;
+}
+
+
+section.info ul {
+    list-style: inside disc;
+    padding-inline-start: 10px;
 }
 
 main.info code {
     padding: 0 4px;
 }
 
+
+
+main.info pre {width: fit-content;padding: 1%;background-color: hsla(213, 31%, 20%, 1);white-space: pre-wrap;margin: 1%;}
+
 main.info blockquote {
     padding: 6px 12px;
     text-align: left;
     word-break: break-all;
 }
 
-main.info nav {
-    position: fixed;
-    left: 850px;
-    top: 0px;
-    margin-top: 50px;
-}
-
 main.info article code i {
     font-style: normal;
     color: #7b97b9;
@@ -354,13 +357,7 @@ main.media table#medialist .thumbnail:hover img {
 }
 
 
-main.media form {
-    margin: 0.5%;
-}
 
-main.media div#tree, main.media div#explorer {
-    display: inline-grid;
-}
 
 main.media code {
     color: #9cbfe8;
@@ -369,10 +366,17 @@ main.media code {
     padding: 1px;
 }
 
+nav.media span#currentdir {
+    color: hsla(213, 70%, 40%, 1);
+}
+
 
 
 td.code {
     background-color: darkslategrey;
+    max-width: 250px;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 
@@ -464,13 +468,13 @@ main.timeline li.event {
 
 
 
-section.pages {
+main section {
     display: flex;
     flex-direction: column;
     max-width: calc(100% - 160px);
 }
 
-.home nav {
+main nav {
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -509,7 +513,6 @@ footer {
     main.info nav {
         position: relative;
         left: 0;
-        margin-top: 1%;
     }
 
     main.home nav {
@@ -525,8 +528,3 @@ footer {
     }
 
 }
-
-
-
-
-