Skip to content

Hide transcriptions for pealim.com by Kzer-Za

Write a review Install Get Stylus

Details

AuthorKzer-Za

LicenseGPL v2

Categorypealim.com

Created

Updated

Size818 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Hides transcriptions. Hover your mouse pointer over the transcription placeholder ([...]) to see the transcription.

Notes

Having transcriptions is nice when you need help, but I found that when they are visible from the beginning, my eyes just snap to the transcription immediately, instead of first trying to read Hebrew. With this style the transcriptions are hidden, but you can see them when you want to check that you read the word correctly.

Source code

/* ==UserStyle==
@name         Hide transcriptions for pealim.com
@version      20231024.14.59
@namespace    userstyles.world/user/Kzer-Za
@description  Hides transcriptions. Hover your mouse pointer over the transcription placeholder ([...]) to see the transcription.
@author       Kzer-Za
@license      GPL v2
==/UserStyle== */

@-moz-document url-prefix("https://www.pealim.com") {
.transcription {
    position: relative;
}

.transcription::before {
    content: "[...]";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #131516;
    color: #d8d4cf;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.1s ease-in;
}

.transcription:hover::before {
    opacity: 0;
}
}

Reviews

No reviews yet.