More tiny visual cleanups

1 files changed, 36 insertions, 30 deletions

diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index 50b20b22..1f8ef7d9 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -327,8 +327,8 @@ div#center_column {
 
 /* Footer */
 #footer {
-  border-bottom: 2px solid #aeadad;
-  border-top: 2px solid #aeadad;
+  border-bottom: 1px solid color-mix(in srgb, CanvasText, Canvas 60%);
+  border-top: 1px solid color-mix(in srgb, CanvasText, Canvas 60%);
   bottom: 0;
   color: CanvasText;
 }
@@ -391,6 +391,7 @@ div.main_navigation ul {
 
 div.main_navigation a {
   text-decoration: none;
+  hyphens: none;
 }
 
 div.main_navigation a.inactive:hover, div#left_column span.inactive:hover {
@@ -542,8 +543,8 @@ div#frontpage_calendar {
 }
 
 div#frontpage_calendar h2, div#tags h2, div#featured_articles h2, div#open_erfas_today h2, div.main_navigation h2 {
-  border-top: 2px solid;
-  border-bottom: 2px solid;
+  border-top: none;
+  border-bottom: 1px solid color-mix(in srgb, CanvasText, Canvas 60%);
   font-size: 1.1em;
   padding-top: 2px;
   padding-bottom: 2px;
@@ -571,19 +572,6 @@ div#open_erfas_today .event_time {
   color: color-mix(in srgb, CanvasText, #808080);
 }
 
-@media(max-width:1015px) {
-  div#tags li {
-    list-style-type: none;
-    display: inline-block;
-  }
-
-  div#tags li:not(:first-child):before {
-    content: '•';
-    margin-left: .3em;
-    margin-right: .6em;
-  }
-}
-
 @media(min-width:1016px) {
   div#frontpage_calendar h2, div#tags h2, div#featured_articles h2, div#open_erfas_today h2 {
     font-size: 1rem;
@@ -603,14 +591,26 @@ div#frontpage_calendar ul, div#tags ul, div#featured_articles ul, div#open_erfas
   line-height: 1.5em;
 }
 
-/* ODDITY, kept: per-widget icon paddings — delete when these icons rotate
-   out of the featured box */
-div#featured_articles #ds_icon img {
-  padding-top: 10px;
+div#featured_articles ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
+  padding: 0;
+}
+
+div#featured_articles li {
+  margin: 0;
 }
 
-div#featured_articles #events_icon img {
-  padding-left: 10px;
+div#featured_articles img {
+  max-width: 100%;
+  height: auto;
+  opacity: .85;
+}
+
+div#featured_articles a:hover img {
+  opacity: 1;
 }
 
 div#frontpage_calendar li {
@@ -639,9 +639,16 @@ div#featured_articles img {
   filter: grayscale(1);
 }
 
-#tags ul li {
-    margin-block-start: 0.5rem;
-    margin-block-end: 0.5rem;
+div#tags ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.2rem 0.9rem;
+}
+
+div#tags li {
+  list-style-type: none;
+  margin: 0;
+  line-height: 1.4;
 }
 
 /* ==========================================================================
@@ -671,9 +678,9 @@ div#center_column h2.headline {
 }
 
 div#center_column .article_partial h2.headline {
+  border-top: 1px solid color-mix(in srgb, CanvasText, Canvas 70%);
   padding-top: 30px;
   margin-bottom: 0.3rem;
-  border-top: 2px solid #cccccc;
 }
 
 /* except for erfa list */
@@ -703,9 +710,8 @@ div.author_and_date {
 }
 
 div.teaser_ruler {
-  border-top: 1px solid #CCCCCC;
-  border-bottom: 1px dashed #CCCCCC;
-  height: 3px;
+  border-top: 1px solid color-mix(in srgb, CanvasText, Canvas 70%);
+  height: 0;
   margin-top: 30px;
 }