aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--main_style-004.css32
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;
+ }
}