TableFilter/static/style/help.styl

/**
 * Help box default style
 */

@import 'config'
@import 'mixins/arrow'
@import 'mixins/box-shadow'

// help button
.helpBtn
    display                 inline-block
    height                  $min-height
    margin                  0
    padding                 8px 15px 8px 15px
    border-left             1px solid $toolbar-divider-color
    border-right            1px solid $toolbar-divider-color
    vertical-align          top

    &:hover
        background-color    #F4F4F4
        border-radius       3px

// help container
div.helpCont
    arrow(top, 10px white, 2px #ccc)
    box-shadow(3px 3px 2px #888)
    position                absolute
    display                 none
    width                   300px
    padding                 10px
    margin                  45px 0 0 -150px
    border                  1px solid #CCC
    line-height             20px
    font-size               inherit
    color                   #333
    background              #fff
    text-align              left

    a
        color               #cc0000
        text-decoration     underline;
        font-weight         normal

    a.close
        color               #333
        text-decoration     none
        font-weight         bold

        &:hover
            text-decoration none

    hr
        border              1px solid #ccc

div.helpFooter
    margin                  10px 0 0 0
    h4
        margin              2px 2px 2px 2px
        color               #333