/*
Grammar checker
*/
#grammalecte_gc_panel_content {
margin: 0;
padding: 5px;
}
.grammalecte_paragraph_block {
margin: 0 0 5px 0;
}
.grammalecte_paragraph {
margin: 0;
padding: 10px;
background-color: hsl(0, 0%, 96%);
border-radius: 2px;
font-size: 14px;
font-family : "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
color: hsl(0, 0%, 0%);
}
.grammalecte_paragraph a {
background-color: hsla(210, 50%, 50%, 1);
padding: 1px 5px;
border-radius: 2px;
color: hsla(210, 0%, 96%, 1);
cursor: pointer;
text-decoration: none;
}
.grammalecte_paragraph a:hover {
background-color: hsla(210, 60%, 40%, 1);
color: hsla(0, 0%, 100%, 1);
text-shadow: 0 0 3px hsl(210, 30%, 60%);
}
.grammalecte_paragraph u {
text-decoration: none;
}
.grammalecte_paragraph u.corrected,
.grammalecte_paragraph u.ignored {
background-color: hsla(120, 50%, 70%, 1);
color: hsla(0, 0%, 4%, 1);
border-radius: 2px;
text-decoration: none;
}
.grammalecte_paragraph u.ignored {
background-color: hsla(30, 20%, 80%, 1);
}
.grammalecte_paragraph u.error {
position: relative;
cursor: pointer;
border-radius: 2px;
text-decoration: none; /* to remove for wavy underlines */
}
.grammalecte_paragraph u.error:hover {
cursor: pointer;
}
/*
Action buttons
*/
.grammalecte_paragraph_actions {
float: right;
margin: 0 0 5px 10px;
}
.grammalecte_paragraph_actions .button {
display: inline-block;
background-color: hsl(0, 0%, 50%);
text-align: center;
margin-left: 2px;
padding: 1px 4px 3px 4px;
cursor: pointer;
font-size: 14px;
color: hsl(0, 0%, 96%);
border-radius: 2px;
}
.grammalecte_paragraph_actions .button:hover {
background-color: hsl(0, 0%, 40%);
color: hsl(0, 0%, 100%);
}
.grammalecte_paragraph_actions .green {
background-color: hsl(120, 30%, 50%);
color: hsl(0, 0%, 96%);
}
.grammalecte_paragraph_actions .green:hover {
background-color: hsl(120, 50%, 40%);
color: hsl(0, 0%, 100%);
}
.grammalecte_paragraph_actions .red {
background-color: hsl(0, 30%, 50%);
color: hsl(0, 0%, 96%);
}
.grammalecte_paragraph_actions .red:hover {
background-color: hsl(0, 50%, 40%);
color: hsl(0, 0%, 100%);
}
.grammalecte_paragraph_actions .orange {
background-color: hsl(30, 50%, 50%);
color: hsl(30, 0%, 96%);
}
.grammalecte_paragraph_actions .orange:hover {
background-color: hsl(30, 70%, 40%);
color: hsl(30, 0%, 100%);
}
.grammalecte_paragraph_actions .bold {
font-weight: bold;
}
/*
TOOLTIP
*/
#grammalecte_tooltip_arrow {
position: absolute;
display: none;
}
#grammalecte_tooltip {
position: absolute;
margin: 0;
display: none;
width: 300px;
border-radius: 5px;
box-shadow: 0 0 6px hsla(0, 0%, 0%, 0.3);
font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
font-size: 12px;
line-height: 18px;
cursor: default;
text-decoration: none;
border: 3px solid hsl(210, 50%, 30%);
color: hsla(210, 10%, 20%, 1);
z-index: 1000;
}
#grammalecte_tooltip_message_block {
margin: 0;
padding: 5px 10px 10px 10px;
background-color: hsl(210, 50%, 30%);
color: hsl(210, 50%, 96%);
}
#grammalecte_tooltip_rule_id {
display: none;
margin: 0 0 5px 0;
border: 1px solid hsl(210, 50%, 60%);
background-color: hsl(210, 50%, 40%);
padding: 2px 5px;
border-radius: 2px;
color: hsla(210, 0%, 96%, 1);
font-size: 11px;
font-style: normal;
text-align: center;
}
#grammalecte_tooltip_message {
font-size: 15px;
margin: 0 0 5px 0;
}
#grammalecte_tooltip_ignore {
display: inline-block;
padding: 2px 5px;
background-color: hsla(30, 30%, 40%, 1);
color: hsla(30, 0%, 96%, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
}
#grammalecte_tooltip_ignore:hover {
background-color: hsla(30, 30%, 50%, 1);
color: hsla(0, 0%, 100%, 1);
text-shadow: 0 0 3px hsl(30, 30%, 60%);
}
#grammalecte_tooltip_url {
display: inline-block;
margin: 0 0 0 10px;
padding: 2px 5px;
background-color: hsla(210, 50%, 50%, 1);
color: hsla(210, 0%, 96%, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
}
#grammalecte_tooltip_url:hover {
background-color: hsla(210, 50%, 60%, 1);
color: hsla(0, 0%, 100%, 1);
text-shadow: 0 0 3px hsl(210, 30%, 60%);
}
#grammalecte_tooltip_sugg_title {
padding: 0 10px;
background-color: hsl(210, 10%, 90%);
color: hsl(210, 50%, 30%);
font-size: 10px;
font-weight: bold;
}
#grammalecte_tooltip_sugg_block {
padding: 10px;
background-color: hsl(210, 10%, 96%);
border-radius: 0 0 2px 2px;
line-height: 20px;
}
#grammalecte_tooltip_sugg_block a.sugg {
padding: 1px 6px;
background-color: hsla(180, 60%, 40%, 1);
color: hsla(180, 0%, 96%, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
}
#grammalecte_tooltip_sugg_block a.sugg:hover {
background-color: hsla(180, 70%, 45%, 1);
color: hsla(0, 0%, 100%, 1);
}
/*
ERRORS
*/
.grammalecte_paragraph .error {
/* default color */
background-color: hsl(240, 10%, 50%);
color: hsl(240, 0%, 96%);
}
.grammalecte_paragraph .error:hover {
background-color: hsl(240, 10%, 40%);
color: hsl(240, 0%, 100%);
}
/* elems */
.grammalecte_paragraph .WORD {
background-color: hsl(0, 50%, 50%);
color: hsl(0, 0%, 96%);
/*text-decoration: underline wavy hsl(0, 50%, 50%);*/
}
.grammalecte_paragraph .WORD:hover {
background-color: hsl(0, 60%, 40%);
color: hsl(0, 0%, 100%);
}
/* elems */
.grammalecte_paragraph .typo,
.grammalecte_paragraph .esp,
.grammalecte_paragraph .nbsp,
.grammalecte_paragraph .eif,
.grammalecte_paragraph .maj,
.grammalecte_paragraph .virg,
.grammalecte_paragraph .tu,
.grammalecte_paragraph .num,
.grammalecte_paragraph .unit,
.grammalecte_paragraph .nf,
.grammalecte_paragraph .liga,
.grammalecte_paragraph .mapos,
.grammalecte_paragraph .chim {
background-color: hsl(30, 70%, 50%);
color: hsl(30, 10%, 96%);
/*text-decoration: underline wavy hsl(30, 70%, 50%);*/
}
.grammalecte_paragraph .typo:hover,
.grammalecte_paragraph .esp:hover,
.grammalecte_paragraph .nbsp:hover,
.grammalecte_paragraph .eif:hover,
.grammalecte_paragraph .maj:hover,
.grammalecte_paragraph .virg:hover,
.grammalecte_paragraph .tu:hover,
.grammalecte_paragraph .num:hover,
.grammalecte_paragraph .unit:hover,
.grammalecte_paragraph .nf:hover,
.grammalecte_paragraph .liga:hover,
.grammalecte_paragraph .mapos:hover,
.grammalecte_paragraph .chim:hover {
background-color: hsl(30, 80%, 45%);
color: hsl(30, 10%, 96%);
}
/* elems */
.grammalecte_paragraph .apos {
background-color: hsl(40, 90%, 50%);
color: hsl(40, 10%, 96%);
/*text-decoration: underline wavy hsl(40, 70%, 45%);*/
}
.grammalecte_paragraph .apos:hover {
background-color: hsl(40, 100%, 45%);
color: hsl(40, 10%, 96%);
}
/* elems */
.grammalecte_paragraph .gn,
.grammalecte_paragraph .sgpl {
background-color: hsl(210, 50%, 50%);
color: hsl(210, 10%, 96%);
/*text-decoration: underline wavy hsl(210, 50%, 50%);*/
}
.grammalecte_paragraph .gn:hover,
.grammalecte_paragraph .sgpl:hover {
background-color: hsl(210, 60%, 40%);
color: hsl(210, 10%, 96%);
}
/* elems */
.grammalecte_paragraph .conj,
.grammalecte_paragraph .infi,
.grammalecte_paragraph .imp,
.grammalecte_paragraph .inte,
.grammalecte_paragraph .ppas,
.grammalecte_paragraph .vmode {
background-color: hsl(300, 30%, 40%);
color: hsl(300, 10%, 96%);
/*text-decoration: underline wavy hsl(300, 40%, 40%);*/
}
.grammalecte_paragraph .conj:hover,
.grammalecte_paragraph .infi:hover,
.grammalecte_paragraph .imp:hover,
.grammalecte_paragraph .inte:hover,
.grammalecte_paragraph .ppas:hover,
.grammalecte_paragraph .vmode:hover {
background-color: hsl(300, 40%, 30%);
color: hsl(300, 10%, 96%);
}
/* elems */
.grammalecte_paragraph .conf,
.grammalecte_paragraph .ocr {
background-color: hsl(270, 40%, 30%);
color: hsl(270, 10%, 96%);
/*text-decoration: underline wavy hsl(270, 40%, 30%);*/
}
.grammalecte_paragraph .conf:hover,
.grammalecte_paragraph .ocr:hover {
background-color: hsl(270, 50%, 20%);
color: hsl(270, 10%, 96%);
}
/* elems */
.grammalecte_paragraph .bs,
.grammalecte_paragraph .pleo,
.grammalecte_paragraph .neg,
.grammalecte_paragraph .redon1,
.grammalecte_paragraph .redon2,
.grammalecte_paragraph .mc,
.grammalecte_paragraph .date,
.grammalecte_paragraph .notype {
background-color: hsl(180, 50%, 40%);
color: hsl(180, 10%, 96%);
/*text-decoration: underline wavy hsl(180, 50%, 40%);*/
}
.grammalecte_paragraph .bs:hover,
.grammalecte_paragraph .pleo:hover,
.grammalecte_paragraph .neg:hover,
.grammalecte_paragraph .redon1:hover,
.grammalecte_paragraph .redon2:hover,
.grammalecte_paragraph .mc:hover,
.grammalecte_paragraph .date:hover,
.grammalecte_paragraph .notype:hover {
background-color: hsl(180, 60%, 30%);
color: hsl(180, 10%, 96%);
}