(function($) { $.noty.layouts.bottomLeft = { name : 'bottomLeft', options : { // overrides options }, container: { object : '<ul id="noty_bottomLeft_layout_container" />', selector: 'ul#noty_bottomLeft_layout_container', style : function() { $(this).css({ bottom : 20, left : 20, position : 'fixed', width : '310px', height : 'auto', margin : 0, padding : 0, listStyleType: 'none', zIndex : 10000000 }); if(window.innerWidth < 600) { $(this).css({ left: 5 }); } } }, parent : { object : '<li />', selector: 'li', css : {} }, css : { display: 'none', width : '310px' }, addClass : '' }; })(jQuery);