i have added jalert plugin asp.net mvc web application, , have included necessary css , images , script.
but problem alert being displayed without background colour , shown below:-
the css file is:-
/** * jalert v.1.0.0 * copyright (c) 2008 julian castaneda * http://www.smooka.com/blog/ * requires: jquery 1.2+ */ body{ margin:0px; padding:0px; } .msg-box-cont{ color:#000000; z-index:1014; position: absolute; padding:0px; margin:0px; display:none; top:0px; } .msg-box-cont table { margin:5px; padding:0px; border:0px; } .msg-box-cont a{ color:#000; } .msg-btn{ width:15px; height:15px; cursor:pointer; position:relative; padding:0px; margin:0px; top:-4px; background:url(images/msg-close-sprite.gif) no-repeat; } .msg-text{ font-size:12px; margin-left:4px; margin-right:4px; } .msg-icon{ height:16px; width:16px; float:left; top:3px; margin:0px 8px 0px 2px; background:url(images/msg-icon-sprite.png) no-repeat; } .err_msg_cont{ width:100%; padding:5px; color:#000000; margin-left:20px; } .msg-icon-success{background-position:0px 0px;} .msg-icon-warning{background-position:0px -16px;} .msg-icon-fatal{background-position:0px -32px;} .msg-icon-info{background-position:0px -48px;} .msg-success{ border:1px solid #009900; background-color:#c6ffa4; } .msg-success a:hover{ color:#006600; } .msg-warning{ border:1px solid #ffcc00; background-color:#ffff99; } .msg-warning a:hover{ color:#ff3300; } .msg-fatal{ border:1px solid #dd0000; background-color:#ffb7b7; } .msg-fatal a:hover{ color:#660000; } .msg-info{ border:1px solid #0159ba; background-color:#cad3ff; } .msg-info a:hover{ color:#003366; } .close-success{background-position:0px 0px;} .close-success:hover{background-position:-15px 0px;} .close-warning{background-position:0px -15px;} .close-warning:hover{background-position:-15px -15px;} .close-fatal{background-position:0px -30px;} .close-fatal:hover{background-position:-15px -30px;} .close-info{background-position:0px -45px;} .close-info:hover{background-position:-15px -45px;}
Comments
Post a Comment