META-INF.resources.org.richfaces.notify.ecss Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of richfaces Show documentation
The newest version!
.rf-ntf {
    bottom: auto;
    right: 10px;
    top: 10px;
    left: auto;
    z-index: 9999;
}

.rf-ntf-inf {
    color: '#{a4jSkin.generalTextColor}';
}

.rf-ntf-wrn {
    color: '#{a4jSkin.warningColor}';
}

.rf-ntf-err {
    color: '#{a4jSkin.errorColor}';
}

.rf-ntf-ftl {
    color: '#{a4jSkin.errorColor}';
}

html > body .rf-ntf {
    position: fixed;
}

.rf-ntf .rf-ntf-shdw {
    margin: 0;
    padding: 8px;
    opacity: .3;
    border-radius: '#{a4jSkin.panelBorderRadius}';
    position: absolute;
    z-index: -1;
    top: .1em;
    left: .1em;
    bottom: -.2em;
    right: -.2em;
    background-color: '#{a4jSkin.headerBackgroundColor}';
    color: '#{a4jSkin.headerTextColor}';
}

.rf-ntf-cnt {
    /* height: 100%; was causing bottom-positioned notifications to overlap the bottom side of the page */
    padding: .8em;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: '#{a4jSkin.panelBorderColor}';
    background-color: '#{a4jSkin.generalBackgroundColor}';
    color: '#{a4jSkin.panelTextColor}';
}

.rf-ntf-cnt-hov {
    background: red;
}

.rf-ntf-cls {
    float: right;
    margin-left: .2em;
}

.rf-ntf-cls-ico {
    display: block;
    width: 11px;
    height: 11px;
    background-image:"url(#{resource['org.richfaces:notify_close.png']})";
}

.rf-ntf-sum {
    margin: 0;
    font-weight: bold;
}

.rf-ntf-det {
    display: block;
}

.rf-ntf-clr {
    clear:both;
}

.rf-ntf-ico {
    display: none;
    float: left;
    margin-right: 0.5em;
    width: 16px;
    height: 16px;
}

.rf-ntf-hstr {
    background-color: '#{a4jSkin.headerBackgroundColor}';
    border-color: '#{a4jSkin.headerBackgroundColor}';
    font-size: '#{a4jSkin.headerSizeFont}';
    color: '#{a4jSkin.headerTextColor}';
    font-family: '#{a4jSkin.headerFamilyFont}';
    /**
    TODO uncomment this
        background-image:"url(#{resource['org.richfaces.renderkit.html.GradientA']})";
    */
    font-weight: normal;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    z-index: 10000;
    color: '#{a4jSkin.panelTextColor}';
}

.rf-ntf-hstr-hdr {
    padding: 2px;
}

.rf-ntf-hstr button {
    cursor: pointer;
    display: block;
    width: 100%;
}

.rf-ntf-hstr-hndl {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: '#{a4jSkin.panelTextColor}';
    background-image: "#{a4jSkin.imageUrl('triangleDown.png')}";
}

.rf-ntf-inf .rf-ntf-ico {
    display: block;
    background-image: "url(#{resource['org.richfaces:info.png']})";
}

.rf-ntf-wrn .rf-ntf-ico {
    display: block;
    background-image: "url(#{resource['org.richfaces:warning.png']})";
}

.rf-ntf-err .rf-ntf-ico {
    display: block;
    background-image: "url(#{resource['org.richfaces:error.png']})";
}

.rf-ntf-ftl .rf-ntf-ico {
    display: block;
    background-image: "url(#{resource['org.richfaces:fatal.png']})";
}

.rf-ntf-pos-tl {
    bottom: auto;
    left: 10px;
    top: 10px;
    right: auto;
}

.rf-ntf-pos-tr {
    bottom: auto;
    right: 10px;
    top: 10px;
    left: auto;
}

.rf-ntf-pos-bl {
    bottom: 10px;
    left: 10px;
    top: auto;
    right: auto;
}

.rf-ntf-pos-br {
    bottom: 10px;
    right: 10px;
    top: auto;
    left: auto;
}