rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

radiocampus: style update (wip)

Browse Source
This commit is contained in:
Chris Tactic 2024-06-05 08:55:28 +02:00
parent 0e6b970683
commit 1ceede5419
1 changed files with 23 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
radiocampus/static/radiocampus/radiocampus.css
View File

@ -36,14 +36,6 @@ body {
background-size: cover; background-size: cover;
} }
hr {
background-color: transparent;
}
.a-player-bar {
border-top: none;
}
.button, a.button, button.button { .button, a.button, button.button {
border: var(--link-fg) 1px solid; border: var(--link-fg) 1px solid;
border-radius: 20px; border-radius: 20px;
@ -53,28 +45,13 @@ hr {
opacity: 0.9 !important; 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 { .grid .list-item .headings .heading {
padding: 20px 0 8px 20px; padding-top: 10px;
background: rgba(255, 255, 255, 0.9); padding-left: 12px;
display: block
} }
.list-item .headings { .list-item:nth-child(3n+1):not(.wide) .media {
margin-bottom: 0 !important border-color: white !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);
} }
.nav.secondary { .nav.secondary {
@ -84,40 +61,47 @@ hr {
.nav.secondary .nav-item{ .nav.secondary .nav-item{
color: #1d3cab !important; color: #1d3cab !important;
} }
.nav .nav-item {
border: 1px solid transparent;
border-radius: 30px;
}
.nav .nav-item:hover { .nav .nav-item:hover {
opacity: 0.8; opacity: 0.8;
} }
.page { .navs {
min-height: 800px; border-bottom: 1px solid #4d4545;
} }
.preview-card { .page {
background-color: unset !important; 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 { .preview-cover {
border-radius: 5px; border-radius: 5px;
opacity: 0.92; opacity: 0.92;
border: 1px solid #ccc; border: 1px solid #ccc;
order: none;
} }
.preview-card .headings .heading { .preview-card .headings .heading {
opacity: 0.85; opacity: 0.85;
padding: 10px; padding: 12px;
background-color: #242121; background-color: #242121;
} }
.preview .headings a { .preview-card .headings a {
color: rgb(115, 142, 242); color: white;
} }
.grid .preview .headings a {
color: black;
}
.preview .title, .preview .title:not(:last-child) { .preview .title, .preview .title:not(:last-child) {
font-weight: normal; font-weight: normal;