https://filmbazaarindia.com/scripts/noty/themes/default.js

1$.noty.themes.defaultTheme = {
2    name    : 'defaultTheme',
3    helpers : {
4        borderFix: function() {
5            if(this.options.dismissQueue) {
6                var selector = this.options.layout.container.selector + ' ' + this.options.layout.parent.selector;
7                switch(this.options.layout.name) {
8                    case 'top':
9                        $(selector).css({borderRadius: '0px 0px 0px 0px'});
10                        $(selector).last().css({borderRadius: '0px 0px 5px 5px'});
11                        break;
12                    case 'topCenter':
13                    case 'topLeft':
14                    case 'topRight':
15                    case 'bottomCenter':
16                    case 'bottomLeft':
17                    case 'bottomRight':
18                    case 'center':
19                    case 'centerLeft':
20                    case 'centerRight':
21                    case 'inline':
22                        $(selector).css({borderRadius: '0px 0px 0px 0px'});
23                        $(selector).first().css({'border-top-left-radius': '5px', 'border-top-right-radius': '5px'});
24                        $(selector).last().css({'border-bottom-left-radius': '5px', 'border-bottom-right-radius': '5px'});
25                        break;
26                    case 'bottom':
27                        $(selector).css({borderRadius: '0px 0px 0px 0px'});
28                        $(selector).first().css({borderRadius: '5px 5px 0px 0px'});
29                        break;
30                    default:
31                        break;
32                }
33            }
34        }
35    },
36    modal   : {
37        css: {
38            position       : 'fixed',
39            width          : '100%',
40            height         : '100%',
41            backgroundColor: '#000',
42            zIndex         : 10000,
43            opacity        : 0.6,
44            display        : 'none',
45            left           : 0,
46            top            : 0
47        }
48    },
49    style   : function() {
50
51        this.$bar.css({
52            overflow  : 'hidden',
53            background: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=') repeat-x scroll left top #fff"
54        });
55
56        this.$message.css({
57            fontSize  : '13px',
58            lineHeight: '16px',
59            textAlign : 'center',
60            padding   : '8px 10px 9px',
61            width     : 'auto',
62            position  : 'relative'
63        });
64
65        this.$closeButton.css({
66            position  : 'absolute',
67            top       : 4, right: 4,
68            width     : 10, height: 10,
69            background: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAxUlEQVR4AR3MPUoDURSA0e++uSkkOxC3IAOWNtaCIDaChfgXBMEZbQRByxCwk+BasgQRZLSYoLgDQbARxry8nyumPcVRKDfd0Aa8AsgDv1zp6pYd5jWOwhvebRTbzNNEw5BSsIpsj/kurQBnmk7sIFcCF5yyZPDRG6trQhujXYosaFoc+2f1MJ89uc76IND6F9BvlXUdpb6xwD2+4q3me3bysiHvtLYrUJto7PD/ve7LNHxSg/woN2kSz4txasBdhyiz3ugPGetTjm3XRokAAAAASUVORK5CYII=)",
70            display   : 'none',
71            cursor    : 'pointer'
72        });
73
74        this.$buttons.css({
75            padding        : 5,
76            textAlign      : 'right',
77            borderTop      : '1px solid #ccc',
78            backgroundColor: '#fff'
79        });
80
81        this.$buttons.find('button').css({
82            marginLeft: 5
83        });
84
85        this.$buttons.find('button:first').css({
86            marginLeft: 0
87        });
88
89        this.$bar.on({
90            mouseenter: function() {
91                $(this).find('.noty_close').stop().fadeTo('normal', 1);
92            },
93            mouseleave: function() {
94                $(this).find('.noty_close').stop().fadeTo('normal', 0);
95            }
96        });
97
98        switch(this.options.layout.name) {
99            case 'top':
100                this.$bar.css({
101                    borderRadius: '0px 0px 5px 5px',
102                    borderBottom: '2px solid #eee',
103                    borderLeft  : '2px solid #eee',
104                    borderRight : '2px solid #eee',
105                    boxShadow   : "0 2px 4px rgba(0, 0, 0, 0.1)"
106                });
107                break;
108            case 'topCenter':
109            case 'center':
110            case 'bottomCenter':
111            case 'inline':
112                this.$bar.css({
113                    borderRadius: '5px',
114                    border      : '1px solid #eee',
115                    boxShadow   : "0 2px 4px rgba(0, 0, 0, 0.1)"
116                });
117                this.$message.css({fontSize: '13px', textAlign: 'center'});
118                break;
119            case 'topLeft':
120            case 'topRight':
121            case 'bottomLeft':
122            case 'bottomRight':
123            case 'centerLeft':
124            case 'centerRight':
125                this.$bar.css({
126                    borderRadius: '5px',
127                    border      : '1px solid #eee',
128                    boxShadow   : "0 2px 4px rgba(0, 0, 0, 0.1)"
129                });
130                this.$message.css({fontSize: '13px', textAlign: 'left'});
131                break;
132            case 'bottom':
133                this.$bar.css({
134                    borderRadius: '5px 5px 0px 0px',
135                    borderTop   : '2px solid #eee',
136                    borderLeft  : '2px solid #eee',
137                    borderRight : '2px solid #eee',
138                    boxShadow   : "0 -2px 4px rgba(0, 0, 0, 0.1)"
139                });
140                break;
141            default:
142                this.$bar.css({
143                    border   : '2px solid #eee',
144                    boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
145                });
146                break;
147        }
148
149        switch(this.options.type) {
150            case 'alert':
151            case 'notification':

152                this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'});
153                break;
154            case 'warning':
155                this.$bar.css({backgroundColor: '#FFEAA8', borderColor: '#FFC237', color: '#826200'});
156                this.$buttons.css({borderTop: '1px solid #FFC237'});
157                break;
158            case 'error':
159                this.$bar.css({backgroundColor: 'red', borderColor: 'darkred', color: '#FFF'});
160                this.$message.css({fontWeight: 'bold'});
161                this.$buttons.css({borderTop: '1px solid darkred'});
162                break;
163            case 'information':
164                this.$bar.css({backgroundColor: '#57B7E2', borderColor: '#0B90C4', color: '#FFF'});
165                this.$buttons.css({borderTop: '1px solid #0B90C4'});
166                break;
167            case 'success':
168                this.$bar.css({backgroundColor: 'lightgreen', borderColor: '#50C24E', color: 'darkgreen'});
169                this.$buttons.css({borderTop: '1px solid #50C24E'});
170                break;
171            default:
172                this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'});
173                break;
174        }
175    },
176    callback: {
177        onShow : function() {
178            $.noty.themes.defaultTheme.helpers.borderFix.apply(this);
179        },
180        onClose: function() {
181            $.noty.themes.defaultTheme.helpers.borderFix.apply(this);
182        }
183    }
184};