$.noty.themes.defaultTheme = { name : 'defaultTheme', helpers : { borderFix: function() { if(this.options.dismissQueue) { var selector = this.options.layout.container.selector + ' ' + this.options.layout.parent.selector; switch(this.options.layout.name) { case 'top': $(selector).css({borderRadius: '0px 0px 0px 0px'}); $(selector).last().css({borderRadius: '0px 0px 5px 5px'}); break; case 'topCenter': case 'topLeft': case 'topRight': case 'bottomCenter': case 'bottomLeft': case 'bottomRight': case 'center': case 'centerLeft': case 'centerRight': case 'inline': $(selector).css({borderRadius: '0px 0px 0px 0px'}); $(selector).first().css({'border-top-left-radius': '5px', 'border-top-right-radius': '5px'}); $(selector).last().css({'border-bottom-left-radius': '5px', 'border-bottom-right-radius': '5px'}); break; case 'bottom': $(selector).css({borderRadius: '0px 0px 0px 0px'}); $(selector).first().css({borderRadius: '5px 5px 0px 0px'}); break; default: break; } } } }, modal : { css: { position : 'fixed', width : '100%', height : '100%', backgroundColor: '#000', zIndex : 10000, opacity : 0.6, display : 'none', left : 0, top : 0 } }, style : function() { this.$bar.css({ overflow : 'hidden', background: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=') repeat-x scroll left top #fff" }); this.$message.css({ fontSize : '13px', lineHeight: '16px', textAlign : 'center', padding : '8px 10px 9px', width : 'auto', position : 'relative' }); this.$closeButton.css({ position : 'absolute', top : 4, right: 4, width : 10, height: 10, background: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAxUlEQVR4AR3MPUoDURSA0e++uSkkOxC3IAOWNtaCIDaChfgXBMEZbQRByxCwk+BasgQRZLSYoLgDQbARxry8nyumPcVRKDfd0Aa8AsgDv1zp6pYd5jWOwhvebRTbzNNEw5BSsIpsj/kurQBnmk7sIFcCF5yyZPDRG6trQhujXYosaFoc+2f1MJ89uc76IND6F9BvlXUdpb6xwD2+4q3me3bysiHvtLYrUJto7PD/ve7LNHxSg/woN2kSz4txasBdhyiz3ugPGetTjm3XRokAAAAASUVORK5CYII=)", display : 'none', cursor : 'pointer' }); this.$buttons.css({ padding : 5, textAlign : 'right', borderTop : '1px solid #ccc', backgroundColor: '#fff' }); this.$buttons.find('button').css({ marginLeft: 5 }); this.$buttons.find('button:first').css({ marginLeft: 0 }); this.$bar.on({ mouseenter: function() { $(this).find('.noty_close').stop().fadeTo('normal', 1); }, mouseleave: function() { $(this).find('.noty_close').stop().fadeTo('normal', 0); } }); switch(this.options.layout.name) { case 'top': this.$bar.css({ borderRadius: '0px 0px 5px 5px', borderBottom: '2px solid #eee', borderLeft : '2px solid #eee', borderRight : '2px solid #eee', boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)" }); break; case 'topCenter': case 'center': case 'bottomCenter': case 'inline': this.$bar.css({ borderRadius: '5px', border : '1px solid #eee', boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)" }); this.$message.css({fontSize: '13px', textAlign: 'center'}); break; case 'topLeft': case 'topRight': case 'bottomLeft': case 'bottomRight': case 'centerLeft': case 'centerRight': this.$bar.css({ borderRadius: '5px', border : '1px solid #eee', boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)" }); this.$message.css({fontSize: '13px', textAlign: 'left'}); break; case 'bottom': this.$bar.css({ borderRadius: '5px 5px 0px 0px', borderTop : '2px solid #eee', borderLeft : '2px solid #eee', borderRight : '2px solid #eee', boxShadow : "0 -2px 4px rgba(0, 0, 0, 0.1)" }); break; default: this.$bar.css({ border : '2px solid #eee', boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)" }); break; } switch(this.options.type) { case 'alert': case 'notification': this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'}); break; case 'warning': this.$bar.css({backgroundColor: '#FFEAA8', borderColor: '#FFC237', color: '#826200'}); this.$buttons.css({borderTop: '1px solid #FFC237'}); break; case 'error': this.$bar.css({backgroundColor: 'red', borderColor: 'darkred', color: '#FFF'}); this.$message.css({fontWeight: 'bold'}); this.$buttons.css({borderTop: '1px solid darkred'}); break; case 'information': this.$bar.css({backgroundColor: '#57B7E2', borderColor: '#0B90C4', color: '#FFF'}); this.$buttons.css({borderTop: '1px solid #0B90C4'}); break; case 'success': this.$bar.css({backgroundColor: 'lightgreen', borderColor: '#50C24E', color: 'darkgreen'}); this.$buttons.css({borderTop: '1px solid #50C24E'}); break; default: this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'}); break; } }, callback: { onShow : function() { $.noty.themes.defaultTheme.helpers.borderFix.apply(this); }, onClose: function() { $.noty.themes.defaultTheme.helpers.borderFix.apply(this); } } };