My fork of airsonic with experimental fixes and improvements. See branch "custom"
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
airsonic-custom/airsonic-main/src/main/webapp/style/mediaelement-light.css

119 lines
2.3 KiB

.mejs__overlay-loading-bg-img {
background-image: url("mejs-controls-dark.svg");
}
.mejs__button > button {
background-image: url("mejs-controls-dark.svg");
}
.mejs__overlay-button {
background-image: url("mejs-controls-dark.svg");
}
.mejs__container {
background: transparent;
}
.mejs__container .me_cannotplay a {
background: transparent;
}
.mejs__controls:not([style*="display: none"]) {
background: transparent;
}
.mejs__time {
color: black;
}
.mejs__time-total {
background: rgba(190, 190, 190, 0.7);
}
.mejs__time-buffering {
background: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent 50%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.85) 75%, transparent 75%, transparent);
}
.mejs__time-loaded {
background: rgba(0, 0, 0, .7);
}
.mejs__time-current, .mejs__time-handle-content {
background: rgba(0, 0, 0, 0.5);
}
.mejs__time-hovered {
background: rgba(0, 0, 0, .4);
}
.mejs__time-hovered.negative {
background: rgba(255, 255, 255, 0.4);
}
.mejs__volume-button > .mejs__volume-slider {
background: rgba(50, 50, 50, 0.3);
}
.mejs__volume-current {
background: rgba(0, 0, 0, 0.1);
}
.mejs__volume-handle {
background: rgba(0, 0, 0, 0.1);
}
.mejs__horizontal-volume-total {
background: rgba(50, 50, 50, 0.2);
}
.mejs__horizontal-volume-current {
background: rgba(0, 0, 0, 0.2);
}
.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
background: rgba(50, 50, 50, 0.3);
}
.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
color: #000;
}
.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
background-color: rgb(100, 100, 100) !important;
background-color: rgba(0, 0, 0, 0.6) !important;
}
.mejs__captions-layer {
color: #000;
}
.mejs__captions-layer a {
color: #000;
}
/* HACKS */
.mejs__time-total {
background: white;
border-radius:3px;
}
.mejs__time-loaded {
background: rgb(142, 191, 255);
border-radius:3px;
}
.mejs__time-current, .mejs__time-handle-content {
background: #00448c;
border-radius:3px;
}
.mejs__time-hovered.negative {
background: rgba(255, 255, 255, 0.4);
}
.mejs__container {
width: 500px !important;
}
div#player {
width: 500px !important;
}