1 files changed, 31 insertions, 44 deletions

diff --git a/assets/css/home.css b/assets/css/home.css
index 0e5e4a1..e36cd19 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,22 +86,8 @@ 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;
@@ -142,7 +143,7 @@ h1, h2 {
 
 
 
-main.media div, main.home div#options, main.info nav, main article {
+main.info nav, main article {
     border: solid 1px dimgrey;
     margin: 1%;
     background-color: lightgrey;
@@ -237,10 +238,6 @@ main.font table#fontlist {
     max-width: 500px;
 }
 
-main.media table#medialist {
-    width: 100%;
-    max-width: 960px;
-}
 
 #topbar a.actualpage {
     text-decoration: underline;
@@ -257,13 +254,6 @@ a:hover img.icon {
 }
 
 
-
-
-main.media table#faviconlist {
-    width: 100%;
-    max-width: 640px;
-}
-
 main.info ul i {
     color: grey;
 }
@@ -354,13 +344,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 +353,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 +455,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%;
@@ -526,7 +517,3 @@ footer {
 
 }
 
-
-
-
-