MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-04 00:18:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Chapters done

Browse Source
This commit is contained in:
Julien9969 2024-08-02 21:10:58 +02:00
parent 1145f6c2b0
commit 9d05643790
1 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
CSS/chapters-on-player.css
View File

@ -1,9 +1,9 @@
/* Display Chapters on time bar */ /* Display chapters on time bar */
.sliderMarker { .sliderMarker {
position: absolute !important; position: absolute !important;
width: 2px !important; width: 2px !important;
height: 12px !important; height: 10px !important;
transform: translate3d(0, 25%, 0) !important; transform: translate3d(0, 40%, 0) !important;
} }
.sliderMarker.unwatched { .sliderMarker.unwatched {
@ -11,30 +11,23 @@
} }
.sliderMarker.watched { .sliderMarker.watched {
background-color: red !important; background-color: #007da7 !important;
transition: background-color 0.3s ease !important; z-index: 1 !important;
z-index: 10 !important;
}
.sliderMarker.watched:hover {
background-color: #00a4dc !important;
transform: scale(2.05) !important;
z-index: 11 !important;
} }
/* Remove first and last chapters */ /* Remove first and last chapters */
.sliderMarker:first-of-type.unwatched { .sliderMarker:first-of-type.unwatched {
background-color: transparent !important; /* Example color for the first unwatched */ background-color: transparent !important;
} }
.sliderMarker:last-of-type.unwatched { .sliderMarker:last-of-type.unwatched {
background-color: transparent !important; /* Example color for the last unwatched */ background-color: transparent !important;
} }
.sliderMarker:first-of-type.watched { .sliderMarker:first-of-type.watched {
background-color: transparent !important; /* Example color for the first watched */ background-color: transparent !important;
} }
.sliderMarker:last-of-type.watched { .sliderMarker:last-of-type.watched {
background-color: transparent !important; /* Example color for the last watched */ background-color: transparent !important;
} }