Skip to content

asmr one fix by howard20181

Write a review Install Get Stylus

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

Add blur effect for player
Add subtitle dragging cursor
Make subtitle background transparent

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;
    }
}

Reviews

No reviews yet.