Fix aside flow and contrast

1 files changed, 23 insertions, 9 deletions

diff --git a/main_style-004.css b/main_style-004.css
index a99df7c..a2a463e 100644
--- a/main_style-004.css
+++ b/main_style-004.css
@@ -290,21 +290,19 @@ body>aside {
     background: var(--dream-logo-url) 50% calc(100% - var(--dream-logo-size) / 2)/var(--dream-logo-size) no-repeat;
 }
 body>aside>header {
-    flex: 0 1 auto;
-}
-body>aside>section {
-    flex: 4 1 auto;
+    flex: 1 1 auto;
 }
 aside>header>p {
+    position: sticky;
     background-color: black;  /* check out curvy-*.png background color! */
     color: var(--bg-color);
-    font-size: 2em;
+    font-size: 1.5em;
     padding: 0.5em 1em;
     padding-bottom: 0;
     border-radius: 1em;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-    max-width: 10em;
+    max-width: 17em;
     margin: 0 auto;
 }
 aside>header p:after {
@@ -317,10 +315,12 @@ aside>header p:after {
     height: 2em; /* must be twice quoty.png's height */
     content: ' ';
     margin: 0 auto;
-    max-width: 12em;
     padding-top: 1em;
 }
 
+body>aside>article {
+    flex: 4 1 auto;
+}
 aside>section {
     margin: 3rem auto;
     flex: 5 0 auto;
@@ -333,7 +333,7 @@ body>footer {
     left: -1px;
     bottom: -1px;
     right: -1px;
-    background-color: var(--xanadu);
+    background-color: var(--fg-read-color);
     text-align: center;
     box-shadow: 0 2px 1px inset var(--ebony);
     font-size: 0.7em;
@@ -358,10 +358,15 @@ body>footer nav ul {
 body>footer a,
 body>footer a:link,
 body>footer a:visited {
-    color: var(--fg-read-color);
+    color: var(--arctic-lime);
     text-decoration: none;
     font-weight: bold;
 }
+body>footer:hover a,
+body>footer:hover a:link,
+body>footer:hover a:visited {
+    color: var(--fg-read-color);
+}
 
 /* Display Discourse comments a bit larger */
 .topics-list {
@@ -375,9 +380,14 @@ body>footer a:visited {
 .topics-list h2 a:visited {
     color: var(--english-violet);
 }
+.topics-list h2 a:hover {
+    color: var(--oxford-blue);
+}
+
 .topics-list iframe {
     width: 96vw; /* good for a single category */
     height: auto;
+    min-height: 14rem;
 }
 
 /**
@@ -448,4 +458,8 @@ body>footer a:visited {
         justify-content: space-around;
 
     }
+
+    body>footer {
+        font-size: 1em;
+    }
 }