.alertify-warning{border-radius:4px;color:#9F6000;font-weight:bold;padding:6px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);background:#FEEFB3;background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:-ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));}.alertify-erreur{border-radius:4px;color:white;font-weight:bold;padding:6px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);background:red;background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:-ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));}HTML SCSS JS Result Skip Results Iframe@import "compass/css3";.alertify,.alertify-show,.alertify-log{-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);}.alertify-hide{-webkit-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-moz-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-ms-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-o-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);}.alertify-log-hide{-webkit-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-moz-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-ms-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-o-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);}.alertify-cover{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;background-color:white;filter:alpha(opacity=0);opacity:0;}.alertify-cover-hidden{display:none;}.alertify{position:fixed;z-index:99999;top:50px;left:50%;width:550px;margin-left:-275px;opacity:1;}.alertify-hidden{-webkit-transform:translate(0,-150px);-moz-transform:translate(0,-150px);-ms-transform:translate(0,-150px);-o-transform:translate(0,-150px);transform:translate(0,-150px);opacity:0;display:none;}:root *> .alertify-hidden{display:block;visibility:hidden;}.alertify-logs{position:fixed;z-index:5000;bottom:10px;right:5px;box-shadow:2px 3px 7px blue;width:300px;background-color:white;padding:4px;}.alertify-logs-hidden{display:none;}.alertify-log{display:block;margin-top:10px;position:relative;right:-300px;opacity:0;}.alertify-log-show{right:0;opacity:1;}.alertify-log-hide{-webkit-transform:translate(300px, 0);-moz-transform:translate(300px, 0);-ms-transform:translate(300px, 0);-o-transform:translate(300px, 0);transform:translate(300px, 0);opacity:0;}.alertify-dialog{padding:25px;}.alertify-resetFocus{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.alertify-inner{text-align:center;}.alertify-text{margin-bottom:15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;}.alertify-buttons{}.alertify-button,.alertify-button:hover,.alertify-button:active,.alertify-button:visited{background:none;text-decoration:none;border:none;line-height:1.5;font-size:100%;display:inline-block;cursor:pointer;margin-left:5px;}@media only screen and (max-width:680px){.alertify,.alertify-logs{width:90%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.alertify{left:5%;margin:0;}}/-** * Default Look and Feel */.alertify,.alertify-log{font-family:sans-serif;}.alertify{background:#FFF;border:10px solid #333;border:10px solid rgba(0,0,0,.7);border-radius:8px;box-shadow:0 3px 3px rgba(0,0,0,.3);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;}.alertify-text{border:1px solid #CCC;padding:10px;border-radius:4px;}.alertify-button{border-radius:4px;color:white;font-weight:bold;padding:6px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);background:limegreen;background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:-ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));}.alertify-button:hover,.alertify-button:focus{outline:none;background-image:-webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image:linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));}.alertify-button:focus{box-shadow:0 0 15px limegreen;}.alertify-button:active{position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}.alertify-button-cancel,.alertify-button-cancel:hover,.alertify-button-cancel:focus{background-color:#FE1A00;border:1px solid #D83526;}.alertify-button-ok,.alertify-button-ok:hover,.alertify-button-ok:focus{background-color:#5CB811;border:1px solid #3B7808;}.alertify-log{background:#1F1F1F;background:rgba(0,0,0,.9);padding:15px;border-radius:4px;color:#FFF;text-shadow:-1px -1px 0 rgba(0,0,0,.5);}.alertify-log-error{background:#FE1A00;background:rgba(254,26,0,.9);}.alertify-log-success{background:#5CB811;background:rgba(92,184,17,.9);}button{min-width:300px;outline:none;}.warning{color:#9F6000;background-color:#FEEFB3;background-image:url('warning.png');}.info{color:#00529B;background-color:#BDE5F8;background-image:url('info.png');}.success{color:#4F8A10;background-color:#DFF2BF;background-image:url('success.png');}body{background-image:url('http://pix1.wapkizfile.info/download/3d09c78a0722e51c4a70a0bbb02a1535/bipcommentaire+wapkiz+com/paillettes-multicolores-brillantes-23-2148778535-(bipcommentaire.wapkiz.com).png');margin:auto;max-width:800px;box-shadow:0px 0px 3px;font-family:serif, arial;color:violet;height:400px;}a{color:purple;text-decoration:none;}a:visited{color:purpleplum;}.button id{background:blue;border:1px dotted blue;padding:4px;margin:3px;color:white;font-weight:bold;box-shadow:3px 3px 7px #0088aa;}{alertify.warning('Warning notification message.');}alertify.success('Success notification message.');}input[type=password]{border:1px solid purple;padding:8px;}textarea{border:1px solid purple;padding:10px;}input[type=submit]{background:#B800B8;border:1px solid white;border-top-right-radius:0.5em 2em;border-top-left-radius:0.5em 2em;border-bottom-right-radius:0.5em 2em;border-bottom-left-radius:0.5em 2em;padding:10px;box-shadow:2px 3px 7px black;alertify.success('Success notification message.');//using custom CSS // .ajs-message.ajs-custom{color:#31708f;background-color:#d9edf7;border-color:#31708f;cuteAlert({type:"success",title:"Success Title",message:"Success Message",buttonText:"Okay";}) cuteAlert({type:"error",title:"Error Title",message:"Error Message",buttonText:"Okay"}) cuteAlert({type:"warning",title:"Warning Title",message:"Warning Message",buttonText:"Okay"}) cuteAlert({type:"info",title:"Info Title",message:"Info Message",buttonText:"Okay"}).then(()=>{// do something})} alertify.notify('custom message.', 'custom', 2, function(){console.log('dismissed');});}form{padding:10px;}img{max-width:100%;}.head{padding:5px;background:white;border:2px solid purple;}.nav{}.cmenu{background:#C9A0DC;padding:6px;border:2px solid purple;color:purple;}.cmenu a{color:white;}.menu{text-align:center;background:#B800B8;color:white;padding:4px;border:2px solid white;border-radius:4%;box-shadow:2px 3px 7px gray;}.menu a{color:white;}.post{margin:3px;background:white;border:1px solid purple;border-raduis:0px;font-size:20px;padding:13px;text-shadow:1px 1px 1px gray;box-shadow:3px 3px 7px gray;color:black;}.title{padding:3px;border-bottom:1px solid #dfdfdf;}.content{padding:4px;text-align:justify;}.content img{border:2px solid white;padding-left:4px;margin:3px;margin-left:4px;text-align:center;imag-align:center;}.error{padding:3px;color:red;}.post-bottom{padding:3px;}.page{padding:2px;}.page a{background:white;border:2px solid purple;padding:2px;padding-right:4px;padding-left:4px;}.page span{background:violet;padding:4px;padding-right:5px;padding-left:5px;color:white;font-weight:bold;}.pied{background:#000111;border-anime:2px dashed purple;padding:3px;margin:2px;color:White;font-weight:italic;text-shadow:1px 1px 1px black;}.foot{background:#BA55D3;color:white;padding:4px;border-top:3px solid purple;border-bottom:3px solid purple;border-left:1px solid violet;border-right:1px solid violet;border-radius:2%;box-shadow:3px 3px 7px pink;}input[type=file], input[type=email]{border:2px dotted lime;background:papayawhip;padding:8px;color:orange;}.edit_text textarea{background:white;border:2px solid purple;box-shadow:1px 1px 3px #000;color:#000;padding:6px;margin:5px 0px 0px 0px;size:small;width:100%;} .button{-moz-appearance:none;-webkit-appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:none;box-shadow:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;height:2.25em;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.5;padding-bottom:calc(0.375em - 1px);padding-left:calc(0.625em - 1px);padding-right:calc(0.625em - 1px);padding-top:calc(0.375em - 1px);position:relative;vertical-align:top;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border-color:#dbdbdb;color:#363636;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:.75em;padding-right:.75em;text-align:center;white-space:nowrap;}input[type=text],textarea,select,input[type=file],input[type=password]{background:white;border:2px solid purple;color:purple;padding:8px;display:block;.submit-success{display:none;}.submit-success[data-submit="success"]{display:block;}.submit-error{display:none;}.submit-error[data-submit="error"]{display:block;}