bottomCenter.js

(function($) {

    $.noty.layouts.bottomCenter = {
        name     : 'bottomCenter',
        options  : { // overrides options

        },
        container: {
            object  : '<ul id="noty_bottomCenter_layout_container" />',
            selector: 'ul#noty_bottomCenter_layout_container',
            style   : function() {
                $(this).css({
                    bottom       : 20,
                    left         : 0,
                    position     : 'fixed',
                    width        : '310px',
                    height       : 'auto',
                    margin       : 0,
                    padding      : 0,
                    listStyleType: 'none',
                    zIndex       : 10000000
                });

                $(this).css({
                    left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px'
                });
            }
        },
        parent   : {
            object  : '<li />',
            selector: 'li',
            css     : {}
        },
        css      : {
            display: 'none',
            width  : '310px'
        },
        addClass : ''
    };

})(jQuery);