2 lines
2.1 KiB
CSS
Executable File
2 lines
2.1 KiB
CSS
Executable File
*{box-sizing:border-box}html,body{color:var(--body-color)!important}html,body,main{height:100vh;width:100vw;max-height:100vh;max-width:100vw;margin:0;padding:0;background-color:#696969;overflow:hidden}main{display:flex;flex-direction:column}iframe{overflow:hidden;width:100%;height:100%}.container{background-color:var(--bg-color)}.screens.container{flex:1;display:flex;flex-direction:row;justify-content:center;align-content:center}.popout{position:absolute;top:0%;left:0%;opacity:0;transition:opacity 75ms ease-out}.popout:hover{opacity:1}.container-bottom{max-height:50%;overflow-y:scroll;background-color:var(--bg-color)}.buttons{border-top:1px solid #c8c8c8;align-items:center;padding:5px;display:flex;flex-direction:row;column-gap:5px}.button-img{display:flex;align-items:center;flex-direction:row}button svg{height:18px}.buttons em{margin-right:6px}.spacer{margin:auto}.splitter{border-left:1px solid dimgray;height:100%;margin-left:5px;margin-right:5px}.screen-splitter{border-style:solid;border-width:1px;border-color:var(--border-color)}.screen,.screen-container{height:100%;width:100%;overflow:hidden;position:relative}html[data-theme=light]{.vis-time-axis{border-color:#31363b}.vis-label,.vis-text{color:var(--text-color)}.vis-item.text-light{color:#fff}.vis-item.text-dark{color:#31363b}.screen-splitter{--border-color: dimgray}.container{--bg-color: dimgray}.container-bottom{--bg-color: white}}html[data-theme=dark]{.vis-label,.vis-text{color:var(--text-color)}.vis-grid.vis-minor{border-color:#323a4e}.vis-group,.vis-label{border-bottom-color:#323a4e}.vis-item.text-light{color:#e7e7e7}.vis-item.text-dark{color:#222}.screen-splitter{--border-color: #1e1e1e}.container{--bg-color: #1e1e1e}}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;z-index:999999;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}#error{display:none}.button-container{z-index:999998;position:fixed;top:0;left:0;width:100%;height:100%}.full-button{margin:5%;z-index:999999;display:block;position:fixed;left:0;width:90%;height:40%}#button_with_fullscreen,.full-button{top:0}#button_no_fullscreen,.full-button{top:50%}
|