pip-webui
Version:
HTML5 UI for LOB applications
1 lines • 17.9 kB
CSS
.pip-toggle-buttons:focus,pip-toggle-buttons:focus{outline-width:0}@-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-markdown{display:block;position:relative;overflow:hidden;line-height:22px;font-size:16px}.pip-markdown p{margin:0 0 10px;word-wrap:break-word}.pip-markdown p :last-of-type{margin:0}.pip-markdown h1{font-size:24px;line-height:32px}.pip-markdown h2{font-size:20px;line-height:28px}.pip-markdown h3{font-size:14px;line-height:22px}.pip-markdown h1,.pip-markdown h2,.pip-markdown h3,.pip-markdown h4{margin:0}.pip-markdown-list ol,md-list-item .pip-markdown blockquote,md-list-item .pip-markdown p,md-list-item .pip-markdown ul{margin:0}.pip-markdown table{border-spacing:0}.pip-markdown .pip-gradient-block{position:absolute;text-align:right;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(to top,#fafafa,rgba(250,250,250,0))}.black .pip-gradient-block,.dark .pip-gradient-block{background:linear-gradient(to top,#424242,rgba(66,66,66,0))}md-list-item .pip-markdown h1,md-list-item .pip-markdown h2,md-list-item .pip-markdown h3,md-list-item .pip-markdown h4{font:normal 500 14px Roboto,'Helvetica Neue',sans-serif}pip-toggle-buttons .md-select-value .pip-tagged{font-size:20px}.black .pip-toggle-buttons button,.dark .pip-toggle-buttons button{color:rgba(255,255,255,.87)}.pip-toggle-buttons{width:100%;-webkit-box-flex-direction:row;-moz-box-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-radius:16px;height:36px}.pip-toggle-buttons button{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54)}.pip-toggle-buttons button.pip-chip-button.md-button{text-align:-webkit-center;margin:0 0 0 2px;height:32px;border-radius:0}.pip-toggle-buttons button.pip-chip-button.md-button .pip-tagged{font-size:20px;display:inline-block;height:36px;vertical-align:middle}.pip-toggle-buttons button.pip-chip-button.md-button md-icon{margin-left:-30px;margin-top:-3px}.pip-toggle-buttons button.pip-chip-button.md-button:focus,.pip-toggle-buttons button.pip-chip-button.md-button:hover{background-color:rgba(0,0,0,.26)}.pip-toggle-buttons button.pip-chip-button.md-button.md-accent{box-shadow:none}.pip-toggle-buttons button.pip-chip-button.md-button:first-of-type{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.pip-toggle-buttons button.pip-chip-button.md-button:last-of-type{border-bottom-right-radius:4px;border-top-right-radius:4px;border-right:0}.pip-toggle-buttons button.pip-chip-button.md-button>span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.pip-toggle-buttons button.pip-chip-button.md-button:disabled{background-color:rgba(0,0,0,.06);color:rgba(0,0,0,.38)}.pip-toggle-buttons button.pip-chip-button.md-button:disabled.selected{color:#000;opacity:.38}.pip-refresh-button{display:none;position:absolute;top:16px;left:calc(50% - 15px);background-color:rgba(0,0,0,.7);border-radius:4px;color:#fff;font-size:14px;cursor:pointer;text-transform:none;z-index:250}.pip-refresh-button md-icon{color:#fff}.pip-color-picker{display:block;list-style:none}.pip-color-picker li{display:inline}.pip-color-picker li .md-icon-button:not([disabled]).md-focused:hover{background-color:rgba(158,158,158,.2)}.pip-color-picker li .md-icon-button md-icon{margin-top:-2px}.pip-color-picker:focus{outline:0}.pip-popover-backdrop{z-index:57;position:fixed}.pip-popover-backdrop.opened{top:0;left:0;right:0;bottom:0}.pip-popover-backdrop.opened .pip-popover{width:400px;max-width:calc(100% - 32px);min-height:48px;opacity:1}.pip-popover-backdrop.opened .pip-popover .md-button{display:block}.pip-popover-backdrop .pip-popover{position:fixed;right:24px;top:72px;border-radius:2px 0 2px 2px;z-index:58;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);width:400px;min-height:0;max-height:calc(100% - 104px);opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease}.pip-popover-backdrop .pip-popover .md-button{display:none}.pip-popover-backdrop .pip-popover:after{bottom:100%;right:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-width:0 0 16px 24px;margin-left:-24px}@media (max-width:1200px){.pip-popover-backdrop.pip-responsive .pip-popover{top:72px;max-height:calc(100% - 88px)}}@media (min-width:1199px){.pip-popover-backdrop .pip-popover{top:80px}}@media (max-width:768px){.pip-popover-backdrop .pip-popover{width:calc(100% - 32px);right:16px}}.pip-image-slider{position:relative}.pip-image-slider.pip-animation-fading .pip-animation-block{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0}.pip-image-slider.pip-animation-fading .pip-animation-block.pip-show{z-index:inherit;opacity:1}.pip-image-slider.pip-animation-fading .pip-animation-block.animated{-webkit-transition:opacity .75s ease;-moz-transition:opacity .75s ease;-o-transition:opacity .75s ease;transition:opacity .75s ease}.pip-image-slider.pip-animation-carousel{overflow:hidden}.pip-image-slider.pip-animation-carousel .pip-animation-block{position:absolute;left:-100%}.pip-image-slider.pip-animation-carousel .pip-animation-block.pip-prev{left:-100%}.pip-image-slider.pip-animation-carousel .pip-animation-block.pip-next{left:100%}.pip-image-slider.pip-animation-carousel .pip-animation-block.pip-show{left:0;top:0;right:0;bottom:0}.pip-image-slider.pip-animation-carousel .pip-animation-block.animated{-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease}.pip-toast{max-height:104px;padding-left:16px;padding-right:16px}.pip-toast .md-toast-content{padding-top:8px;padding-bottom:8px;height:initial;max-height:48px}.pip-toast .pip-text{overflow:hidden;max-height:32px;margin-right:8px;vertical-align:middle}@media (min-width:1200px){.pip-toast{max-width:600px}}@media (max-width:1199px){.pip-toast{width:initial}}@media (max-width:768px){.pip-toast{max-height:124px;padding:0}.pip-toast .md-toast-content{padding-top:8px;max-height:92px}.pip-toast .md-toast-content .pip-text{margin-right:0;width:100%}.pip-toast .md-toast-content .pip-actions{width:100%}.pip-toast.pip-column-toast .md-toast-content{padding-top:16px;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.pip-toast.pip-no-action-toast .md-toast-content{padding-top:8px;-webkit-box-flex-direction:row;-moz-box-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.pip-toast.pip-error .md-toast-content{background-color:#ff5252}.pip-chip{font:normal 500 14px Roboto,'Helvetica Neue',sans-serif;display:inline-block;padding:0 12px;margin:4px 4px 0 0;overflow:hidden;box-shadow:none;line-height:20px;vertical-align:middle;height:32px;border-radius:16px;background:#e0e0e0;color:#424242}.pip-routing-progress,.pip-routing-progress .pip-progress-bg{background-position:50% 50%;width:100%;height:100%}.pip-chip .pip-avatar{display:block;float:left;margin-left:-12px;vertical-align:middle;height:32px;width:32px;border-radius:50%;margin-right:8px}.pip-chip>span{display:inline-block;max-width:150px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;margin-top:6px;margin-bottom:6px;text-transform:none}.pip-type-chip{cursor:default;border-radius:16px;display:block;height:32px;line-height:32px;margin:8px 4px 0 0;padding:0 8px 0 12px;float:left;margin-left:-25px;padding-left:25px;padding-right:16px}@media (max-width:1200px){.pip-type-chip{margin-left:-17px;padding-left:17px}}.pip-type-chip-left{border-top-left-radius:0;border-bottom-left-radius:0}.pip-type-chip-right{border-top-right-radius:0;border-bottom-right-radius:0}.pip-tag-list{min-height:36px;padding-bottom:4px}.pip-routing-progress .fix-ie{display:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pip-routing-progress .fix-ie{display:block}.pip-routing-progress .md-spinner-wrapper,.pip-routing-progress .pip-img-ie{position:fixed}}.pip-routing-progress .pip-progress-bg{background-repeat:no-repeat;background-size:cover}.pip-routing-progress .pip-img{z-index:100;position:absolute;top:calc(50% - 40px);left:calc(50% - 19px);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}.pip-routing-progress .loader{margin:0;position:absolute;top:calc(50% - 70px);left:calc(50% - 50px);width:100px;z-index:10}.pip-routing-progress .loader:before{content:"";display:block;padding-top:100%}.pip-routing-progress .circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.pip-date .md-select-value span.md-select-icon,pip-date-range md-select .md-select-value span.md-select-icon{width:12px}.pip-routing-progress .path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes color{0%,100%{stroke:#f37047}40%{stroke:#46b2e6}66%{stroke:#67bc6b}80%,90%{stroke:#ffcc2a}}.pip-date .pip-date-day,.pip-date .pip-date-month,.pip-date .pip-date-year{height:30px}.pip-date .md-select-value span .md-text{padding-right:0;flex:1 1 auto}pip-date-range{max-width:300px;margin-top:-5px}pip-date-range.pip-select-flex md-select{flex:1}pip-date-range.pip-select-flex md-select-label{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex:1}pip-date-range>div{display:flex}pip-date-range md-select{display:inline-block;height:30px;margin-top:10px;margin-bottom:0}pip-date-range md-select .md-select-value{height:26px}pip-date-range md-select .md-select-value .md-text{font-size:16px}@media (min-width:768px){pip-date-range .pip-day{min-width:102px}}@media (max-width:768px){pip-date-range md-select .md-select-value .md-text{font-size:12px}pip-date-range .md-select-value{min-width:2.6em}pip-date-range .md-select-value span{min-width:2.4em;flex:1 1 auto}pip-date-range .md-select-value span .md-text{padding-right:0;flex:1 1 auto}pip-date-range .md-select-value span.md-select-icon{width:12px;min-width:12px}pip-date-range .select-day,pip-date-range .select-day .md-select-value{min-width:1.6em}pip-date-range .select-day .md-select-value span{min-width:calc(100% - 7px)}pip-date-range .select-day .md-select-value span.md-select-icon{width:12px;min-width:12px;margin-left:-3px}pip-date-range .select-year,pip-date-range .select-year .md-select-value{min-width:2.6em}pip-date-range .select-year .md-select-value span{min-width:calc(100% - 7px)}pip-date-range .select-year .md-select-value span.md-select-icon{width:12px;min-width:12px;margin-left:-3px}pip-date-range .select-week,pip-date-range .select-week .md-select-value{min-width:2.6em}pip-date-range .select-week .md-select-value span{min-width:calc(100% - 7px)}pip-date-range .select-week .md-select-value span.md-select-icon{width:12px;min-width:12px;margin-left:-3px}pip-date-range .select-month,pip-date-range .select-month .md-select-value{min-width:2.7em}pip-date-range .select-month .md-select-value span{min-width:calc(100% - 7px)}pip-date-range .select-month .md-select-value span.md-select-icon{width:12px;min-width:12px;margin-left:-3px}}.pip-time-range{font-size:16px}.pip-time-range-edit .pip-datepicker-container{height:52px;padding-top:4px}.pip-time-range-edit .pip-datepicker-container md-datepicker{background:0 0}.pip-dialog.pip-options-dialog .pip-list-item.selected,.pip-dialog.pip-options-dialog .pip-list-item:hover,.pip-dialog.pip-options-dialog-big .pip-list-item.selected,.pip-dialog.pip-options-dialog-big .pip-list-item:hover{background-color:rgba(0,0,0,.1)}.pip-time-range-edit .pip-datepicker-container md-datepicker .md-datepicker-button{display:none}.pip-time-range-edit .pip-datepicker-container md-datepicker .md-datepicker-input-container{margin-left:0;width:100%}.pip-time-range-edit .pip-datepicker-container md-datepicker[disabled] .md-datepicker-input-container{background-image:linear-gradient(to right,rgba(0,0,0,.26) 0,rgba(0,0,0,.26) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,.26) 100%);background-position:0 bottom;background-repeat:repeat-x;background-size:4px 1px;margin-top:2px}.pip-time-range-edit md-select{height:30px}.pip-dialog.pip-options-dialog .pip-header{display:block;padding:24px 24px 16px}.pip-dialog.pip-options-dialog .pip-header h3{width:100%;text-align:left;margin:0 0 16px}.pip-dialog.pip-options-dialog .pip-header md-checkbox{font-size:16px}.pip-dialog.pip-options-dialog .pip-body{padding-left:0;padding-right:0}.pip-dialog.pip-options-dialog .pip-list-item{cursor:pointer;width:100%;height:48px;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-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.pip-dialog.pip-options-dialog .pip-list-item .pip-option-title{text-align:start;text-transform:none;font:normal 500 16px Roboto,'Helvetica Neue',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.pip-dialog.pip-options-dialog .pip-list-item .pip-option-icon{-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-dialog.pip-options-dialog .pip-list-item md-radio-button{width:20px;-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-dialog.pip-options-dialog-big .pip-header{display:block;padding:24px 24px 16px}.pip-dialog.pip-options-dialog-big .pip-header h3{width:100%;text-align:left;margin:0 0 16px}.pip-dialog.pip-options-dialog-big .pip-header md-checkbox{font-size:16px}.pip-dialog.pip-options-dialog-big .pip-body{padding-left:0;padding-right:0}.pip-dialog.pip-options-dialog-big .pip-list-item{cursor:pointer;width:100%;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;padding-top:12px;padding-bottom:12px}.pip-dialog.pip-options-dialog-big .pip-list-item md-radio-button{width:20px;height:20px;margin-top:10px;-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-dialog.pip-options-dialog-big .pip-list-item .pip-content{width:calc(100% - 44px);line-height:initial}.pip-dialog.pip-options-dialog-big .pip-list-item .pip-content .pip-subtitle,.pip-dialog.pip-options-dialog-big .pip-list-item .pip-content .pip-title{margin:0}.pip-dialog.pip-options-dialog-big .pip-list-item .pip-content .pip-title{font:normal 500 16px Roboto,'Helvetica Neue',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;margin-bottom:4px}.pip-dialog.pip-options-dialog-big .pip-list-item .pip-content .pip-subtitle{font:normal 400 14px Roboto,'Helvetica Neue',sans-serif;color:rgba(0,0,0,.54)}.pip-dialog.pip-options-dialog-big .pip-list-item .pip-content .pip-text{font:normal 400 16px Roboto,'Helvetica Neue',sans-serif;line-height:22px}.pip-dialog.pip-options-dialog-big .header-hint{background-color:rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.12);padding:24px}.pip-dialog.pip-options-dialog-big .dialog-hint{line-height:19px;font-size:13px;font-family:Roboto,'Helvetica Neue',sans-serif;font-style:normal;font-weight:400}.pip-dialog.pip-options-dialog-big .dialog-hint md-icon{font-size:24px;width:24px;height:24px;margin:0 16px 0 0}.pip-dialog.pip-options-dialog md-dialog-content{max-height:500px;overflow-y:overlay}.pip-dialog.pip-options-dialog md-dialog-content .pip-content .pip-list-item{padding-left:24px;padding-right:24px}.pip-dialog.pip-options-dialog .pip-footer{padding-left:12px;padding-right:12px}.pip-dialog.pip-confirmation-dialog .pip-header{line-height:24px}.pip-dialog.pip-confirmation-dialog .pip-footer{border-top:0}