JSFiddle - React, Tailwind, and code Playground

by newblt123

HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/4804759/jsfiddle/%5B2014-07-22%5D%20pnotify-jquerymobile/pnotify.custom.min.css">
<script src="https://dl.dropboxusercontent.com/u/4804759/jsfiddle/%5B2014-07-22%5D%20pnotify-jquerymobile/pnotify.custom.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css">

CSS

/*.custom-notif {
    background: white;
}
.ui-state-error, .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: .6em;
}
.ui-state-default {
    background: green;
    text-shadow: none;
}
.ui-state-highlight {
    background: blue;
    text-shadow: none;    
}*/

.alert-danger {
    min-height: 16px;
    overflow: hidden;
    color: #a94442;    
    background-color: #f2dede;
    border-color: #ebccd1;
}

JavaScript

new PNotify({
        title: "asdasd",
        text: "asdasdsa",
        type: "error",
        icon: "fa fa-gears",
        delay: 999999,
        
        addclass: 'custom-notif',
        mouse_reset: false,
        buttons: {
            sticker: false,
            closer_hover: false,
        }
    });

    new PNotify({
        title: "Success",
        text: "I am a success notice",
        type: "success",
        delay: 999999,
        styling: 'bootstrap3',
        addclass: 'custom-notif',
        mouse_reset: false,
        buttons: {
            sticker: false,
            closer_hover: false,
        }
    });

    new PNotify({
        title: "Regular",
        text: "I am a regular notice",
        delay: 999999,
        styling: 'bootstrap3',
        addclass: 'custom-notif',
        mouse_reset: false,
        buttons: {
            sticker: false,
            closer_hover: false,
        }
    });