123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251 |
- .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); /* easeOutBack */
- }
- .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); /* easeInBack */
- }
- .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); /* easeInBack */
- }
- .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: 150px; left: 50%;
- width: 350px;
- 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;
- }
- /* overwrite display: none; for everything except IE6-8 */
- :root *> .alertify-hidden {
- display: block;
- visibility: hidden;
- }
- .alertify-logs {
- position: fixed;
- z-index: 5000;
- bottom: 10px;
- right: 10px;
- width: 300px;
- }
- .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: 14px;
- }
- .alertify-button,
- .alertify-button:hover,
- .alertify-button:active,
- .alertify-button:visited {
- background: none;
- text-decoration: none;
- border: none;
- /* line-height and font-size for input button */
- line-height: 1.5;
- font-size: 13px;
- 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; /* browsers that don't support rgba */
- 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; /* Safari 4? Chrome 6? */
- -moz-background-clip: padding; /* Firefox 3.6 */
- background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
- }
- .alertify-text {
- border: 1px solid #CCC;
- padding: 10px;
- border-radius: 4px;
- }
- .alertify-button {
- border-radius: 4px;
- font-size:13px;
- color: #FFF;
- font-weight: bold;
- padding: 3px 8px;
- margin:0 5px;
- 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-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
- 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 #2B72D5;
- }
- .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: #e8830b;
- border: 1px solid #b16102;
- }
- .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);
- }
- .alertify-message { font-family: Tahoma, Arial; font-size:16px; margin:0 0 10px 0; }
- .delete_error_message{background:#f8dada;border:1px solid #d9a6a6; padding:2px 10px; font-size:13px; color:#ff0000; margin:0 0 10px 0;}
- .delete_success_message{ background:#d5fadf;border:1px solid #81b690; padding:2px 10px; font-size:13px; color:#0a872d; margin:0 0 10px 0; }
|