128 lines
1.7 KiB
CSS
128 lines
1.7 KiB
CSS
/* Generic rules */
|
|
|
|
.link-success {
|
|
transition: color 0.15s ease;
|
|
}
|
|
|
|
.link-secondary {
|
|
transition: color 0.15s ease;
|
|
}
|
|
|
|
.Lms-bg-dark-hover {
|
|
transition: background-color 0.15s ease;
|
|
}
|
|
|
|
.Lms-bg-dark-hover:hover {
|
|
background-color: var(--bs-dark);
|
|
}
|
|
|
|
/* Specific rules */
|
|
body {
|
|
padding-bottom: 78px;
|
|
}
|
|
|
|
.Lms-badge-cluster {
|
|
transition: filter 0.15s ease;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Lms-badge-cluster:hover {
|
|
filter: brightness(85%);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Lms-notification-container {
|
|
position: fixed;
|
|
bottom: 78px;
|
|
right: 0px;
|
|
}
|
|
|
|
.Lms-entry-playing {
|
|
background-color: var(--bs-dark);
|
|
}
|
|
|
|
.Lms-cover {
|
|
opacity: 0;
|
|
transition: opacity 0.5s ease-in, filter 0.15s ease;
|
|
}
|
|
|
|
.Lms-cover-anchor:hover {
|
|
filter: brightness(85%);
|
|
}
|
|
|
|
.Lms-cover-container {
|
|
position: relative;
|
|
}
|
|
|
|
.Lms-cover-loaded {
|
|
opacity: 1;
|
|
}
|
|
|
|
.Lms-cover-release {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.Lms-cover-track {
|
|
width: 64px;
|
|
min-width: 64px;
|
|
}
|
|
|
|
.Lms-player {
|
|
height: 70px;
|
|
}
|
|
|
|
.fixed-bottom.Lms-player {
|
|
z-index: 999;
|
|
}
|
|
|
|
.Lms-player-seek-common {
|
|
position: absolute;
|
|
width:100%;
|
|
top: 0;
|
|
left: 0;
|
|
height: 6px;
|
|
}
|
|
|
|
.Lms-player-seek {
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
touch-action: manipulation;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.Lms-player-seek::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.Lms-player-seek::-moz-range-thumb {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
|
|
.Lms-responsive-square {
|
|
width: 100%;
|
|
}
|
|
|
|
.Lms-responsive-square:after {
|
|
content: "";
|
|
display: block;
|
|
padding-bottom: 100%;
|
|
}
|