diff --git a/css/jpopup.min.css b/css/jpopup.min.css index fcf674a..4cc9d47 100644 --- a/css/jpopup.min.css +++ b/css/jpopup.min.css @@ -1 +1 @@ -.popup_overlay{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AEOFQs3Rovy/gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADUlEQVQI12N48eLFGQAI+QOFL6ImxwAAAABJRU5ErkJggg==");background:rgba(232,232,232,0.8)}.popup_wrapper .popup{border:0;width:400px;background:#fff;border-radius:3px;font-family:"Roboto", sans-serif;box-shadow:0 5px 20px rgba(0,0,0,0.1);outline:1px solid #ddd;outline:1px solid rgba(0,0,0,0.03)}.popup_wrapper .popup .popup_title{color:#444;padding:0 20px;min-height:20px;line-height:64px;margin-bottom:10px}.popup_wrapper .popup .popup_title:after{content:" ";background:-webkit-linear-gradient(#000 0%, transparent 100%);background:-moz-linear-gradient(#000 0%, transparent 100%);background:-o-linear-gradient(#000 0%, transparent 100%);background:linear-gradient(#000 0%, transparent 100%);transition:margin-bottom .3s, margin-top .3s, height .3s;margin-bottom:-20px;pointer-events:none;position:absolute;height:10px;opacity:.1;z-index:1;right:0;left:0;bottom:0}.popup_wrapper .popup .popup_title h1,.popup_wrapper .popup .popup_title h2,.popup_wrapper .popup .popup_title h3,.popup_wrapper .popup .popup_title h4,.popup_wrapper .popup .popup_title h5,.popup_wrapper .popup .popup_title h6{margin:0}.popup_wrapper .popup .popup_title h1{font-size:22px}.popup_wrapper .popup .popup_title h2{font-size:18px}.popup_wrapper .popup .popup_title h3{font-size:16px}.popup_wrapper .popup .popup_title h4{font-size:14px}.popup_wrapper .popup .popup_title h5{font-size:12px}.popup_wrapper .popup .popup_title h6{font-size:12px}.popup_wrapper .popup .popup_buttons:before{content:" ";background:-webkit-linear-gradient(transparent 0%, #000 100%);background:-moz-linear-gradient(transparent 0%, #000 100%);background:-o-linear-gradient(transparent 0%, #000 100%);background:linear-gradient(transparent 0%, #000 100%);transition:margin-bottom .3s, margin-top .3s, height .3s;pointer-events:none;position:absolute;margin-top:-10px;height:10px;opacity:.1;right:0;left:0;top:0}.popup_wrapper .popup .popup_close{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:3px;cursor:pointer;font-family:"Roboto", sans-serif;font-size:24px;text-align:center;line-height:23px;color:#444}.popup_wrapper .popup .popup_close svg{position:absolute;top:0;left:0;background:#fff;fill:#444;border-radius:3px}.popup_wrapper .popup .popup_close:hover,.popup_wrapper .popup .popup_close:hover svg{background:#eee}.popup_wrapper .popup .popup_close:active,.popup_wrapper .popup .popup_close:active svg{background:#ddd}.popup_wrapper .popup_content{padding:0 20px}.popup_wrapper .popup p{font-size:16px;color:#777;line-height:32px}.popup_wrapper .popup p+p,.popup_wrapper .popup p+textarea,.popup_wrapper .popup p+input{margin:16px 0 0 0}.popup_wrapper .popup input,.popup_wrapper .popup textarea{width:100%;box-sizing:border-box;border:0;background:none;outline:0;border-bottom:2px solid #ddd;font-family:"Roboto", sans-serif;font-size:14px;resize:none;line-height:24px;padding:2px 0;color:#444;box-shadow:none;float:left}.popup_wrapper .popup input:focus,.popup_wrapper .popup textarea:focus{border-bottom:2px solid #1565C0}.popup_wrapper .popup input+p,.popup_wrapper .popup input+textarea,.popup_wrapper .popup input+input,.popup_wrapper .popup textarea+p,.popup_wrapper .popup textarea+textarea,.popup_wrapper .popup textarea+input{margin:16px 0 0 0}.popup_wrapper .popup .popup_buttons{float:left;width:100%;box-sizing:border-box;padding:0 10px 0 0;min-height:20px}.popup_wrapper .popup .popup_buttons button{font-family:"Roboto", sans-serif;font-size:14px;font-weight:700;color:#777;line-height:36px;padding:0 10px;margin:20px 10px 20px 0;border:0;border-radius:3px;background:none;float:right;cursor:pointer;outline:0}.popup_wrapper .popup .popup_buttons button.ok{color:#1565C0}.popup_wrapper .popup .popup_buttons button.no{color:#F44336}.popup_wrapper .popup .popup_buttons button::-moz-focus-inner{border:0}.popup_wrapper .popup .popup_buttons button:hover{background:#eee}.popup_wrapper .popup .popup_buttons button:active{background:#ddd}.popup_wrapper[data-position="stretchTop"] .popup,.popup_wrapper[data-position="stretchBottom"] .popup,.popup_wrapper[data-position="full"] .popup{border-radius:0}.popup_wrapper[data-position="stretchLeft"] .popup,.popup_wrapper[data-position="stretchRight"] .popup{border-radius:0}.popup_wrapper[data-position="stretchLeft"] .popup .popup_title,.popup_wrapper[data-position="stretchRight"] .popup .popup_title{position:absolute;right:0;left:0;top:0}.popup_wrapper[data-position="stretchLeft"] .popup .popup_buttons,.popup_wrapper[data-position="stretchRight"] .popup .popup_buttons{position:absolute;bottom:0;right:0;left:0}.popup_wrapper[data-position="stretchLeft"] .popup .popup_content,.popup_wrapper[data-position="stretchRight"] .popup .popup_content{position:absolute;overflow:auto;bottom:76px;top:74px;right:0;left:0}.popup_wrapper.popup_overflow_y .popup .popup_title,.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]) .popup .popup_title{position:absolute;right:0;left:0;top:0;cursor:inherit}.popup_wrapper.popup_overflow_y .popup .popup_buttons,.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]) .popup .popup_buttons{position:absolute;bottom:0;right:0;left:0}.popup_wrapper.popup_overflow_y .popup .popup_content,.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]) .popup .popup_content{position:absolute;overflow:auto;bottom:76px;top:74px;right:0;left:0}.popup_wrapper.popup_overflow_y,.popup_wrapper.popup_overflow_y .popup{height:100% !important;top:0 !important}.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]),.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]) .popup{height:100% !important;width:100% !important;left:0 !important;top:0 !important;border-radius:0;border:0}.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]) .popup_resize,.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]) .popup .popup_resize{display:none}.popup_wrapper.popup_overflow_y:not([data-buttons]) .popup .popup_content,.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]):not([data-buttons]) .popup .popup_content{bottom:0}.popup_wrapper.popup_overflow_y:not([data-buttons]) .popup .popup_buttons:before,.popup_wrapper.popup_overflow_x:not([data-position="stretchTop"]):not([data-position="stretchBottom"]):not([data-buttons]) .popup .popup_buttons:before{display:none}.popup_wrapper.popup_scroll_top .popup .popup_title:after{margin-bottom:-10px;opacity:0;height:0}.popup_wrapper.popup_scroll_bottom .popup .popup_buttons:before{margin-top:0;opacity:0;height:0}.popup_wrapper[data-resizeable][data-buttons]:not(.popup_overflow_y):not(.popup_overflow_x) .popup{padding-bottom:76px}.popup_wrapper[data-resizeable][data-buttons]:not(.popup_overflow_y):not(.popup_overflow_x) .popup .popup_buttons{position:absolute;bottom:0;right:0;left:0} +.jpopup_wrapper .jpopup .jpopup_buttons:before,.jpopup_wrapper .jpopup .jpopup_title:after{content:" ";transition:margin-bottom .3s,margin-top .3s,height .3s;pointer-events:none;height:10px;opacity:.1;right:0;left:0;position:absolute}.jpopup_wrapper .jpopup,.jpopup_wrapper .jpopup .jpopup_buttons button,.jpopup_wrapper .jpopup .jpopup_close{font-family:Roboto,sans-serif}.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]) .jpopup .jpopup_resize,.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]) .jpopup_resize,.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]):not([data-buttons]) .jpopup .jpopup_buttons:before,.jpopup_wrapper.jpopup_overflow_y:not([data-buttons]) .jpopup .jpopup_buttons:before{display:none}.jpopup_overlay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AEOFQs3Rovy/gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADUlEQVQI12N48eLFGQAI+QOFL6ImxwAAAABJRU5ErkJggg==);background:rgba(232,232,232,.8)}.jpopup_wrapper .jpopup{border:0;width:400px;background:#fff;border-radius:3px;box-shadow:0 5px 20px rgba(0,0,0,.1);outline:#ddd solid 1px;outline:rgba(0,0,0,.03) solid 1px}.jpopup_wrapper .jpopup .jpopup_title{color:#444;padding:0 20px;min-height:20px;line-height:64px;margin-bottom:10px}.jpopup_wrapper .jpopup .jpopup_title:after{background:-webkit-linear-gradient(black 0,transparent 100%);background:-moz-linear-gradient(black 0,transparent 100%);background:-o-linear-gradient(black 0,transparent 100%);background:linear-gradient(black 0,transparent 100%);margin-bottom:-20px;z-index:1;bottom:0}.jpopup_wrapper .jpopup .jpopup_title h1,.jpopup_wrapper .jpopup .jpopup_title h2,.jpopup_wrapper .jpopup .jpopup_title h3,.jpopup_wrapper .jpopup .jpopup_title h4,.jpopup_wrapper .jpopup .jpopup_title h5,.jpopup_wrapper .jpopup .jpopup_title h6{margin:0}.jpopup_wrapper .jpopup .jpopup_title h1{font-size:22px}.jpopup_wrapper .jpopup .jpopup_title h2{font-size:18px}.jpopup_wrapper .jpopup .jpopup_title h3{font-size:16px}.jpopup_wrapper .jpopup .jpopup_title h4{font-size:14px}.jpopup_wrapper .jpopup .jpopup_title h5,.jpopup_wrapper .jpopup .jpopup_title h6{font-size:12px}.jpopup_wrapper .jpopup .jpopup_buttons:before{background:-webkit-linear-gradient(transparent 0,#000 100%);background:-moz-linear-gradient(transparent 0,#000 100%);background:-o-linear-gradient(transparent 0,#000 100%);background:linear-gradient(transparent 0,#000 100%);margin-top:-10px;top:0}.jpopup_wrapper .jpopup input+input,.jpopup_wrapper .jpopup input+p,.jpopup_wrapper .jpopup input+textarea,.jpopup_wrapper .jpopup p+input,.jpopup_wrapper .jpopup p+p,.jpopup_wrapper .jpopup p+textarea,.jpopup_wrapper .jpopup textarea+input,.jpopup_wrapper .jpopup textarea+p,.jpopup_wrapper .jpopup textarea+textarea{margin:16px 0 0}.jpopup_wrapper .jpopup .jpopup_close{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:3px;cursor:pointer;font-size:24px;text-align:center;line-height:23px;color:#444}.jpopup_wrapper .jpopup .jpopup_close svg{position:absolute;top:0;left:0;background:#fff;fill:#444;border-radius:3px}.jpopup_wrapper .jpopup .jpopup_close:hover,.jpopup_wrapper .jpopup .jpopup_close:hover svg{background:#eee}.jpopup_wrapper .jpopup .jpopup_close:active,.jpopup_wrapper .jpopup .jpopup_close:active svg{background:#ddd}.jpopup_wrapper .jpopup_content{padding:0 20px}.jpopup_wrapper .jpopup p{font-size:16px;color:#777;line-height:32px}.jpopup_wrapper .jpopup input,.jpopup_wrapper .jpopup textarea{width:100%;box-sizing:border-box;border:0;background:0 0;outline:0;border-bottom:2px solid #ddd;font-family:Roboto,sans-serif;font-size:14px;resize:none;line-height:24px;padding:2px 0;color:#444;box-shadow:none;float:left}.jpopup_wrapper .jpopup input:focus,.jpopup_wrapper .jpopup textarea:focus{border-bottom:2px solid #1565C0}.jpopup_wrapper .jpopup .jpopup_buttons{float:left;width:100%;box-sizing:border-box;padding:0 10px 0 0;min-height:20px}.jpopup_wrapper .jpopup .jpopup_buttons button{font-size:14px;font-weight:700;color:#777;line-height:36px;padding:0 10px;margin:20px 10px 20px 0;border:0;border-radius:3px;background:0 0;float:right;cursor:pointer;outline:0}.jpopup_wrapper .jpopup .jpopup_buttons button.ok{color:#1565C0}.jpopup_wrapper .jpopup .jpopup_buttons button.no{color:#F44336}.jpopup_wrapper .jpopup .jpopup_buttons button::-moz-focus-inner{border:0}.jpopup_wrapper .jpopup .jpopup_buttons button:hover{background:#eee}.jpopup_wrapper .jpopup .jpopup_buttons button:active{background:#ddd}.jpopup_wrapper[data-position=stretchTop] .jpopup,.jpopup_wrapper[data-position=stretchBottom] .jpopup,.jpopup_wrapper[data-position=full] .jpopup,.jpopup_wrapper[data-position=stretchLeft] .jpopup,.jpopup_wrapper[data-position=stretchRight] .jpopup{border-radius:0}.jpopup_wrapper[data-position=stretchLeft] .jpopup .jpopup_title,.jpopup_wrapper[data-position=stretchRight] .jpopup .jpopup_title{position:absolute;right:0;left:0;top:0}.jpopup_wrapper[data-position=stretchLeft] .jpopup .jpopup_buttons,.jpopup_wrapper[data-position=stretchRight] .jpopup .jpopup_buttons{position:absolute;bottom:0;right:0;left:0}.jpopup_wrapper[data-position=stretchLeft] .jpopup .jpopup_content,.jpopup_wrapper[data-position=stretchRight] .jpopup .jpopup_content{position:absolute;overflow:auto;bottom:76px;top:74px;right:0;left:0}.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]) .jpopup .jpopup_title,.jpopup_wrapper.jpopup_overflow_y .jpopup .jpopup_title{position:absolute;right:0;left:0;top:0;cursor:inherit}.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]) .jpopup .jpopup_buttons,.jpopup_wrapper.jpopup_overflow_y .jpopup .jpopup_buttons{position:absolute;bottom:0;right:0;left:0}.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]) .jpopup .jpopup_content,.jpopup_wrapper.jpopup_overflow_y .jpopup .jpopup_content{position:absolute;overflow:auto;bottom:76px;top:74px;right:0;left:0}.jpopup_wrapper.jpopup_overflow_y,.jpopup_wrapper.jpopup_overflow_y .jpopup{height:100%!important;top:0!important}.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]),.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]) .jpopup{height:100%!important;width:100%!important;left:0!important;top:0!important;border-radius:0;border:0}.jpopup_wrapper.jpopup_overflow_x:not([data-position=stretchTop]):not([data-position=stretchBottom]):not([data-buttons]) .jpopup .jpopup_content,.jpopup_wrapper.jpopup_overflow_y:not([data-buttons]) .jpopup .jpopup_content{bottom:0}.jpopup_wrapper.jpopup_scroll_top .jpopup .jpopup_title:after{margin-bottom:-10px;opacity:0;height:0}.jpopup_wrapper.jpopup_scroll_bottom .jpopup .jpopup_buttons:before{margin-top:0;opacity:0;height:0}.jpopup_wrapper[data-resizeable][data-buttons]:not(.jpopup_overflow_y):not(.jpopup_overflow_x) .jpopup{padding-bottom:76px}.jpopup_wrapper[data-resizeable][data-buttons]:not(.jpopup_overflow_y):not(.jpopup_overflow_x) .jpopup .jpopup_buttons{position:absolute;bottom:0;right:0;left:0}