mirror of https://github.com/FreeTubeApp/FreeTube
107 lines
1.5 KiB
CSS
107 lines
1.5 KiB
CSS
.videoThumbnail {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.videoCountContainer {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
width: 120px;
|
|
background-color: rgba(0,0,0,0.6);
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.videoCountContainer span {
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 45px;
|
|
}
|
|
|
|
.playlistTitle {
|
|
font-weight: bold;
|
|
color: var(--title-color);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.channelName {
|
|
color: var(--secondary-text-color);
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.grid {
|
|
width: 240px;
|
|
height: 250px;
|
|
padding: 2px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.grid .videoThumbnail {
|
|
width: 100%;
|
|
height: 130px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.grid .videoThumbnail img {
|
|
width: 100%;
|
|
height: 130px;
|
|
}
|
|
|
|
.grid .videoCountContainer {
|
|
height: 130px;
|
|
}
|
|
|
|
.grid .playlistTitle {
|
|
max-height: 75px;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.grid .channelName {
|
|
width: 275px;
|
|
}
|
|
|
|
.list {
|
|
height: 140px;
|
|
width: 100%;
|
|
margin-left: 5px;
|
|
margin-top: 15px;
|
|
border-bottom: 1px solid var(--secondary-text-color);
|
|
}
|
|
|
|
.list .videoThumbnail {
|
|
float: left;
|
|
width: 240px;
|
|
height: 130px;
|
|
}
|
|
|
|
.list .videoThumbnail img {
|
|
width: 100%;
|
|
height: 130px;
|
|
}
|
|
|
|
.list .videoCountContainer {
|
|
height: 130px;
|
|
}
|
|
|
|
.list .playlistTitle {
|
|
margin-left: 250px;
|
|
margin-top: 5px;
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.list .channelName {
|
|
margin-left: 250px;
|
|
width: 275px;
|
|
}
|
|
|
|
.list .description {
|
|
margin-left: 285px;
|
|
font-size: 13px;
|
|
color: var(--secondary-text-color);
|
|
height: 35px;
|
|
overflow: hidden;
|
|
}
|