X LUCIOUS - COMMENTS MARKDOWN HELP v.1 (new1)

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("luscious.net") {


/* === X LUCIOUS - COMMENTS MARKDOWN HELP v.1 (new1) ==== */
textarea#wmd-input {
display: inline-block !important;
    height: 222px;
width: 100% !important;
    max-width: 80% !important;
    min-width: 80% !important;
outline: 1px solid violet !important;
}
.wmd-panel .btn-toolbar:hover::after {
    position: fixed !important;
display: inline-block !important;
    width: 520px !important;
    height: 400px !important;
/* margin-left: -66px !important; */
/* margin-top: -422px !important; */
right: 0 !important;
top: 50px !important;
    padding: 10px !important;
    border: 4px solid YELLOW !important;
    border-radius: 4px 4px 20px 20px !important;
    color: peru !important;
    white-space: pre-line !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 500 !important;
    background: black !important;
    transition: all 0.7s ease 0s !important;
    content: "Quick reference guide to the rest of the Markdown syntax. \a ▶ Headers with ( # ) : \a # Level one header # \a ### Level three header ### \a Headers continue as you’d imagine, with extra hashes. \a ▶ Links with ( [ ...] ): \a [This is a link](http://www.darkcoding.net) \a ▶ Blockquote with ( > ): \a > This is quoted \a ▶ Code : \a Indent text at least 4 spaces for all formatting in it to be ignored. \a # This isn\'t displayed as header, because it is indented 4 spaces \a Or inline: \a Inline code is `escaped` with backticks (`) \a ▶ Lists \a ▶ Unordered lists : use *, + or - : \a * This \a * is \a * a list \a ▶ Ordered lists : use number followed by period. \a 1. with \a 1. numbers \a ▶ Horizontal lines with ( - ) : \a Three or more dashes ( - ) ---- \a ▶ Emphasis \a A single underscore ( _ )or asterix ( * ) is italic, two is bold : \a _italic_ or *italic* \a __bold__ or **bold** \a ▶ Escaping : \a If you don’t want some of these rules to apply, \a they can be escaped \a by preceding the special character with a backslash ( / ): \a This is /*/*not/*/* in bold." !important;
}

 button:hover  .icon-bold,
.btn-toolbar  button:hover [class^="icon-"] ,
.btn-toolbar  button:hover  [class*=" icon-"] {
margin-top: -4px !important;
border-radius: 5px !important;
border: 4px solid green !important;
    background-image: url("https://assets.luscious.net/static/_generated/images/markdown/glyphicons-halflings-9c27e42c89b68048eba75c2c73832ff7cdc2bc7f.gif");
background-color: green !important;
}



#wmd-button-group1 button:hover::after ,
#wmd-button-group2 button:hover::after ,
#wmd-button-group3 button:hover::after ,
#wmd-button-group4 button:hover::after {
position: absolute !important;
display: inline-block !important;
    vertical-align: middle;
height: 18px !important;
width: auto !important;
    line-height: 18px !important;
margin-top: -27px !important;
margin-left: -27px !important;
    margin-bottom: 0;
    padding: 2px 5px !important;
    text-align: center !important;
    text-shadow: none !important;
    font-size: 13px;
    color: gold !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
white-space: nowrap !important;
    background: #362c2e !important;
}

#wmd-link-button:hover::after {
content: "Link - Ctrl+L" !important;
}
#wmd-quote-button:hover::after {
content: "Blockquote - Ctrl+Q" !important;
}
#wmd-code-button:hover::after {
content: "Code Sample - Ctrl+K" !important;
}
#wmd-image-button:hover::after {
content: "Image - Ctrl+G" !important;
}


#wmd-olist-button:hover::after {
content: "Numbered List - Ctrl+O" !important;
}
#wmd-ulist-button:hover::after {
content: "Bulleted List - Ctrl+U" !important;
}
#wmd-heading-button:hover::after {
content: "Heading - Ctrl+H" !important;
}
#wmd-hr-button:hover::after {
content: "Horizontal Rule - Ctrl+R" !important;
}


#wmd-undo-button:hover::after {
content: "Undo - Ctrl+Z" !important;
}
#wmd-redo-button:hover::after {
content: "Redo - Ctrl+Y" !important;
}
/* ==== END ==== */

}