pip-webui
Version:
HTML5 UI for LOB applications
1 lines • 14.4 kB
CSS
.pip-checklist-edit,.pip-checklist-edit .pip-checklist-item{background-color:#fafafa}@-webkit-keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}@-moz-keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}@-o-keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}@keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}.pip-content-switch{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:row;-moz-box-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.pip-content-switch .md-button{margin-right:8px;height:48px;width:48px;border-radius:50%}.pip-content-switch .md-button.md-icon-button{padding:12px}.pip-content-switch .md-button .active-location{color:#FF9800;opacity:.5}.pip-content-switch .md-button .active-camera,.pip-content-switch .md-button .active-time{color:#427fed;opacity:.5}.pip-content-switch .md-button .active-document{color:#259b24;opacity:.5}.pip-checklist-edit{width:100%}.pip-checklist-edit .pip-checklist-item-body{border-top:1px solid #fafafa;border-bottom:1px solid #fafafa;display:table;font:normal 400 16px Roboto,'Helvetica Neue',sans-serif;width:100%;border-left:none;border-right:none}.pip-checklist-edit .pip-checklist-item-body.select-active-item{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.pip-checklist-edit .pip-checklist-item-body .pip-checklist-button{vertical-align:top;display:table-cell;width:48px}.pip-checklist-edit .pip-checklist-item-body .pip-checklist-button md-button{height:48px}.pip-checklist-edit .pip-checklist-item-body .pip-checklist-button-container{height:48px;display:inline-block}.pip-checklist-edit .pip-checklist-item-body .pip-checklist-text{display:table-cell;vertical-align:middle;padding:12px 20px 10px;line-height:24px}.pip-checklist-edit .md-button.pip-icon-checklist-button{height:48px;min-width:0;line-height:24px;padding:12px;width:48px;border-radius:50%;margin:0}.pip-checklist-view,.pip-checklist-view .pip-checklist-item,.pip-composite-edit md-input-container{font:normal 400 16px Roboto,'Helvetica Neue',sans-serif}.pip-checklist-edit .pip-checklist-button.pip-icon-checklist-button .md-ripple-container{height:0;width:0}.pip-checklist-edit .put_place{height:0;transition-property:background,height;transition-duration:.2s;background-color:#fafafa}.pip-checklist-edit md-input-container{padding:0;margin:0;width:100%}.pip-checklist-edit md-input-container textarea{border-bottom:0;padding:0}.pip-checklist-edit md-input-container .md-errors-spacer{height:0;min-height:0}.pip-checklist-edit md-checkbox{margin-left:14px;margin-top:14px;margin-bottom:0}.pip-checklist-edit .no-ripple-container.md-icon-button .md-ripple-container{height:0;width:0}.pip-checklist-edit .pip-checklist-draggable .pip-checklist-item [pip-drag]{background-color:#ebebeb;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pip-checklist-edit .pip-checklist-draggable .pip-checklist-item [pip-drag].pip-dragging.pip-drag-over{z-index:2000}.pip-checklist-edit .pip-checklist-draggable .pip-checklist-item [pip-drop]{transition-property:height;transition-duration:.2s}.pip-checklist-edit .pip-checklist-draggable>.pip-drag-enter .put_place{height:32px;transition-property:background,height;transition-duration:.2s;background-color:#d1d1d1}.pip-checklist-edit .pip-checklist-draggable>.pip-dragging .put_place{height:0;transition-property:background,height;transition-duration:.2s;background-color:#000}.pip-checklist-edit .pip-checklist-item.ng-enter,.pip-checklist-edit .pip-checklist-item.ng-leave{-webkit-transition:.5s linear all;-moz-transition:.5s linear all;-ms-transition:.5s linear all;-o-transition:.5s linear all;transition:.5s linear all}.pip-checklist-edit .pip-checklist-item.ng-enter,.pip-checklist-edit .pip-checklist-item.ng-leave.ng-leave-active{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);height:0;opacity:0}.pip-checklist-edit .pip-checklist-item.ng-enter.ng-enter-active,.pip-checklist-edit .pip-checklist-item.ng-leave{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);height:60px;opacity:1}.pip-checklist-view .pip-checklist-item{min-height:32px;width:100%}.pip-checklist-view .pip-checklist-item .pip-checklist-icon{width:24px;height:40px}.pip-checklist-view .pip-checklist-item .pip-checklist-text{vertical-align:middle;padding:9px 0 9px 24px}.pip-checklist-view md-checkbox{margin-left:2px;margin-top:10px;margin-bottom:10px;width:20px}.pip-checklist-view .pip-markdown p{margin:0}.pip-composite-edit{background-color:#fafafa;transition-property:heigth;transition-duration:2s;width:100%;margin:0 auto;position:relative;border-top:1px solid rgba(0,0,0,.12)}.pip-composite-edit .pip-composite-item{border-left:none;border-right:none}.pip-composite-edit .pip-composite-item.selected-content{border-left:none;border-right:none;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.pip-composite-edit .h33{height:33px}.pip-composite-edit md-input-container textarea{border-bottom:0;padding:0}.pip-composite-edit md-input-container div.md-errors-spacer{display:none}.pip-composite-edit .md-icon-button-little.md-button.md-icon-button{margin:0 6px;height:33px;min-width:0;line-height:24px;padding:4px;width:33px;border-radius:50%}.pip-composite-edit .tp20,.pip-composite-edit .vp20{padding-top:20px}.pip-composite-edit .md-icon-button-little.md-button.md-icon-button .md-ripple-container{height:33px;width:33px}.pip-composite-edit .no-ripple-container.md-icon-button-little.md-button.md-icon-button .md-ripple-container{height:0;width:0}@media (min-width:1200px){.pip-composite-edit .icon-rearrange-btn{width:350px}}@media (min-width:768px) and (max-width:1200px){.pip-composite-edit .icon-rearrange-btn{width:350px}}@media (max-width:768px){.pip-composite-edit .icon-rearrange-btn{width:150px}}.pip-composite-edit .vp20{padding-bottom:20px}.pip-composite-edit .pip-composite-body{position:relative}.pip-composite-edit .pip-composite-header{background-color:#fafafa;height:48px}.pip-composite-edit .pip-composite-header p{font-family:Roboto,'Helvetica Neue',sans-serif;font-size:12px;color:rgba(0,0,0,.54)}.pip-composite-edit .pip-section-header{background-color:#f3f3f3;height:33px;justify-content:space-between}.pip-composite-edit .pip-section-header.pip-section-header{background-color:#f3f3f3}.pip-composite-edit .pip-section-header.pip-section-header.composite-icon{color:#757575}.pip-composite-edit .pip-section-header.composite-icon{color:#bdbdbd}.pip-composite-edit .selected-content .pip-section-header .composite-icon,.pip-composite-toolbar .icon-text-block{color:#757575}.pip-composite-edit .composite-animate .pip-section-header{-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s}.pip-composite-edit .selected-content .pip-section-header{background-color:#ddd}.pip-composite-edit .selected-content .pip-checklist-edit,.pip-composite-edit .selected-content .pip-checklist-edit .pip-checklist-item,.pip-composite-edit .selected-content .pip-section-content{background-color:#ebebeb}.pip-composite-edit .selected-content .pip-checklist-edit .pip-checklist-item-body.select-active-item{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.pip-composite-edit .selected-content .pip-checklist-edit .pip-checklist-item-body{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.pip-composite-edit .composite-animate .pip-section-content{background-color:#fafafa;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s}.pip-composite-edit .drag-active .pip-composite-item [pip-drop],.pip-composite-edit .drag-active .putt_box,.pip-composite-edit .drag-active>.pip-drag-enter .putt_box,.pip-composite-edit .drag-active>.pip-dragging .putt_box{transition-property:background,height;transition-duration:.2s}.pip-composite-edit .drag-active .putt_box{height:0;background-color:#ebebeb}.pip-composite-edit .drag-active .pip-composite-item [pip-drag]{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pip-composite-edit .drag-active .pip-composite-item [pip-drag].pip-dragging.pip-drag-over{z-index:2000;opacity:.999}.pip-composite-edit .drag-active>.pip-drag-enter .putt_box{height:72px;background-color:#d1d1d1}.pip-composite-edit .drag-active>.pip-dragging .putt_box{height:0}.pip-composite-edit .composite-animate.ng-enter-stagger,.pip-composite-edit .composite-animate.ng-leave-stagger{-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transition-duration:0s;transition-duration:0s}.pip-composite-edit .composite-animate.ng-enter,.pip-composite-edit .composite-animate.ng-leave{-webkit-transition:height,max-height linear .5s;transition:height,max-height linear .5s}.pip-composite-edit .composite-animate.ng-enter,.pip-composite-edit .composite-animate.ng-leave.ng-leave-active{max-height:0;overflow:hidden}.pip-composite-edit .composite-animate.ng-enter.ng-enter-active,.pip-composite-edit .composite-animate.ng-leave{max-height:200px;overflow:hidden}.pip-composite-edit div.pip-picture-upload.ng-enter,.pip-composite-edit div.pip-picture-upload.ng-leave,.pip-composite-edit div.pip-picture-upload.ng-move{-webkit-transition:width linear .2s;-moz-transition:width linear .2s;-o-transition:width linear .2s;transition:width linear .2s}.pip-composite-edit div.pip-picture-upload.ng-enter{width:0}.pip-composite-edit div.pip-picture-upload.ng-enter.ng-enter-active,.pip-composite-edit div.pip-picture-upload.ng-leave{width:80px}.pip-composite-edit div.pip-document-upload.ng-enter,.pip-composite-edit div.pip-picture-upload.ng-leave.ng-leave-active{width:0}.pip-composite-edit div.pip-document-upload.ng-enter,.pip-composite-edit div.pip-document-upload.ng-leave,.pip-composite-edit div.pip-document-upload.ng-move{-webkit-transition:width linear .2s;-moz-transition:width linear .2s;-o-transition:width linear .2s;transition:width linear .2s}.pip-composite-edit div.pip-document-upload.ng-enter.ng-enter-active,.pip-composite-edit div.pip-document-upload.ng-leave{width:80px}.pip-composite-edit div.pip-document-upload.ng-leave.ng-leave-active{width:0}.pip-composite-edit .pip-section-header.ng-enter.ng-enter-active,.pip-composite-edit .pip-section-header.ng-leave{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;height:33px}.pip-composite-edit .pip-section-header.ng-enter,.pip-composite-edit .pip-section-header.ng-leave.ng-leave-active{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;height:0}.pip-composite-summary,.pip-composite-view{-webkit-user-select:auto;position:relative;display:block}.pip-composite-summary .pip-documents-name,.pip-composite-summary .pip-location-name,.pip-composite-view .pip-documents-name,.pip-composite-view .pip-location-name{height:48px;opacity:.54}.pip-composite-summary .pip-documents-text,.pip-composite-summary .pip-location-text,.pip-composite-view .pip-documents-text,.pip-composite-view .pip-location-text{font:normal 400 16px Roboto,'Helvetica Neue',sans-serif;opacity:.87;vertical-align:middle;line-height:48px}.pip-composite-summary pip-time-range p,.pip-composite-view pip-time-range p{margin-top:10px;margin-bottom:12px}.pip-composite-summary .pip-composite-text,.pip-composite-view .pip-composite-text{margin-bottom:8px;margin-top:8px;font:normal 400 16px Roboto,'Helvetica Neue',sans-serif}.pip-composite-summary .pip-composite-text .pip-markdown p:last-of-type,.pip-composite-view .pip-composite-text .pip-markdown p:last-of-type{margin-bottom:0}.pip-composite-summary .pip-composite-time>md-icon,.pip-composite-view .pip-composite-time>md-icon{margin-right:26px}.pip-composite-summary .pip-documents-name.md-button,.pip-composite-summary .pip-location .pip-location-name{padding-left:0;padding-right:0}.pip-composite-toolbar{display:block;background-color:#f3f3f3;width:100%;height:48px;justify-content:space-around}.pip-composite-toolbar .pip-composite-button{height:48px;font-size:24px;margin:0;flex:1;transition:all .5s linear}.pip-composite-toolbar .icon-checkbox-on{color:#CB7E99}.pip-composite-toolbar .icon-location{color:#F9B257}.pip-composite-toolbar .icon-document{color:#8CC475}.pip-composite-toolbar .icon-camera{color:#4EBFD9}.pip-composite-toolbar .icon-time{color:#09F}.pip-composite-toolbar .new-item{flex:.00001;-webkit-animation:flexGrow .5s ease forwards;-o-animation:flexGrow .5s ease forwards;animation:flexGrow .5s ease forwards}.pip-composite-toolbar .remove-item{flex:1;-webkit-animation:flexShrink .5s ease forwards;-o-animation:flexShrink .5s ease forwards;animation:flexShrink .5s ease forwards}@-webkit-keyframes flexGrow{from{flex:.00001}to{flex:1}}@-o-keyframes flexGrow{from{flex:.00001}to{flex:1}}@keyframes flexGrow{from{flex:.00001}to{flex:1}}@-webkit-keyframes flexShrink{from{flex:1}to{flex:.01;flex:.00001;width:0;min-width:0;padding:0}}@-o-keyframes flexShrink{from{flex:1}to{flex:.01;flex:.00001;width:0;min-width:0;padding:0}}@keyframes flexShrink{from{flex:1}to{flex:.01;flex:.00001;width:0;min-width:0;padding:0}}