ruangrupa/lumbung.space
1
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity

change video card colors &remove shadow

Browse Source
This commit is contained in:
Aadil Ayub
2022-01-06 15:50:04 +05:00
parent b2a3b09ce7
commit a8eb96309a
2 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
themes/lumbung-theme/static/css/video-box.css
View File

@ -1,14 +1,14 @@
:root {
--video-border-color: burlywood;
--video-background-color: antiquewhite;
--tv-dark: #237D0F;
--tv-light: #E2FAD7;
}
.video-box {
border:2px solid var(--video-border-color);
border:2px solid var(--tv-dark);
max-width:560px;
margin:auto;
box-shadow:1em 1em 0 #d2d1c8;
margin-bottom: 2em;
color: chocolate;
color: var(--tv-dark);
}
.video-box:nth-child(even){
@ -37,7 +37,7 @@
}
.video {
background-color: var(--video-background-color);
background-color: var(--tv-light);
}
.video .metadata{
@ -48,8 +48,8 @@
.metadata .title{
margin-top:0;
border-top: 2px solid var(--video-border-color);
border-bottom: 2px solid var(--video-border-color);
border-top: 2px solid var(--tv-dark);
border-bottom: 2px solid var(--tv-dark);
padding:0.5em;
font-weight:700;
font-size:1.3rem;
@ -57,20 +57,20 @@
}
.video.channel{
border-right: 2px solid var(--video-border-color);
border-right: 2px solid var(--tv-dark);
padding: 0.5em 0.9em 0.5em 0.9em;
font-size: 0.8rem;
}
.video.date {
float:right;
border-left: 2px solid var(--video-border-color);
border-left: 2px solid var(--tv-dark);
padding: 0.5em 0.9em 0.5em 0.9em;
font-size: 0.8rem;
}
.video.description {
border-top: 2px solid var(--video-border-color);
border-top: 2px solid var(--tv-dark);
padding: 0.8em 0.8em 0.8em 0.8em;
}
@ -120,7 +120,7 @@ input:checked + label + .video.date +.description {
.video-thumbnail-duration-overlay {
display: inline-block;
background-color: var(--video-background-color);
background-color: var(--tv-light);
color: chocolate;
font-size: 14px;
line-height: 1.1;
@ -129,7 +129,7 @@ input:checked + label + .video.date +.description {
padding: 1px 3px 1px 3px;
right: 5px;
bottom: 5px;
border: 2px solid var(--video-border-color);
border: 2px solid var(--tv-dark);
}
.play-overlay {