From 1ceede5419e5b20ce3ed5796d4aa10801a841100 Mon Sep 17 00:00:00 2001
From: Christophe Siraut <d@tobald.eu.org>
Date: Wed, 5 Jun 2024 08:55:28 +0200
Subject: [PATCH] radiocampus: style update (wip)

---
 .../static/radiocampus/radiocampus.css        | 62 +++++++------------
 1 file changed, 23 insertions(+), 39 deletions(-)

diff --git a/radiocampus/static/radiocampus/radiocampus.css b/radiocampus/static/radiocampus/radiocampus.css
index 4319d64..6799fd3 100644
--- a/radiocampus/static/radiocampus/radiocampus.css
+++ b/radiocampus/static/radiocampus/radiocampus.css
@@ -36,14 +36,6 @@ body {
     background-size: cover;
 }
 
-hr {
-    background-color: transparent;
-}
-
-.a-player-bar {
-    border-top: none;
-}
-
 .button, a.button, button.button {
   border: var(--link-fg) 1px solid;
   border-radius: 20px;
@@ -53,28 +45,13 @@ hr {
     opacity: 0.9 !important;
 }
 
-.header.preview-header,.page section.container, .page section.container > .title {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-top: 0.6em;
-}
-
 .grid .list-item .headings .heading {
-    padding: 20px 0 8px 20px;
-    background: rgba(255, 255, 255, 0.9);
-    display: block
+    padding-top: 10px;
+    padding-left: 12px;
 }
 
-.list-item .headings {
-    margin-bottom: 0 !important
-}
-
-.list-item:nth-child(3n):not(.wide) .media, .list-item:nth-child(3n+1):not(.wide) .media {
-    border: 1px solid var(--break-color) !important;
-}
-
-.grid .media {
-    background: rgba(255, 255, 255, 0.9);
+.list-item:nth-child(3n+1):not(.wide) .media {
+ border-color: white !important;
 }
 
 .nav.secondary {
@@ -84,40 +61,47 @@ hr {
 .nav.secondary .nav-item{
     color: #1d3cab !important;
 }
-.nav .nav-item {
-    border: 1px solid transparent;
-    border-radius: 30px;
-}
 
 .nav .nav-item:hover {
     opacity: 0.8;
 }
 
-.page {
-  min-height: 800px;
+.navs {
+  border-bottom: 1px solid #4d4545;
 }
 
-.preview-card {
-    background-color: unset !important;
+.page {
+  margin-bottom: 360px;
+  border-top: 3px solid #4d4545;
+  border-bottom: 1px solid #4d4545;
+  background: white;
+}
+
+@media screen and (min-width: 1024px) {
+.page {
+  margin-top: 120px;
+  }
 }
 
 .preview-cover {
     border-radius: 5px;
     opacity: 0.92;
     border: 1px solid #ccc;
-    order: none;
 }
 
 .preview-card .headings .heading {
     opacity: 0.85;
-    padding: 10px;
+    padding: 12px;
     background-color: #242121;
 }
 
-.preview .headings a {
-    color: rgb(115, 142, 242);
+.preview-card .headings a {
+    color: white;
 }
 
+.grid .preview .headings a {
+    color: black;
+}
 
 .preview .title, .preview .title:not(:last-child) {
     font-weight: normal;