Add blur effect for player
Add subtitle dragging cursor
Make subtitle background transparent
asmr one fix by howard20181
Details
Authorhoward20181
LicenseAGPL 3.0
Categoryasmr.one, asmr-100.com, asmr-200.com, asmr-300.com
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Since the front-end of the site is closed source (even though the kikoeru project it is using is open source under GPL 3.0), it is not possible to commit the changes directly to the source code.
Source code
/* ==UserStyle==
@name asmr one fix
@namespace github.com/openstyles/stylus
@version 1.0.1
@description Add background blur effect for player, add subtitle dragging cursor, make subtitle background transparent
@author Howard
==/UserStyle== */
@-moz-document domain("asmr-100.com"),domain("asmr-200.com"),domain("asmr-300.com"),
domain("asmr.one") {
/* 字幕拖动提示... */
#draggable {
cursor: move;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab;
}
#draggable:active {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* 背景模糊... */
.audio-player,
.q-card,
.q-menu {
background-color: rgb(255 255 255 / 0.3) !important;
backdrop-filter: -webkit-blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
/* .q-layout__section--marginal,
.q-toolbar__title .router-link-active,
.q-field--dark .q-field__native,
.q-field--standout.q-field--dark .q-field__control,
.q-field--dark .q-field__marginal {
color: unset !important;
}
.q-field--standout.q-field--dark .q-field__control {
border-width: thin;
border-style: solid
} */
#lyricsBar {
background-color: unset;
}
}