radiocampus: integrate marielle design, timetable pages

radiocampus/static/radiocampus/radiocampus.css

@@ -34,7 +34,7 @@
     --nav-active-fg: white;
     --preview-title-sz: 21px;
     --text-color: #75124e;
-    --text-color-light: #bbb;
+    --text-color-light: #eee;
 }
 
 @font-face {
@@ -147,13 +147,24 @@ a.heading.title:hover {
     gap: 0.2rem;
 }
 .grid.listfive .media-content {
-    margin-top: 0.4rem;
     font-size: 0.84rem;
 }
 .today {
    color:  yellow;
    font-size: 1.4em !important;
 }
+.lagrille:not(.homedisplay) article {
+    border-bottom: 1px solid black;
+}
+.lagrille .category {
+    color: grey;
+    margin-left: 10px;
+    vertical-align: text-bottom;
+    font-size: 0.8rem;
+}
+.lagrille:not(.homedisplay) .heading.subtitle {
+    color: black;
+}
 .mt-3 {
     margin-top: unset !important;
 }
@@ -163,7 +174,7 @@ a.heading.title:hover {
 .nav.secondary .nav-item {
     color: black !important;
 }
-.nav-item:hover {
+a.nav-item:hover {
     opacity: 0.8;
 }
 .nav.primary .nav-item {
@@ -208,7 +219,6 @@ a.heading.title:hover {
 .radiocampus-grid article div.media div.media-content span.heading.subtitle {
     float: right;
 }
-
 .schedule {
     background-color: unset;
     font-size: 0.9em;
@@ -223,7 +233,7 @@ a.heading.title:hover {
 .title, .preview .title, .preview .title:not(:last-child) {
     text-transform: unset;
     font-weight: unset;
-    font-size: 1.2em;
+    font-size: 1.2rem;
 }
 
 @media screen and (max-width: 400px) {