monkeytype.com - 6/7/2021, 12:32:47 AM by shivansh-max

/* ==UserStyle==
@name           monkeytype.com - 6/7/2021, 12:32:47 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Caspid's typing
@author         Caspid
==/UserStyle== */
@-moz-document domain("monkeytype.com") {


    body {
        margin: 0;
        padding: 0;
    }

    /* hide "monkey see" */
    #top .logo .top {
        display: none !important;
    }

    /* space between logo and menu */
    #menu {
        margin-left: 1em;
    }

    /* make logo thinner */
    #top .logo .bottom,
    .pageTest .ssWatermark,
    #result .ssWatermark {
        font-family: Open Sans;
        font-weight: 200;
        letter-spacing: -0.01em;
    }
    .pageTest .ssWatermark {
        font-size: 1rem;
    }

    /* hide start test, "i" and leaderboards */
    #menu #startTestButton,
    .leaderboards.view-leaderboards,
    .view-about {
        display: none;
    }

    /* make restart button transparent/invisible */
    #restartTestButton {
        opacity: 0 !important;
    }

    /* make logo disappear while typing */
    #top.focus .logo .bottom {
        color: var(--bg-color)!important;
    }

    /* results headers use slightly dimmer text color instead of sub color */
    #result .stats .group .top {
        color: var(--text-color);
        opacity: 0.9;
    }

    /* stop monkey from shaking */
    #monkey {
        opacity: 0.9;
        animation: none;
    }

    /* hide "input history" until hovered */
    #resultWordsHistory .title,
    .leftright .right {
        opacity: 0;
    }
    .title:hover,
    .leftright .right:hover {
        opacity: 1 !important;
    }

    /* hide  "toggle words history" */
    #showWordHistoryButton {
        display: none;
    }

    /* make mouseover on input text use main color */
    .words .word .wordInputAfter {
        color: var(--balloon-text-color);
        background: var(--main-color);
    }

    /* make input text the sub color */
    #result #resultWordsHistory .correct/*, #result #resultReplay .correct*/
    {
        color: var(--sub-color);
    }

    .word letter.corrected {
        border-bottom-style: solid;
    }

    .word letter.extraCorrected {
        border-right-style: solid;
    }

    
    
    
    
    
    /* make buttons prettier */
    
    #result .buttons {
        margin-top: 2em;
    }
    
    #restartTestButton:hover,
    #restartTestButton:focus,
    #showWordHistoryButton:hover,
    #showWordHistoryButton:focus,
    #saveScreenshotButton:hover,
    #saveScreenshotButton:focus,
    #restartTestButtonWithSameWordset:hover,
    #restartTestButtonWithSameWordset:focus,
    #nextTestButton:hover,
    #nextTestButton:focus,
    #practiseMissedWordsButton:hover,
    #practiseMissedWordsButton:focus,
    #watchReplayButton:hover,
    #watchReplayButton:focus {
        color: #fff;
        background: var(--main-color);
    }

    #restartTestButton:hover,
    #restartTestButton:focus,
    #showWordHistoryButton:hover,
    #showWordHistoryButton:focus,
    #saveScreenshotButton:hover,
    #saveScreenshotButton:focus,
    #restartTestButtonWithSameWordset:hover,
    #restartTestButtonWithSameWordset:focus,
    #nextTestButton:hover,
    #nextTestButton:focus,
    #practiseMissedWordsButton:hover,
    #practiseMissedWordsButton:focus,
    #watchReplayButton:hover,
    #watchReplayButton:focus {}

    #restartTestButton:focus,
    #showWordHistoryButton:focus,
    #saveScreenshotButton:focus,
    #restartTestButtonWithSameWordset:focus,
    #nextTestButton:focus,
    #practiseMissedWordsButton:focus,
    #watchReplayButton:focus {
        background: var(--main-color);
    }
}