/* * Timepicker stylesheet * Highly inspired from datepicker * FG - Nov 2010 - Web3R * * version 0.0.3 : Fixed some settings, more dynamic * version 0.0.4 : Removed width:100% on tables * version 0.1.1 : set width 0 on tables to fix an ie6 bug */ .ui-timepicker-inline { display: inline; } #ui-timepicker-div { padding: 0.2em; } .ui-timepicker-table { display: inline-table; width: 0; } .ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; } .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; } .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; } .ui-timepicker-table td { padding: 0.1em; width: 2.2em; } .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; } /* span for disabled cells */ .ui-timepicker-table td span { display:block; padding:0.2em 0.3em 0.2em 0.5em; width: 1.2em; text-align:right; text-decoration:none; } /* anchors for clickable cells */ .ui-timepicker-table td a { display:block; padding:0.2em 0.3em 0.2em 0.5em; width: 1.2em; cursor: pointer; text-align:right; text-decoration:none; } /* buttons and button pane styling */ .ui-timepicker .ui-timepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } /* The close button */ .ui-timepicker .ui-timepicker-close { float: right } /* the now button */ .ui-timepicker .ui-timepicker-now { float: left; } /* the deselect button */ .ui-timepicker .ui-timepicker-deselect { float: left; } .dropdown{width:210px;height:auto;max-height:22px;overflow:hidden;cursor:pointer;position:absolute;left:200px;top:0;border:2px solid #a2c9fe;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#5d4617}.dropdown input{cursor:pointer;border:0;height:20px;padding-left:5px;color:#816c5b}.dropdown input:hover,.dropdown input:focus{color:#3f3f3f}.dropdown .caret{position:absolute;top:0;right:0;width:22px;height:22px;background:url('img/down.png') center no-repeat;z-index:1}.dropdown ul{width:100%;margin:0;padding:0;border-top:1px solid #869eb3;background-color:white}.dropdown ul li{height:20px;line-height:20px;margin:0;padding:0 5px;list-style-type:none;cursor:pointer;overflow:hidden}.dropdown ul li:hover{font-weight:bold}.dropdown.open{max-height:1000px;z-index:2;-webkit-transition:max-height 1s ease-in;-moz-transition:max-height 1s ease-in;-o-transition:max-height 1s ease-in;transition:max-height 1s ease-in}.popup.error-dialog{width:600px}.popup.error-dialog.open{z-index:2;opacity:1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:calc(50% - 100px);left:calc(50% - 300px);z-index:1000}.popup.error-dialog .error-ok{margin:5px auto;display:block}.popup.error-dialog .popup-contentpanel{height:2em;text-align:center;padding:2em 2em .5em}.popup.error-dialog .popup-contentpanel img{float:left;margin-left:2em}#overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:none;background-color:#aaa;opacity:.3;z-index:1}#overlay.open{display:block}.popup{position:absolute;top:-3000px;left:-5000px;display:block;padding:.2em;font-size:11px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;opacity:0;z-index:-1;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.popup-titlebar{position:relative;height:20px;padding:.3em 1em .3em;background-color:#6e93c8;font-weight:bold;cursor:move;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.popup-title{margin:.3em 16px .2em 0;font-family:Arial,Verdana;font-weight:bold;font-size:11px;color:#fff;display:block}.popup-icon-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;background-image:url(../img/a3_close_hover.png);overflow:hidden;display:block;text-indent:-99999px;background-repeat:no-repeat;cursor:pointer}.popup-icon-close:before{content:'';display:block;background-image:url(../../images/ui-icons_888888_256x240.png);background-position:-96px -128px;background-repeat:no-repeat;width:16px;height:16px;margin:1px}.popup-contentpanel{padding:.5em 1em;background-color:#fff}.popup-panel{margin:10px 15px}.popup.open{z-index:2;opacity:1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:30px;left:0}.popup.open.ui-draggable-dragging,.popup.open.ui-draggable-handle{-moz-transition-property:none;-webkit-transition:none;-o-transition-property:none;transition-property:none}.datatable{border-collapse:collapse;width:100%}.datatable tr{margin:0;padding:0;font-size:10px;text-align:left}.datatable tr th,.datatable tr td,.datatable tr th label{height:22px;line-height:22px;margin:0;padding:0;text-align:left;font-size:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.datatable tr label{display:block;min-width:10px;height:99%;color:#404040;white-space:nowrap}.datatable tr th label{border-top:1px solid #b2b2b2;border-bottom:1px solid #6098f6;background:-webkit-linear-gradient(#fdfdfd, #c7c7c7);background:-moz-linear-gradient(#fdfdfd, #c7c7c7);background:o-linear-gradient(#fdfdfd, #c7c7c7);background:linear-gradient(#fdfdfd, #c7c7c7)}.datatable tr th label span{padding-right:20px}.datatable tr th label.up span{background:url("/var/img/arrow-up.png") 95% 50% no-repeat}.datatable tr th label.down span{background:url("/var/img/arrow-down.png") 95% 50% no-repeat}.datatable tr th:first-child label{padding-left:10px;border-left:1px solid #b2b2b2;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;border-top-left-radius:10px}.datatable tr th:last-child label{padding-right:10px;border-right:1px solid #b2b2b2;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;border-top-right-radius:10px}.datatable tr:first-child:not(.selected) td label{background:-webkit-linear-gradient(#dee9fb, #f9fafe);background:-moz-linear-gradient(#dee9fb, #f9fafe);background:o-linear-gradient(#dee9fb, #f9fafe);background:linear-gradient(#dee9fb, #f9fafe)}.datatable tr.selected td label{background-color:#adcdfe}#eventsContextMenu{position:absolute;display:none;border:30px solid transparent}#eventsContextMenu.open{display:block}#eventsContextMenu #contextMenuInner{min-width:212px;min-height:50px;margin:2px;padding:6px;font-size:11px;background-color:white;outline:none;border:1px solid #6997d8 !important;-webkit-box-shadow:0 0 4px 0 #6997d8;-moz-box-shadow:0 0 4px 0 #6997d8;box-shadow:0 0 4px 0 #6997d8}#eventsContextMenu ul{width:100%;margin:0;padding:0}#eventsContextMenu ul li{width:100%;margin:0;padding:0 0 0 25px;line-height:20px;list-style:none;cursor:pointer}#eventsContextMenu ul li:hover{text-decoration:underline}#eventsContextMenu ul li#new{background:url('img/add.gif') left no-repeat}#eventsContextMenu ul li#edit{background:url('img/modify.gif') left no-repeat}#eventsContextMenu ul li#delete{background:url('img/delete.gif') left no-repeat}#evt-dialog{position:absolute;left:-250px;top:calc(50% - 50px);display:inline-block;height:auto;width:100%;max-width:1000px;margin:0;padding:25px;overflow:hidden;background:#eef4fc url('/var/img/caution48.png') 5% 50% no-repeat;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;z-index:-1;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}#evt-dialog.open{left:calc(50% - 500px);z-index:2;opacity:1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#evt-dialog.open.lower{top:60%;left:calc(50% - 232px);width:464px;padding:2px 2px 20px;background:#eef4fc;z-index:3}#evt-dialog.open.lower button{display:none}#evt-dialog.open.lower .popup-titlebar{display:block}#evt-dialog.open.lower #message{margin:20px}#evt-dialog .popup-titlebar{display:none}#evt-dialog #buttonGroup,#evt-dialog #message{margin:5px 0;padding-left:5%;text-align:center;font-size:11px}#evt-dialog.ui-draggable-dragging{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}#evt-panel #pageNumber{margin-left:0;margin-top:10px;margin-bottom:15px;color:#3f3f3f;font-size:11px}#evt-panel #pageNumber #btnBwd,#evt-panel #pageNumber #btnFwd{width:7px;height:11px;margin:1px;padding:0;vertical-align:top;background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer}#evt-panel #pageNumber #btnBwd{background-image:url("/var/img/page_left.gif")}#evt-panel #pageNumber #btnFwd{background-image:url("/var/img/page_right.gif")}#evt-panel #pageNumber span{margin:0 2px;vertical-align:top}#evt-panel progress{float:right;height:14px;margin:4px 0;width:calc(100% - 30px)}#evt-panel progress::-moz-progress-bar{background:#6e93c8}#evt-panel progress::-webkit-progress-bar{background:#6e93c8}#evt-panel progress::-webkit-progress-value{background:#6e93c8}#evt-panel progress{color:#6e93c8}#page{height:100%;width:100%}button{width:90px;height:25px;padding:0 25px 0 5px;font-size:11px;cursor:pointer;border:1px solid #fdba14;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}button#save,button#ok{margin:5px 0 0 0;background:url('img/ok.png') 90% 50% no-repeat,-webkit-linear-gradient(#fffffe, #fcedc6);background:url('img/ok.png') 90% 50% no-repeat,-moz-linear-gradient(#fffffe, #fcedc6);background:url('img/ok.png') 90% 50% no-repeat,-o-linear-gradient(#fffffe, #fcedc6);background:url('img/ok.png') 90% 50% no-repeat,linear-gradient(#fffffe, #fcedc6)}button#cancel{margin:5px 0 0 10px;background:url('img/cancel.png') 90% 50% no-repeat,-webkit-linear-gradient(#fffffe, #fcedc6);background:url('img/cancel.png') 90% 50% no-repeat,-moz-linear-gradient(#fffffe, #fcedc6);background:url('img/cancel.png') 90% 50% no-repeat,-o-linear-gradient(#fffffe, #fcedc6);background:url('img/cancel.png') 90% 50% no-repeat,linear-gradient(#fffffe, #fcedc6)}.form-line{position:relative}.form-line label{display:inline-block;line-height:26px}.ui-datepicker-title,.ui-timepicker-title{color:white}.focus{outline:none;border:1px solid #6997d8 !important;-webkit-box-shadow:0 0 4px 0 #6997d8;-moz-box-shadow:0 0 4px 0 #6997d8;box-shadow:0 0 4px 0 #6997d8}.animateHide{opacity:0;z-index:-1;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.animateShow{z-index:2;opacity:1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#evt-newEvent{top:-300px;left:-500px}#evt-newEvent.open{z-index:2;opacity:1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:30px;left:calc(50% - 236px)}#evt-newEvent #evt-popupPanel .form-line{margin:0 0 4px;width:440px}#evt-newEvent #evt-popupPanel .form-line .dropdown{width:205px}#evt-newEvent #evt-popupPanel .form-line label{width:200px}#evt-newEvent #evt-popupPanel .form-line input{width:200px}#evt-newEvent #evt-popupPanel .form-line input.datepicker{width:98px;margin-right:10px}#evt-newEvent #evt-popupPanel .form-line input.timepicker{width:80px}#evt-newEvent #evt-popupPanel .form-line input.timepicker,#evt-newEvent #evt-popupPanel .form-line input.datepicker{cursor:pointer}#evt-popupPanel{padding:15px 2px;margin:1.5em 1em .5em;border-top:1px solid #90b8fd;border-bottom:1px solid #90b8fd}.errorTitle{margin:2px;float:right;position:relative}.errorTitle:after{content:attr(data-title);display:block;opacity:0;position:absolute;left:calc(100% + 50px);top:-5px;border-radius:4px;padding:10px;border:1px solid #09f;box-shadow:0 0 10px 0 rgba(0,0,0,0.6);background-color:#fff;white-space:nowrap;-webkit-transition:opacity .3s,left .3s;transition:opacity .3s,left .3s}.errorTitle:before{content:url(/var/jquerybubblepopup-theme/azure/tail-left.png);position:absolute;display:block;opacity:0;left:calc(100% + 36px);top:1px;z-index:10;-webkit-transition:opacity .3s,left .3s;transition:opacity .3s,left .3s}.errorTitle:hover:before{opacity:1;left:calc(100% - 6px)}.errorTitle:hover:after{opacity:1;left:calc(100% + 8px)}#eventreport{width:870px;left:calc(50% - 435px)}#eventreport #eventSelectWrapper{width:200px}#eventreport .dropdown{width:100px}#eventreport .dropdown input{width:90px}