地图相关资源

fengxiang

2018-06-01 6b5d7c627e8412c3d739f399f6b05a9fe0729e30

地图相关资源

 src/main/webapp/css/Lobibox.min.css

New file
@@ -0,0 +1 @@
.animated,.animated-fast,.animated-slow,.animated-super-fast{animation-fill-mode:both;-webkit-animation-fill-mode:both}.lobibox .lobibox-btn.lobibox-btn-cancel.active,.lobibox .lobibox-btn.lobibox-btn-cancel:active,.lobibox .lobibox-btn.lobibox-btn-default.active,.lobibox .lobibox-btn.lobibox-btn-default:active,.lobibox .lobibox-btn.lobibox-btn-no.active,.lobibox .lobibox-btn.lobibox-btn-no:active,.lobibox .lobibox-btn.lobibox-btn-ok.active,.lobibox .lobibox-btn.lobibox-btn-ok:active,.lobibox .lobibox-btn.lobibox-btn-yes.active,.lobibox .lobibox-btn.lobibox-btn-yes:active,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes{background-image:none}.lobibox-notify-wrapper-large.bottom,.lobibox-notify-wrapper.bottom{bottom:0}.animated-super-fast{-webkit-animation-duration:.3s;animation-duration:.3s}.animated-fast{-webkit-animation-duration:.5s;animation-duration:.5s}.animated{-webkit-animation-duration:1s;animation-duration:1s}.animated-slow{-webkit-animation-duration:1.3s;animation-duration:1.3s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes jumpUp{0%{-webkit-transform:translate3d(0,calc(230%),0)scale3d(0,1,1);-webkit-animation-timing-function:ease-in}40%{-webkit-transform:translate3d(0,0,0)scale3d(.02,1.1,1);-webkit-animation-timing-function:ease-out}70%{-webkit-transform:translate3d(0,-40px,0)scale3d(.8,1.1,1)}100%{-webkit-transform:translate3d(0,0,0)scale3d(1,1,1)}}@keyframes jumpUp{0%{transform:translate3d(0,calc(230%),0)scale3d(0,1,1);animation-timing-function:ease-in}40%{transform:translate3d(0,0,0)scale3d(.02,1.1,1);animation-timing-function:ease-out}70%{transform:translate3d(0,-40px,0)scale3d(.8,1.1,1)}100%{transform:translate3d(0,0,0)scale3d(1,1,1)}}@-webkit-keyframes expandOpen{0%{-webkit-transform:scale(1.8)}50%{-webkit-transform:scale(.95)}80%{-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.98)}100%{-webkit-transform:scale(1)}}@keyframes expandOpen{0%{transform:scale(1.8)}50%{transform:scale(.95)}80%{transform:scale(1.05)}90%{transform:scale(.98)}100%{transform:scale(1)}}@keyframes fadeInScale{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeInScale{0%{-webkit-transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.bounce{-webkit-animation-name:bounce;animation-name:bounce}.jumpUp{-webkit-animation-name:jumpUp;animation-name:jumpUp}.expandOpen{animation-name:expandOpen;-webkit-animation-name:expandOpen}.fadeInScale{animation-name:fadeInScale;-webkit-animation-name:fadeInScale}body.lobibox-open{overflow:hidden}.lobibox{position:fixed;z-index:4001;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.5);box-shadow:0 0 20px 5px rgba(0,0,0,.5)}.lobibox .lobibox-header{font-size:20px;padding:5px 10px;color:#eee}.lobibox .lobibox-header .btn-close{float:right;background-color:transparent;cursor:pointer;border:none;outline:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.lobibox .lobibox-header .btn-close:hover{text-shadow:2px 2px 3px rgba(0,0,0,.7)}.lobibox .lobibox-body{overflow:hidden;display:table;position:relative;width:100%;padding:15px 20px;background-color:rgba(255,255,255,.98);font-size:16px}.lobibox .lobibox-body .lobibox-icon-wrapper{position:relative;height:100%;display:table;font-size:60px}.lobibox .lobibox-body .lobibox-icon-wrapper .lobibox-icon{display:table-cell;vertical-align:middle}.lobibox .lobibox-body .lobibox-body-text-wrapper{display:table-cell;vertical-align:middle;width:100%;padding-left:10px}.lobibox .lobibox-footer{text-align:center;padding:6px}.lobibox .lobibox-footer>*{margin:0 10px 0 0}.lobibox .lobibox-footer.text-center{text-align:center}.lobibox .lobibox-footer.text-left{text-align:left}.lobibox .lobibox-footer.text-right{text-align:right}.lobibox.lobibox-confirm{border:none}.lobibox.lobibox-confirm .lobibox-header{color:#eee;background-color:#3c2d2d}.lobibox.lobibox-confirm .lobibox-body .lobibox-icon{color:#3c2d2d}.lobibox.lobibox-confirm .lobibox-footer{background-color:#594343}.lobibox.lobibox-success{border:1px solid #29b87e}.lobibox.lobibox-success .lobibox-header{color:#eee;background-color:#29b87e}.lobibox.lobibox-success .lobibox-body .lobibox-icon{color:#29b87e}.lobibox.lobibox-success .lobibox-footer{background-color:#40d498}.lobibox.lobibox-error{border:1px solid #ca2121}.lobibox.lobibox-error .lobibox-header{color:#eee;background-color:#ca2121}.lobibox.lobibox-error .lobibox-body .lobibox-icon{color:#ca2121}.lobibox.lobibox-error .lobibox-footer{background-color:#e03e3e}.lobibox.lobibox-info{border:1px solid #2e79b4}.lobibox.lobibox-info .lobibox-header{color:#eee;background-color:#2e79b4}.lobibox.lobibox-info .lobibox-body .lobibox-icon{color:#2e79b4}.lobibox.lobibox-info .lobibox-footer{background-color:#4593d0}.lobibox.lobibox-warning{border:1px solid #ce812e}.lobibox.lobibox-warning .lobibox-header{color:#eee;background-color:#ce812e}.lobibox.lobibox-warning .lobibox-body .lobibox-icon{color:#ce812e}.lobibox.lobibox-warning .lobibox-footer{background-color:#d99a56}.lobibox.lobibox-prompt{border:none}.lobibox.lobibox-prompt .lobibox-header{color:#eee;background-color:#3c2d2d}.lobibox.lobibox-prompt .lobibox-body{padding:20px}.lobibox.lobibox-prompt .lobibox-body .lobibox-input{min-height:38px;border:1px solid #21cb91;width:100%;padding:5px;font-size:18px;outline:0}.lobibox.lobibox-prompt .lobibox-body .lobibox-input:focus{background-color:#eee}.lobibox.lobibox-prompt .lobibox-footer{background-color:#594343}.lobibox.lobibox-progress .lobibox-header{background-color:#2f5d6d}.lobibox.lobibox-progress .lobibox-body{padding:15px;font-size:16px}.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper{position:relative;height:20px;border:1px solid #c3c3c3;border-radius:10px;background-color:#d5d5d5}.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-bar{width:0;border-radius:10px;background-color:#468ba2;height:100%;text-align:center}.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-text{position:absolute;text-align:center;top:0;width:100%}.lobibox-notify-wrapper,.lobibox-notify-wrapper-large{z-index:5000;position:fixed}.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer{margin-bottom:0}.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer .progress-bar{transition:none}.lobibox-notify,.lobibox-notify .lobibox-close{-webkit-transition:all .2s;-o-transition:all .2s}.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer [data-role=progress-text]{font-weight:700;color:rgba(0,0,0,.7)}.lobibox.lobibox-window{border:3px solid #225eb8;border-radius:6px}.lobibox.lobibox-window .lobibox-header{background-color:#225eb8;color:#eee;font-size:18px}.lobibox.lobibox-window .lobibox-body{overflow:auto;display:block;font-size:14px;padding:15px;background-color:#f5f8fd}.lobibox.lobibox-window .lobibox-footer{background-color:#8ab0e9}.lobibox.lobibox-window :last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.lobibox.draggable .lobibox-header{cursor:move}.lobibox .lobibox-btn{display:inline-block;padding:8px 14px;font-size:14px;cursor:pointer;border:1px solid transparent;outline:0;border-radius:2px;line-height:initial}.lobibox .lobibox-btn.lobibox-btn-cancel{color:#fff;background-color:#ca2121;border-color:#ca2121}.lobibox .lobibox-btn.lobibox-btn-cancel.active,.lobibox .lobibox-btn.lobibox-btn-cancel.focus,.lobibox .lobibox-btn.lobibox-btn-cancel:active,.lobibox .lobibox-btn.lobibox-btn-cancel:focus,.lobibox .lobibox-btn.lobibox-btn-cancel:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel{color:#fff;background-color:#9e1a1a;border-color:#951818}.lobibox .lobibox-btn.lobibox-btn-cancel.disabled,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled.active,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:active,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled],.lobibox .lobibox-btn.lobibox-btn-cancel[disabled].active,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:hover{background-color:#ca2121;border-color:#ca2121}.lobibox .lobibox-btn.lobibox-btn-cancel .badge{color:#ca2121;background-color:#fff}.lobibox .lobibox-btn.lobibox-btn-yes{color:#fff;background-color:#29b87e;border-color:#29b87e}.lobibox .lobibox-btn.lobibox-btn-yes.active,.lobibox .lobibox-btn.lobibox-btn-yes.focus,.lobibox .lobibox-btn.lobibox-btn-yes:active,.lobibox .lobibox-btn.lobibox-btn-yes:focus,.lobibox .lobibox-btn.lobibox-btn-yes:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes{color:#fff;background-color:#208e61;border-color:#1e865c}.lobibox .lobibox-btn.lobibox-btn-yes.disabled,.lobibox .lobibox-btn.lobibox-btn-yes.disabled.active,.lobibox .lobibox-btn.lobibox-btn-yes.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-yes.disabled:active,.lobibox .lobibox-btn.lobibox-btn-yes.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-yes.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-yes[disabled],.lobibox .lobibox-btn.lobibox-btn-yes[disabled].active,.lobibox .lobibox-btn.lobibox-btn-yes[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:hover{background-color:#29b87e;border-color:#29b87e}.lobibox .lobibox-btn.lobibox-btn-yes .badge{color:#29b87e;background-color:#fff}.lobibox .lobibox-btn.lobibox-btn-no{color:#fff;background-color:#0760b3;border-color:#0760b3}.lobibox .lobibox-btn.lobibox-btn-no.active,.lobibox .lobibox-btn.lobibox-btn-no.focus,.lobibox .lobibox-btn.lobibox-btn-no:active,.lobibox .lobibox-btn.lobibox-btn-no:focus,.lobibox .lobibox-btn.lobibox-btn-no:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no{color:#fff;background-color:#054682;border-color:#054078}.lobibox .lobibox-btn.lobibox-btn-no.disabled,.lobibox .lobibox-btn.lobibox-btn-no.disabled.active,.lobibox .lobibox-btn.lobibox-btn-no.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-no.disabled:active,.lobibox .lobibox-btn.lobibox-btn-no.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-no.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-no[disabled],.lobibox .lobibox-btn.lobibox-btn-no[disabled].active,.lobibox .lobibox-btn.lobibox-btn-no[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-no[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-no[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-no[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:hover{background-color:#0760b3;border-color:#0760b3}.lobibox .lobibox-btn.lobibox-btn-no .badge{color:#0760b3;background-color:#fff}.lobibox .lobibox-btn.lobibox-btn-ok{color:#fff;background-color:#0760b3;border-color:#0760b3}.lobibox .lobibox-btn.lobibox-btn-ok.active,.lobibox .lobibox-btn.lobibox-btn-ok.focus,.lobibox .lobibox-btn.lobibox-btn-ok:active,.lobibox .lobibox-btn.lobibox-btn-ok:focus,.lobibox .lobibox-btn.lobibox-btn-ok:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok{color:#fff;background-color:#054682;border-color:#054078}.lobibox .lobibox-btn.lobibox-btn-ok.disabled,.lobibox .lobibox-btn.lobibox-btn-ok.disabled.active,.lobibox .lobibox-btn.lobibox-btn-ok.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-ok.disabled:active,.lobibox .lobibox-btn.lobibox-btn-ok.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-ok.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-ok[disabled],.lobibox .lobibox-btn.lobibox-btn-ok[disabled].active,.lobibox .lobibox-btn.lobibox-btn-ok[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:hover{background-color:#0760b3;border-color:#0760b3}.lobibox .lobibox-btn.lobibox-btn-ok .badge{color:#0760b3;background-color:#fff}.lobibox .lobibox-btn.lobibox-btn-default{color:#000;background-color:#e2e2e2;border-color:#dadada}.lobibox .lobibox-btn.lobibox-btn-default.active,.lobibox .lobibox-btn.lobibox-btn-default.focus,.lobibox .lobibox-btn.lobibox-btn-default:active,.lobibox .lobibox-btn.lobibox-btn-default:focus,.lobibox .lobibox-btn.lobibox-btn-default:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default{color:#000;background-color:#c9c9c9;border-color:#bcbcbc}.lobibox .lobibox-btn.lobibox-btn-default.disabled,.lobibox .lobibox-btn.lobibox-btn-default.disabled.active,.lobibox .lobibox-btn.lobibox-btn-default.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-default.disabled:active,.lobibox .lobibox-btn.lobibox-btn-default.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-default.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-default[disabled],.lobibox .lobibox-btn.lobibox-btn-default[disabled].active,.lobibox .lobibox-btn.lobibox-btn-default[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-default[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-default[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-default[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:hover{background-color:#e2e2e2;border-color:#dadada}.lobibox .lobibox-btn.lobibox-btn-default .badge{color:#e2e2e2;background-color:#000}.lobibox.lobibox-hidden{display:none}.lobibox-backdrop{position:fixed;z-index:4000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.lobibox-notify-wrapper.top{top:0}.lobibox-notify-wrapper.left{left:0;margin-right:0}.lobibox-notify-wrapper.right{right:0;margin-left:0}.lobibox-notify-wrapper.right .lobibox-notify{margin-left:auto}.lobibox-notify-wrapper-large.top{top:0}.lobibox-notify-wrapper-large.left{left:0}.lobibox-notify-wrapper-large.left .nav-tabs>li{float:left}.lobibox-notify-wrapper-large.right{right:0}.lobibox-notify-wrapper-large .nav-tabs{border:none;background-color:transparent;margin-bottom:-7px}.lobibox-notify-wrapper-large .nav-tabs>li{float:right}.lobibox-notify-wrapper-large .nav-tabs>li>a{margin-bottom:2px;border-radius:0;padding:0;text-align:center;font-size:18px;height:32px;display:table;color:#FFF;margin-right:0;margin-left:2px;border:1px solid transparent;width:28px;opacity:.6}.lobibox-notify-wrapper-large .nav-tabs>li>a:active,.lobibox-notify-wrapper-large .nav-tabs>li>a:focus,.lobibox-notify-wrapper-large .nav-tabs>li>a:hover,.lobibox-notify-wrapper-large .nav-tabs>li>a:hover:active{color:#FFF;cursor:pointer;border:1px solid transparent}.lobibox-notify-wrapper-large .nav-tabs>li>a .tab-control-icon{display:table-cell;vertical-align:middle}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-error>a{background-color:rgba(202,33,33,.9);border-color:#bd1f1f}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-error>a:hover{background-color:#ca2121;border-color:#b41d1d}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-success>a{background-color:rgba(41,184,126,.9);border-color:#26ab75}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-success>a:hover{background-color:#29b87e;border-color:#24a370}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-warning>a{background-color:rgba(206,129,46,.9);border-color:#c1792b}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-warning>a:hover{background-color:#ce812e;border-color:#b97429}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-info>a{background-color:rgba(46,121,180,.9);border-color:#2b71a8}.lobibox-notify-wrapper-large .nav-tabs>li.lobibox-notify-info>a:hover{background-color:#2e79b4;border-color:#296ba0}.lobibox-notify-wrapper-large .nav-tabs>li.active>a{opacity:1}.lobibox-notify-wrapper-large .tab-content{background-color:transparent;padding:0;border:none}.lobibox-notify-wrapper-large .tab-content .lobibox-notify{min-height:150px}.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-icon{width:100px;font-size:78px}.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-icon,.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-icon>*{line-height:100px}.lobibox-notify-wrapper-large .tab-content .lobibox-notify .lobibox-notify-body{margin:13px 20px 13px 130px}.lobibox-notify{position:relative;min-height:85px;font-family:'Arial Rounded MT Bold';margin:7px 0;border-radius:0;border:1px solid transparent;-webkit-box-shadow:2px 2px 5px #aaa;box-shadow:2px 2px 5px #aaa;transition:all .2s}.lobibox-notify .lobibox-notify-icon{position:absolute;text-align:center;font-size:55px;left:15px;top:10px;width:60px}.lobibox-notify .lobibox-notify-icon,.lobibox-notify .lobibox-notify-icon>*{line-height:60px}.lobibox-notify .lobibox-notify-icon img{border-radius:4px;width:100%;height:100%}.lobibox-notify .lobibox-notify-body{margin:10px 20px 10px 90px}.lobibox-notify .lobibox-notify-title{font-size:20px}.lobibox-notify .lobibox-close{position:absolute;text-align:center;border-radius:50%;right:10px;top:10px;font-size:20px;line-height:19px;width:19px;height:19px;transition:all .2s}.lobibox-notify .lobibox-close:hover{background-color:rgba(0,0,0,.5);font-weight:700}.lobibox-notify .lobibox-delay-indicator{position:absolute;left:0;right:0;bottom:0;height:3px}.lobibox-notify .lobibox-delay-indicator>div{position:relative;height:100%;width:0;background-color:rgba(0,0,0,.4)}.lobibox-notify.lobibox-notify-error{border-color:#b41d1d;background-color:rgba(202,33,33,.9);color:#fff}.lobibox-notify.lobibox-notify-error:hover{background-color:#ca2121;border-color:#FFF}.lobibox-notify.lobibox-notify-success{border-color:#24a370;background-color:rgba(41,184,126,.9);color:#fff}.lobibox-notify.lobibox-notify-success:hover{background-color:#29b87e;border-color:#FFF}.lobibox-notify.lobibox-notify-warning{border-color:#b97429;background-color:rgba(206,129,46,.9);color:#fff}.lobibox-notify.lobibox-notify-warning:hover{background-color:#ce812e;border-color:#FFF}.lobibox-notify.lobibox-notify-info{border-color:#296ba0;background-color:rgba(46,121,180,.9);color:#fff}.lobibox-notify.lobibox-notify-info:hover{background-color:#2e79b4;border-color:#FFF}.lobibox-notify:hover{cursor:pointer;-webkit-box-shadow:3px 3px 10px #aaa;box-shadow:3px 3px 10px #aaa}.lobibox-notify.notify-mini{min-height:36px}.lobibox-notify.notify-mini .lobibox-notify-title{margin-top:-5px;font-size:20px;line-height:22px}.lobibox-notify.notify-mini .lobibox-notify-icon,.lobibox-notify.notify-mini .lobibox-notify-icon>*,.lobibox-notify.notify-mini .lobibox-notify-msg{line-height:16px}.lobibox-notify.notify-mini .lobibox-notify-icon{left:7px;width:26px;font-size:25px}.lobibox-notify.notify-mini .lobibox-notify-icon img{margin-top:-5px}.lobibox-notify.notify-mini .lobibox-notify-body{margin:10px 13px 10px 40px}.lobibox-notify.without-icon .lobibox-notify-body{margin-left:20px}

 src/main/webapp/css/default.css

New file
@@ -0,0 +1,238 @@
@import url(https://fonts.googleapis.com/css?family=Raleway:200,500,700,800);
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?rretjt');
    src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
        url('../fonts/icomoon.woff?rretjt') format('woff'),
        url('../fonts/icomoon.ttf?rretjt') format('truetype'),
        url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, html { font-size: 100%;     padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

body{
    background: #f9f7f6;
    color: #404d5b;
    font-weight: 500;
    font-size: 1.05em;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
a{color: #2fa0ec;text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;}

.jq22-container{
    margin: 0 auto;
    overflow: hidden;
}
.jq22-content {
    width: 80%;
    font-size: 110%;
    padding: 1em 0;
    margin:0 auto;
}

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
/* Header */
.jq22-header{
    padding: 1em 190px 1em;
    letter-spacing: -1px;
    text-align: center;
}
.jq22-header h1 {
    font-weight: 600;
    font-size: 2em;
    line-height: 1;
    margin-bottom: 0;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
.jq22-header h1 span {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
    display: block;
    font-size: 60%;
    font-weight: 400;
    padding: 0.8em 0 0.5em 0;
    color: #c3c8cd;
}
/*nav*/
.jq22-demo a{color: #1d7db1;text-decoration: none;}
.jq22-demo{width: 100%;padding-bottom: 1.2em;}
.jq22-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.jq22-demo a:hover{opacity: 0.6;}
.jq22-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.jq22-links {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.5em;
    text-align: center;
}

.jq22-links::after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #dbdbdb;
    content: '';
    -webkit-transform: rotate3d(0,0,1,22.5deg);
    transform: rotate3d(0,0,1,22.5deg);
}

.jq22-icon {
    display: inline-block;
    margin: 0.5em;
    padding: 0em 0;
    width: 1.5em;
    text-decoration: none;
}

.jq22-icon span {
    display: none;
}

.jq22-icon:before {
    margin: 0 5px;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
/* footer */
.jq22-footer{width: 100%;padding-top: 10px;}
.jq22-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
    color: #fff;
    background: #333;
    text-align: center;
    font-size: 1.25em;
    padding: 0.5em 0;
    overflow: hidden;
}

.related > a {
    vertical-align: top;
    width: calc(100% - 20px);
    max-width: 340px;
    display: inline-block;
    text-align: center;
    margin: 20px 10px;
    padding: 25px;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
.related a {
    display: inline-block;
    text-align: left;
    margin: 20px auto;
    padding: 10px 20px;
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
    opacity: 1;
}

.related a img {
    max-width: 100%;
    opacity: 0.8;
    border-radius: 4px;
}
.related a:hover img,
.related a:active img {
    opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
    font-weight: 300;
    margin-top: 0.15em;
    color: #fff;
}
/* icomoon */
.icon-jq22-home-outline:before {
    content: "\e5000";
}

.icon-jq22-arrow-forward-outline:before {
    content: "\e5001";
}

@media screen and (max-width: 50em) {
    .jq22-header {
        padding: 3em 10% 4em;
    }
    .jq22-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
    .jq22-header h1 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 30em) {
    .jq22-header h1 {
        font-size:1.2em;
    }
}

 src/main/webapp/css/normalize.css

New file
@@ -0,0 +1 @@
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

 src/main/webapp/js/lobibox.min.js

New file
@@ -0,0 +1 @@
var Lobibox=Lobibox||{};!function(){function LobiboxPrompt(type,options){this.$input=null,this.$type="prompt",this.$promptType=type,options=$.extend({},Lobibox.prompt.DEFAULT_OPTIONS,options),this.$options=this._processInput(options),this._init(),this.debug(this)}function LobiboxConfirm(options){this.$type="confirm",this.$options=this._processInput(options),this._init(),this.debug(this)}function LobiboxAlert(type,options){this.$type=type,this.$options=this._processInput(options),this._init(),this.debug(this)}function LobiboxProgress(options){this.$type="progress",this.$progressBarElement=null,this.$options=this._processInput(options),this.$progress=0,this._init(),this.debug(this)}function LobiboxWindow(type,options){this.$type=type,this.$options=this._processInput(options),this._init(),this.debug(this)}Lobibox.prompt=function(type,options){return new LobiboxPrompt(type,options)},Lobibox.confirm=function(options){return new LobiboxConfirm(options)},Lobibox.progress=function(options){return new LobiboxProgress(options)},Lobibox.error={},Lobibox.success={},Lobibox.warning={},Lobibox.info={},Lobibox.alert=function(type,options){return["success","error","warning","info"].indexOf(type)>-1?new LobiboxAlert(type,options):void 0},Lobibox.window=function(options){return new LobiboxWindow("window",options)};var LobiboxBase={$type:null,$el:null,$options:null,debug:function(){this.$options.debug&&window.console.debug.apply(window.console,arguments)},_processInput:function(options){if($.isArray(options.buttons)){for(var btns={},i=0;i<options.buttons.length;i++){var btn=Lobibox.base.OPTIONS.buttons[options.buttons[i]];btns[options.buttons[i]]=btn}options.buttons=btns}options.customBtnClass=options.customBtnClass?options.customBtnClass:Lobibox.base.DEFAULTS.customBtnClass;for(var i in options.buttons){var btn=options.buttons[i];options.buttons.hasOwnProperty(i)&&(btn=$.extend({},Lobibox.base.OPTIONS.buttons[i],btn),btn["class"]||(btn["class"]=options.customBtnClass)),options.buttons[i]=btn}return options=$.extend({},Lobibox.base.DEFAULTS,options),void 0===options.showClass&&(options.showClass=Lobibox.base.OPTIONS.showClass),void 0===options.hideClass&&(options.hideClass=Lobibox.base.OPTIONS.hideClass),void 0===options.baseClass&&(options.baseClass=Lobibox.base.OPTIONS.baseClass),void 0===options.delayToRemove&&(options.delayToRemove=Lobibox.base.OPTIONS.delayToRemove),options},_init:function(){var me=this;me._createMarkup(),me.setTitle(me.$options.title),me.$options.draggable&&!me._isMobileScreen()&&(me.$el.addClass("draggable"),me._enableDrag()),me.$options.closeButton&&me._addCloseButton(),me.$options.closeOnEsc&&$(document).on("keyup.lobibox",function(ev){27===ev.which&&me.destroy()}),me.$options.baseClass&&me.$el.addClass(me.$options.baseClass),me.$options.showClass&&(me.$el.removeClass(me.$options.hideClass),me.$el.addClass(me.$options.showClass)),me.$el.data("lobibox",me)},_calculatePosition:function(position){var top,me=this;top="top"===position?30:"bottom"===position?$(window).outerHeight()-me.$el.outerHeight()-30:($(window).outerHeight()-me.$el.outerHeight())/2;var left=($(window).outerWidth()-me.$el.outerWidth())/2;return{left:left,top:top}},_createButton:function(type,op){var me=this,btn=$("<button></button>").addClass(op["class"]).attr("data-type",type).html(op.text);return me.$options.callback&&"function"==typeof me.$options.callback&&btn.on("click.lobibox",function(ev){var bt=$(this);me.$options.buttons[type]&&me.$options.buttons[type].closeOnClick&&me.destroy(),me.$options.callback(me,bt.data("type"),ev)}),btn.click(function(){me.$options.buttons[type]&&me.$options.buttons[type].closeOnClick&&me.destroy()}),btn},_generateButtons:function(){var me=this,btns=[];for(var i in me.$options.buttons)if(me.$options.buttons.hasOwnProperty(i)){var op=me.$options.buttons[i],btn=me._createButton(i,op);btns.push(btn)}return btns},_createMarkup:function(){var me=this,lobibox=$('<div class="lobibox"></div>');lobibox.attr("data-is-modal",me.$options.modal);var header=$('<div class="lobibox-header"></div>').append('<span class="lobibox-title"></span>'),body=$('<div class="lobibox-body"></div>');if(lobibox.append(header),lobibox.append(body),me.$options.buttons&&!$.isEmptyObject(me.$options.buttons)){var footer=$('<div class="lobibox-footer"></div>');footer.append(me._generateButtons()),lobibox.append(footer),Lobibox.base.OPTIONS.buttonsAlign.indexOf(me.$options.buttonsAlign)>-1&&footer.addClass("text-"+me.$options.buttonsAlign)}me.$el=lobibox.addClass(Lobibox.base.OPTIONS.modalClasses[me.$type])},_setSize:function(){var me=this;me.setWidth(me.$options.width),me.setHeight("auto"===me.$options.height?me.$el.outerHeight():me.$options.height)},_calculateBodyHeight:function(height){var me=this,headerHeight=me.$el.find(".lobibox-header").outerHeight(),footerHeight=me.$el.find(".lobibox-footer").outerHeight();return height-(headerHeight?headerHeight:0)-(footerHeight?footerHeight:0)},_addBackdrop:function(){0===$(".lobibox-backdrop").length&&$("body").append('<div class="lobibox-backdrop"></div>')},_triggerEvent:function(type){var me=this;me.$options[type]&&"function"==typeof me.$options[type]&&me.$options[type](me)},_calculateWidth:function(width){var me=this;return width=Math.min($(window).outerWidth(),width),width===$(window).outerWidth()&&(width-=2*me.$options.horizontalOffset),width},_calculateHeight:function(height){return Math.min($(window).outerHeight(),height)},_addCloseButton:function(){var me=this,closeBtn=$('<span class="btn-close">&times;</span>');me.$el.find(".lobibox-header").append(closeBtn),closeBtn.on("mousedown",function(ev){ev.stopPropagation()}),closeBtn.on("click.lobibox",function(){me.destroy()})},_position:function(){var me=this;me._setSize();var pos=me._calculatePosition();me.setPosition(pos.left,pos.top)},_isMobileScreen:function(){return $(window).outerWidth()<768?!0:!1},_enableDrag:function(){var el=this.$el,heading=el.find(".lobibox-header");heading.on("mousedown.lobibox",function(ev){el.attr("offset-left",ev.offsetX),el.attr("offset-top",ev.offsetY),el.attr("allow-drag","true")}),$(document).on("mouseup.lobibox",function(){el.attr("allow-drag","false")}),$(document).on("mousemove.lobibox",function(ev){if("true"===el.attr("allow-drag")){var left=ev.clientX-parseInt(el.attr("offset-left"),10)-parseInt(el.css("border-left-width"),10),top=ev.clientY-parseInt(el.attr("offset-top"),10)-parseInt(el.css("border-top-width"),10);el.css({left:left,top:top})}})},_setContent:function(msg){var me=this;return me.$el.find(".lobibox-body").html(msg),me},hide:function(){function callback(){me.$el.addClass("lobibox-hidden"),0===$(".lobibox[data-is-modal=true]:not(.lobibox-hidden)").length&&($(".lobibox-backdrop").remove(),$("body").removeClass(Lobibox.base.OPTIONS.bodyClass))}var me=this;return me.$options.hideClass?(me.$el.removeClass(me.$options.showClass),me.$el.addClass(me.$options.hideClass),setTimeout(function(){callback()},me.$options.delayToRemove)):callback(),this},destroy:function(){function callback(){me.$el.remove(),0===$(".lobibox[data-is-modal=true]").length&&($(".lobibox-backdrop").remove(),$("body").removeClass(Lobibox.base.OPTIONS.bodyClass)),me._triggerEvent("closed")}var me=this;return me._triggerEvent("beforeClose"),me.$options.hideClass?(me.$el.removeClass(me.$options.showClass),me.$el.addClass(me.$options.hideClass),setTimeout(function(){callback()},me.$options.delayToRemove)):callback(),this},setWidth:function(width){return width=this._calculateWidth(width),this.$el.css("width",width),this},setHeight:function(height){var me=this;height=me._calculateHeight(height),me.$el.css("height",height);var bHeight=me._calculateBodyHeight(me.$el.innerHeight());return me.$el.find(".lobibox-body").css("height",bHeight),me},setSize:function(width,height){var me=this;return me.setWidth(width),me.setHeight(height),me},setPosition:function(left,top){var position,me=this;return"number"==typeof left&&"number"==typeof top?position={left:left,top:top}:"string"==typeof left&&(position=me._calculatePosition(left)),me.$el.css(position),me},setTitle:function(title){var me=this;return me.$el.find(".lobibox-title").html(title),me},getTitle:function(){var me=this;return me.$el.find(".lobibox-title").html()},show:function(){var me=this;return me._triggerEvent("onShow"),me.$el.removeClass("lobibox-hidden"),$("body").append(me.$el),me.$options.modal&&($("body").addClass(Lobibox.base.OPTIONS.bodyClass),me._addBackdrop()),me._triggerEvent("shown"),me}};Lobibox.base={},Lobibox.base.OPTIONS={bodyClass:"lobibox-open",modalClasses:{error:"lobibox-error",success:"lobibox-success",info:"lobibox-info",warning:"lobibox-warning",confirm:"lobibox-confirm",progress:"lobibox-progress",prompt:"lobibox-prompt","default":"lobibox-default",window:"lobibox-window"},buttonsAlign:["left","center","right"],buttons:{ok:{"class":"lobibox-btn lobibox-btn-default",text:"OK",closeOnClick:!0},cancel:{"class":"lobibox-btn lobibox-btn-cancel",text:"Cancel",closeOnClick:!0},yes:{"class":"lobibox-btn lobibox-btn-yes",text:"Yes",closeOnClick:!0},no:{"class":"lobibox-btn lobibox-btn-no",text:"No",closeOnClick:!0}}},Lobibox.base.DEFAULTS={horizontalOffset:5,width:600,height:"auto",closeButton:!0,draggable:!1,customBtnClass:"lobibox-btn lobibox-btn-default",modal:!0,debug:!1,buttonsAlign:"center",closeOnEsc:!0,delayToRemove:200,baseClass:"animated-super-fast",showClass:"zoomIn",hideClass:"zoomOut",onShow:null,shown:null,beforeClose:null,closed:null},LobiboxPrompt.prototype=$.extend({},LobiboxBase,{constructor:LobiboxPrompt,_processInput:function(options){var me=this,mergedOptions=LobiboxBase._processInput.call(me,options);return mergedOptions.buttons={ok:Lobibox.base.OPTIONS.buttons.ok,cancel:Lobibox.base.OPTIONS.buttons.cancel},options=$.extend({},mergedOptions,LobiboxPrompt.DEFAULT_OPTIONS,options)},_init:function(){var me=this;LobiboxBase._init.call(me),me.show(),me._setContent(me._createInput()),me._position(),me.$input.focus()},_createInput:function(){var label,me=this;me.$options.multiline?(me.$input=$("<textarea></textarea>"),me.$input.attr("rows",me.$options.lines)):me.$input=$('<input type="'+me.$promptType+'"/>'),me.$input.addClass("lobibox-input"),me.$input.attr(me.$options.attrs),me.$options.value&&me.setValue(me.$options.value),me.$options.label&&(label=$("<label>"+me.$options.label+"</label>"));var innerHTML=$("<div></div>").append(label,me.$input);return innerHTML},setValue:function(val){return this.$input.val(val),this},getValue:function(){return this.$input.val()}}),LobiboxPrompt.DEFAULT_OPTIONS={width:400,attrs:{},value:"",multiline:!1,lines:3,type:"text",label:""},LobiboxConfirm.prototype=$.extend({},LobiboxBase,{constructor:LobiboxConfirm,_processInput:function(options){var me=this,mergedOptions=LobiboxBase._processInput.call(me,options);return mergedOptions.buttons={yes:Lobibox.base.OPTIONS.buttons.yes,no:Lobibox.base.OPTIONS.buttons.no},options=$.extend({},mergedOptions,Lobibox.confirm.DEFAULTS,options)},_init:function(){var me=this;LobiboxBase._init.call(me),me.show();var d=$("<div></div>");me.$options.iconClass&&d.append($('<div class="lobibox-icon-wrapper"></div>').append('<i class="lobibox-icon '+me.$options.iconClass+'"></i>')),d.append('<div class="lobibox-body-text-wrapper"><span class="lobibox-body-text">'+me.$options.msg+"</span></div>"),me._setContent(d.html()),me._position()}}),Lobibox.confirm.DEFAULTS={title:"Question",width:500,iconClass:"glyphicon glyphicon-question-sign"},LobiboxAlert.prototype=$.extend({},LobiboxBase,{constructor:LobiboxAlert,_processInput:function(options){var me=this,mergedOptions=LobiboxBase._processInput.call(me,options);return mergedOptions.buttons={ok:Lobibox.base.OPTIONS.buttons.ok},options=$.extend({},mergedOptions,Lobibox.alert.OPTIONS[me.$type],Lobibox.alert.DEFAULTS,options)},_init:function(){var me=this;LobiboxBase._init.call(me),me.show();var d=$("<div></div>");me.$options.iconClass&&d.append($('<div class="lobibox-icon-wrapper"></div>').append('<i class="lobibox-icon '+me.$options.iconClass+'"></i>')),d.append('<div class="lobibox-body-text-wrapper"><span class="lobibox-body-text">'+me.$options.msg+"</span></div>"),me._setContent(d.html()),me._position()}}),Lobibox.alert.OPTIONS={warning:{title:"Warning",iconClass:"glyphicon glyphicon-question-sign"},info:{title:"Information",iconClass:"glyphicon glyphicon-info-sign"},success:{title:"Success",iconClass:"glyphicon glyphicon-ok-sign"},error:{title:"Error",iconClass:"glyphicon glyphicon-remove-sign"}},Lobibox.alert.DEFAULTS={},LobiboxProgress.prototype=$.extend({},LobiboxBase,{constructor:LobiboxProgress,_processInput:function(options){var me=this,mergedOptions=LobiboxBase._processInput.call(me,options);return options=$.extend({},mergedOptions,Lobibox.progress.DEFAULTS,options)},_init:function(){var me=this;LobiboxBase._init.call(me),me.show(),me.$progressBarElement=me.$options.progressTpl?$(me.$options.progressTpl):me._createProgressbar();var label;me.$options.label&&(label=$("<label>"+me.$options.label+"</label>"));var innerHTML=$("<div></div>").append(label,me.$progressBarElement);me._setContent(innerHTML),me._position()},_createProgressbar:function(){var me=this,outer=$('<div class="lobibox-progress-bar-wrapper lobibox-progress-outer"></div>').append('<div class="lobibox-progress-bar lobibox-progress-element"></div>');return me.$options.showProgressLabel&&outer.append('<span class="lobibox-progress-text" data-role="progress-text"></span>'),outer},setProgress:function(progress){var me=this;if(100!==me.$progress)return progress=Math.min(100,Math.max(0,progress)),me.$progress=progress,me._triggerEvent("progressUpdated"),100===me.$progress&&me._triggerEvent("progressCompleted"),me.$el.find(".lobibox-progress-element").css("width",progress.toFixed(1)+"%"),me.$el.find('[data-role="progress-text"]').html(progress.toFixed(1)+"%"),me},getProgress:function(){return this.$progress}}),Lobibox.progress.DEFAULTS={width:500,showProgressLabel:!0,label:"",progressTpl:!1,progressUpdated:null,progressCompleted:null},LobiboxWindow.prototype=$.extend({},LobiboxBase,{constructor:LobiboxWindow,_processInput:function(options){var me=this,mergedOptions=LobiboxBase._processInput.call(me,options);return options.content&&"function"==typeof options.content&&(options.content=options.content()),options.content instanceof jQuery&&(options.content=options.content.clone()),options=$.extend({},mergedOptions,Lobibox.window.DEFAULTS,options)},_init:function(){var me=this;LobiboxBase._init.call(me),me.setContent(me.$options.content),me.$options.url&&me.$options.autoload?(me.$options.showAfterLoad||(me.show(),me._position()),me.load(function(){me.$options.showAfterLoad&&(me.show(),me._position())})):(me.show(),me._position())},setParams:function(params){var me=this;return me.$options.params=params,me},getParams:function(){var me=this;return me.$options.params},setLoadMethod:function(method){var me=this;return me.$options.loadMethod=method,me},getLoadMethod:function(){var me=this;return me.$options.loadMethod},setContent:function(content){var me=this;return me.$options.content=content,me.$el.find(".lobibox-body").html("").append(content),me},getContent:function(){var me=this;return me.$options.content},setUrl:function(url){return this.$options.url=url,this},getUrl:function(){return this.$options.url},load:function(callback){var me=this;return me.$options.url?($.ajax(me.$options.url,{method:me.$options.loadMethod,data:me.$options.params}).done(function(res){me.setContent(res),callback&&"function"==typeof callback&&callback(res)}),me):me}}),Lobibox.window.DEFAULTS={width:480,height:600,content:"",url:"",draggable:!0,autoload:!0,loadMethod:"GET",showAfterLoad:!0,params:{}}}(),Math.randomString=function(n){for(var text="",possible="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=0;n>i;i++)text+=possible.charAt(Math.floor(Math.random()*possible.length));return text};var Lobibox=Lobibox||{};!function(){var LobiboxNotify=function(type,options){this.$type,this.$options,this.$el,this.$sound;var me=this,_processInput=function(options){return("mini"===options.size||"large"===options.size)&&(options.width=options.width||Lobibox.notify.OPTIONS[options.size].width),options=$.extend({},Lobibox.notify.OPTIONS[me.$type],Lobibox.notify.DEFAULTS,options),"mini"!==options.size&&options.title===!0?options.title=Lobibox.notify.OPTIONS[me.$type].title:"mini"===options.size&&options.title===!0&&(options.title=!1),options.icon===!0&&(options.icon=Lobibox.notify.OPTIONS[me.$type].icon),options.sound===!0&&(options.sound=Lobibox.notify.OPTIONS[me.$type].sound),options.sound&&(options.sound=options.soundPath+options.sound+options.soundExt),options},_init=function(){var notify=_createNotify(),wrapper=_createNotifyWrapper();if(_appendInWrapper(notify,wrapper),me.$el=notify,me.$options.sound){var snd=new Audio(me.$options.sound);snd.play()}me.$el.data("lobibox",me)},_appendInWrapper=function($el,$wrapper){if("normal"===me.$options.size)$wrapper.append($el);else if("mini"===me.$options.size)$el.addClass("notify-mini"),$wrapper.append($el);else if("large"===me.$options.size){var tabPane=_createTabPane();tabPane.append($el);var tabControl=_createTabControl(tabPane.attr("id"));$wrapper.find(".tab-content").append(tabPane),$wrapper.find(".nav-tabs").append(tabControl),tabControl.find(">a").tab("show")}},_createTabControl=function(tabPaneId){var $li=$("<li></li>");return $('<a href="#'+tabPaneId+'"></a>').attr("data-toggle","tab").attr("role","tab").append('<i class="tab-control-icon '+me.$options.icon+'"></i>').appendTo($li),$li.addClass(Lobibox.notify.OPTIONS[me.$type]["class"]),$li},_createTabPane=function(){var $pane=$("<div></div>").addClass("tab-pane").attr("id",Math.randomString(10));return $pane},_createNotifyWrapper=function(){var selector;selector="large"===me.$options.size?".lobibox-notify-wrapper-large":".lobibox-notify-wrapper";var classes=me.$options.position.split(" ");selector+="."+classes.join(".");var wrapper=$(selector);return 0===wrapper.length&&(wrapper=$("<div></div>").addClass(selector.replace(/\./g," ").trim()).appendTo($("body")),"large"===me.$options.size&&wrapper.append($('<ul class="nav nav-tabs"></ul>')).append($('<div class="tab-content"></div>'))),wrapper},_createNotify=function(){var notify=$('<div class="lobibox-notify"></div>').addClass(Lobibox.notify.OPTIONS[me.$type]["class"]).addClass(Lobibox.notify.OPTIONS["class"]).addClass(me.$options.showClass),iconWrapper=$('<div class="lobibox-notify-icon"></div>').appendTo(notify);if(me.$options.img){var img=iconWrapper.append('<img src="'+me.$options.img+'"/>');iconWrapper.append(img)}else if(me.$options.icon){var icon=iconWrapper.append('<i class="'+me.$options.icon+'"></i>');iconWrapper.append(icon)}else notify.addClass("without-icon");var $body=$("<div></div>").addClass("lobibox-notify-body").append('<div class="lobibox-notify-msg">'+me.$options.msg+"</div>").appendTo(notify);return me.$options.title&&$body.prepend('<div class="lobibox-notify-title">'+me.$options.title+"<div>"),_addCloseButton(notify),("normal"===me.$options.size||"mini"===me.$options.size)&&(_addCloseOnClick(notify),_addDelay(notify)),me.$options.width&&notify.css("width",_calculateWidth(me.$options.width)),notify},_addCloseButton=function($el){if(me.$options.closable){var close=$('<span class="lobibox-close">&times;</span>');$el.append(close),close.click(function(){me.remove()})}},_addCloseOnClick=function($el){me.$options.closeOnClick&&$el.click(function(){me.remove()})},_addDelay=function($el){if(me.$options.delay){if(me.$options.delayIndicator){var delay=$('<div class="lobibox-delay-indicator"><div></div></div>');$el.append(delay)}var time=0,interval=1e3/30,timer=setInterval(function(){time+=interval;var width=100*time/me.$options.delay;width>=100&&(width=100,me.remove(),timer=clearInterval(timer)),me.$options.delayIndicator&&delay.find("div").css("width",width+"%")},interval)}},_findTabToActivate=function($li){var $itemToActivate=$li.prev();return 0===$itemToActivate.length&&($itemToActivate=$li.next()),0===$itemToActivate.length?null:$itemToActivate.find(">a")},_calculateWidth=function(width){return width=Math.min($(window).outerWidth(),width)};this.remove=function(){me.$el.removeClass(me.$options.showClass).addClass(me.$options.hideClass);var parent=me.$el.parent(),wrapper=parent.closest(".lobibox-notify-wrapper-large"),href="#"+parent.attr("id"),$li=wrapper.find('>.nav-tabs>li:has(a[href="'+href+'"])');return $li.addClass(Lobibox.notify.OPTIONS["class"]).addClass(me.$options.hideClass),setTimeout(function(){if("normal"===me.$options.size||"mini"===me.$options.size)me.$el.remove();else if("large"===me.$options.size){var $itemToActivate=_findTabToActivate($li);$itemToActivate&&$itemToActivate.tab("show"),$li.remove(),parent.remove()}},500),me},this.$type=type,this.$options=_processInput(options),_init()};Lobibox.notify=function(type,options){return["info","warning","error","success"].indexOf(type)>-1?new LobiboxNotify(type,options):void 0},Lobibox.notify.DEFAULTS={title:!0,size:"normal",soundPath:"src/sounds/",soundExt:".ogg",showClass:"zoomIn",hideClass:"zoomOut",icon:!0,msg:"",img:null,closable:!0,delay:5e3,delayIndicator:!0,closeOnClick:!0,width:400,sound:!0,position:"bottom right"},Lobibox.notify.OPTIONS={"class":"animated-fast",large:{width:500},mini:{"class":"notify-mini"},success:{"class":"lobibox-notify-success",title:"Success",icon:"glyphicon glyphicon-ok-sign",sound:"sound2"},error:{"class":"lobibox-notify-error",title:"Error",icon:"glyphicon glyphicon-remove-sign",sound:"sound4"},warning:{"class":"lobibox-notify-warning",title:"Warning",icon:"glyphicon glyphicon-exclamation-sign",sound:"sound5"},info:{"class":"lobibox-notify-info",title:"Information",icon:"glyphicon glyphicon-info-sign",sound:"sound6"}}}();

 src/main/webapp/page/scheme-helper.html

@@ -3,9 +3,9 @@
<head>
    <meta charset="utf-8" />
    <title>方案布点辅助</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rER1sgBIcQxkfNSlm2wmBGZGgEERrooM"></script>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<link rel="stylesheet" type="text/css" href="/css/default.css">
<link rel="stylesheet" href="/css/Lobibox.min.css"/>
<style type="text/css">
    body,
    html,
@@ -13,24 +13,25 @@
    #mapCanvas {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
        /* overflow: hidden; */
        /* margin: 0; */
        /* padding: 0; */
        z-index: 0;
        font-size: 14px;
        font-family: "微软雅黑";
        /* font-size: 14px; */
        /* font-family: "微软雅黑"; */
    }

    .popup-box {
        position: absolute;
        z-index: 1;
        font-size: 14px;
        background-color: white;
        top: 3%;
        left: 1%;
        padding: 14px 10px 0px;
        text-align: center;
        width: 280px;
        height: 110px;
        width: 290px;
        height: 130px;
    }

    .search-box {
@@ -49,7 +50,14 @@
        text-align: left;
        padding-left: 2px;
    }
    input[type="button"] {
        cursor: pointer;
    }
    input[type="radio"] {
        cursor: pointer;
    }
</style>
<body>
<div class="main-body">
    <div class="popup-box">
        <table>
@@ -115,8 +123,9 @@
    </div>
    <div id="mapCanvas"></div>
</div>

<body>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rER1sgBIcQxkfNSlm2wmBGZGgEERrooM"></script>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/lobibox.min.js"></script>
    <script>
        var baiduMap;
        var markerManager = {
@@ -164,23 +173,48 @@
        // 0,无操作，1，增加设备，2，增加五角星，3，删除布点
        function clickHandle(args, key) {
            var handleValue = parseInt($("input[name='mapClickHandle']:checked").val());
            var handleName = "";
            switch (handleValue) {
                case 0:
                    clickHandle.counter +=1;
                    handleName += "无操作";
                    break;
                case 1:
                    addMpoint(args.point);
                    handleName += "[设备]布点";
                    break;
                case 2:
                    addStar(args.point);
                    handleName += "[五角星]布点";
                    break;
                case 3:
                    removeOverlay(key, this);
                     handleName += "删除布点";
                    if(this instanceof BMap.Marker){
                        removeOverlay(key,this);
                        clickHandle.counter -=1;
                    }else{
                        clickHandle.counter +=1;
                    }
                    break;
            }
            if(clickHandle.counter>=4 ){
                var msg = "当前状态为:【"+handleName+"】,可以通过【鼠标右键】切换状态"
                Lobibox.notify('info', {
                    size: 'mini',
                    width: 500,
                    // delay: false,
                    icon: false,
                    msg: msg
                });
                clickHandle.counter = 0;
            }

        }
        clickHandle.counter = 0;
        var switchMenuItems = {};
        switchClickHanld = function (value) {
            value = value.toString();
            clickHandle.counter = 0;
            $("input[name='mapClickHandle']").each(function () {
                var handleValue = $(this).val().toString();
                if (handleValue === value) {
@@ -348,6 +382,12 @@
                "click",
                clickHandle
            );
            map.addEventListener(
                "dblclick",
                function(){
                    clickHandle.counter -=2;
                }
            );
            return map;
        }
        (function ($) {

 src/main/webapp/page/src/sounds/sound1.ogg

Binary files differ

 src/main/webapp/page/src/sounds/sound2.ogg

Binary files differ

 src/main/webapp/page/src/sounds/sound3.ogg

Binary files differ

 src/main/webapp/page/src/sounds/sound4.ogg

Binary files differ

 src/main/webapp/page/src/sounds/sound5.ogg

Binary files differ

 src/main/webapp/page/src/sounds/sound6.ogg

Binary files differ