pip-webui
Version:
HTML5 UI for LOB applications
1 lines • 4.41 kB
CSS
.pip-guide-preview .pip-pic,.pip-popover-backdrop .pip-content .pip-pic{background-position:50% 50%;background-size:cover}@-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}}md-dialog.pip-guide-preview{position:relative;width:inherit;max-width:100%;max-height:100%;height:100%;min-height:100%}.body{overflow-x:hidden}.pip-guide-preview{position:fixed;width:100%;top:0;height:100%;opacity:1;color:#fff}.pip-guide-preview .pip-arrow-button,.pip-guide-preview .pip-radio-button{color:#fff}.pip-guide-preview .pip-radio-button{margin:6px;height:12px;width:12px}.pip-guide-preview .pip-guide-page{height:calc(100% - 88px);overflow:auto}.pip-guide-preview .pip-guide-page .pip-text{max-width:50%}.pip-guide-preview .pip-guide-page-footer{position:fixed;bottom:0}.pip-guide-preview .button-preview{line-height:48px}.pip-guide-preview button{box-shadow:none}.pip-guide-preview .pip-button-got{border:1px solid #fff;min-width:88px}.pip-guide-preview .pip-button-got.md-raised{border:0}.pip-guide-preview .pip-preview-content,.pip-guide-preview .pip-preview-title{margin:0;text-align:center}@media (min-width:768px){.pip-guide-preview .pip-pic,.pip-guide-preview pip-collage{height:250px;width:250px;margin-bottom:32px}.pip-guide-preview .pip-pic .pip-collage-section,.pip-guide-preview pip-collage .pip-collage-section{height:250px;width:250px}.pip-guide-preview .pip-preview-title{font:normal 400 24px Roboto,'Helvetica Neue',sans-serif;font-weight:500;margin-bottom:16px}.pip-guide-preview .pip-preview-content{font:normal 500 20px Roboto,'Helvetica Neue',sans-serif;font-weight:400}}@media (max-width:768px){.pip-guide-preview .pip-guide-page .pip-text{max-width:calc(100% - 32px)}.pip-guide-preview .pip-pic,.pip-guide-preview pip-collage{height:200px;width:200px;margin-bottom:32px}.pip-guide-preview .pip-pic .pip-collage-section,.pip-guide-preview pip-collage .pip-collage-section{height:200px;width:200px}.pip-guide-preview .pip-pic .pip-collage-section img,.pip-guide-preview pip-collage .pip-collage-section img{margin-left:0}.pip-guide-preview .pip-preview-title{font:normal 500 20px Roboto,'Helvetica Neue',sans-serif;margin-bottom:16px}.pip-guide-preview .pip-preview-content{font:normal 400 14px Roboto,'Helvetica Neue',sans-serif}}@media (max-width:400px){.pip-guide-preview .pip-pic,.pip-guide-preview .pip-pic .pip-collage-section,.pip-guide-preview pip-collage,.pip-guide-preview pip-collage .pip-collage-section{height:150px;width:150px}.pip-guide-preview .pip-pic .pip-collage-section img,.pip-guide-preview pip-collage .pip-collage-section img{margin-left:0}}.pip-popover-backdrop.pip-help .pip-popover,.pip-popover-backdrop.pip-tip .pip-popover{background-color:#fbe1b0}.pip-popover-backdrop.pip-help .pip-popover:after,.pip-popover-backdrop.pip-tip .pip-popover:after{border-color:rgba(255,255,255,0);border-bottom-color:#fbe1b0}.pip-popover-backdrop.pip-quote .pip-popover{background-color:#d9e8a9}.pip-popover-backdrop.pip-quote .pip-popover:after{border-color:rgba(255,255,255,0);border-bottom-color:#d9e8a9}.pip-popover-backdrop .pip-title{overflow:hidden}.pip-popover-backdrop .pip-content{overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.pip-popover-backdrop .pip-content .pip-pic{height:200px;width:100%;background-repeat:no-repeat;margin-bottom:16px}.pip-popover-backdrop .pip-content .pip-markdown p{line-height:22px}.pip-popover-backdrop .pip-content.bm64{margin-bottom:64px}.pip-popover-backdrop .pip-footer{min-height:48px;padding-top:8px;padding-bottom:8px}.pip-popover-backdrop.pip-tip .pip-title{font:normal 500 20px Roboto,'Helvetica Neue',sans-serif;line-height:26px}.pip-popover-backdrop.pip-quote .pip-bg{height:80px;width:80px;position:absolute;top:10px;left:16px}.pip-popover-backdrop.pip-quote .pip-content{margin-bottom:48px;font:normal 500 16px Roboto,'Helvetica Neue',sans-serif;line-height:24px;margin-top:24px;padding-bottom:0}.pip-popover-backdrop.pip-quote .pip-footer{padding-bottom:0;margin-top:0;margin-bottom:0;padding-top:0}.pip-popover-backdrop.pip-quote .pip-footer .pip-author{height:36px;font:normal 400 14px Roboto,'Helvetica Neue',sans-serif;line-height:36px}