Grammalecte  Diff

}

p.grammalecte_paragraph {
    margin: 0;
    padding: 12px;
    background-color: hsl(0, 0%, 96%);
    border-radius: 2px;
    line-height: normal;
    line-height: 1.3;
    text-align: left;
    font-size: 14px;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    color: hsl(0, 0%, 0%);
    hyphens: none;
}

    color: hsla(0, 0%, 100%, 1);
}


/*
    ERRORS
*/
mark.grammalecte_error {
mark.grammalecte_error,
mark.grammalecte_spellerror {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    /* default color */
    background-color: hsl(240, 10%, 50%);
    color: hsl(240, 0%, 96%);
    background-color: hsl(240, 0%, 80%);        /* default color */
    color: hsl(240, 0%, 10%);                   /* default color */
    border-bottom: solid 2px hsl(0, 0%, 50%);   /* default color */
    font-size: 14px;
    font-style: normal;
    font-family : "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    text-decoration: none;
    text-shadow: unset;
    text-align: left;
    hyphens: none;
}
mark.grammalecte_error:hover {
    background-color: hsl(240, 10%, 40%);
    color: hsl(240, 0%, 100%);
    box-shadow: 0px 0px 0px 3px hsla(0, 0%, 50%, 0.2);
mark.grammalecte_error:hover,
mark.grammalecte_spellerror:hover {
    opacity: .9;
    box-shadow: 0px 0px 0px 3px hsla(0, 0%, 50%, 0.25);
}

mark.grammalecte_spellerror {
    background-color: hsl(0, 100%, 88%);
    color: hsl(0, 80%, 30%);
    border-bottom: solid 2px hsl(0, 100%, 50%);
}

mark.grammalecte_error_corrected,
mark.grammalecte_error_ignored {
    margin: 0;
    padding: 0;
    display: inline-block;