ctactic/aircox-radiocampus
1
0
Fork 0
forked from rc/aircox
Code Issues 8 Pull Requests Activity

radiocampus: misc adjustments

Browse Source
This commit is contained in:
Chris Tactic
2024-09-24 15:10:50 +02:00
parent 3fa038ddf9
commit efac8997f2
8 changed files with 145 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
radiocampus/static/radiocampus/radiocampus.css
View File

@ -93,6 +93,7 @@ body.yellow.home #grandlogo img {
}
body.yellow .nav .nav-item.active {
color: #738EF2 !important;
text-shadow: -3px 3px 17px rgb(0, 48, 111);
}
body.blue #grandlogo img, body.yellow #grandlogo img {
width: 120px;
@ -104,11 +105,10 @@ body.blue.home #grandlogo, body.yellow.home #grandlogo {
}
body.blue.home #grandlogo img , body.yellow.home #grandlogo img {
margin: 12px auto 0 auto;
width: 960px;
width: 100%;
opacity: 0.8;
}
.a-player-bar {
border-top: 1px solid #555;
}
@ -129,7 +129,8 @@ a.heading.title {
}
a.heading.title:hover {
color: var(--link-hv-fg);
/*color: var(--link-hv-fg); */
color: #738ef2;
}
.button, a.button, button.button {
border: 0;
@ -141,6 +142,10 @@ a.heading.title:hover {
.header.has-cover {
min-height: unset;
}
.item-section {display:flex; align-items:end}
.fifty {
width: 55%;
}
.grid.list-emissions {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: dense;
@ -157,7 +162,7 @@ a.heading.title:hover {
border-bottom: 1px solid black;
}
.lagrille .category {
color: grey;
color: white;
margin-left: 10px;
vertical-align: text-bottom;
font-size: 0.8rem;
@ -297,7 +302,7 @@ a.nav-item:hover {
@media screen and (min-width: 1216px) {
.container:not(.is-max-desktop):not(.is-max-widescreen) {
max-width: unset;
margin: 10px 64px;
margin: 0 64px;
}
body.home .container:not(.is-max-desktop):not(.is-max-widescreen) {
max-width: 1152px;
@ -450,17 +455,19 @@ a.nav-item:hover {
/* fred fixes */
.grid.list-emissions:not(.list-home) {display: flex !important;flex-wrap: wrap !important; gap: 20px 1rem;}
.grid.list-emissions:not(.list-home) > .list-item {width: calc(25% - 2rem) !important ;}
.grid.list-emissions:not(.list-home) > .list-item {width: calc(20% - 2rem) !important ;}
.grid.list-emissions:not(.list-home) > .list-item .preview-cover {max-width: 100% !important;
display: block;
width: 50% !important;
width: 100% !important;
min-width: auto;
aspect-ratio: 1 / 1;
height: fit-content;
background-size: contain;
background-position: center;
background-color: white;}
background-size: contain;
background-position: center;
background-color: white;
margin-bottom: 0.5rem;
}
.grid.list-emissions:not(.list-home) .media-content {margin-top: 0;}
@ -483,9 +490,10 @@ background-color: white;}
min-width: auto;
aspect-ratio: 1 / 1;
height: fit-content;
background-size: contain;
background-position: center;
background-color: white;}
background-size: contain;
background-position: center;
background-color: white;
}
.grid.list-podcasts .media-content {margin-top: 0;}
@ -502,16 +510,16 @@ background-color: white;}
}
@media screen and (max-width: 1224px) {
.grid.list-emissions > .list-item {width: calc(33% - 2rem) !important;;}
.grid.list-emissions:not(.list-home) > .list-item {width: calc(33% - 2rem) !important;;}
}
@media screen and (max-width: 924px) {
.grid.list-emissions > .list-item {width: calc(50% - 2rem) !important;}
.grid.list-emissions:not(.list-home) > .list-item {width: calc(50% - 2rem) !important;}
}
@media screen and (max-width: 690px) {
@media screen and (max-width: 1024px) {
.grid.list-emissions > .list-item {width: 100% !important;}
.program-list {flex-direction: row;}
.program-list {flex-direction: column;}
.grid.list-podcasts > .list-item {width: 100% !important ;}
}
@ -538,3 +546,16 @@ background-color: white;}
}
}
}
@media screen and (max-width: 540px) {
.media {
flex-direction: column;
}
.grid.list-podcasts .media .media-content {width:100%}
.grid.list-emissions:not(.list-home) > .list-item {
width: 100% !important;
}
}
.list-item .media-content {height:auto;}