86 lines
8.6 KiB
CSS
86 lines
8.6 KiB
CSS
.dockedButtons .hasmenu{z-index:1000}
|
|
.ui-widget.ui-widget-content{opacity:1}
|
|
video::-webkit-media-controls-panel{display:none!important}
|
|
.videoContainer{position:relative;overflow:hidden;background:0 0;color:#ccc;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}
|
|
.grommet #ircWindow.ui-dialog-content{margin:0;padding:0}
|
|
.control{color:#ccc;position:absolute;top:0;left:0;z-index:2147483647;display:none;background:#1F1F1F;background:linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-moz-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-webkit-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-o-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);opacity:.9;border-bottom-left-radius:35px;border-bottom-right-radius:35px;padding-right:35px;padding-left:35px;cursor:auto}
|
|
.control.fullscreenMode{cursor:move}
|
|
.topControl{height:11px;border-bottom:1px solid #404040;padding:1px 5px;background:#1F1F1F;background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%)}
|
|
.btmControl{clear:both;background:#1F1F1F;background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%)}
|
|
.control div.btn{float:left;width:34px;padding:0 5px;cursor:pointer;display:none}
|
|
.dockedButtons{display:flex}
|
|
.dockedButtons div.btn{margin:0 4px}
|
|
div.btn:hover svg{fill:#fff!important;stroke:hsla(0,0%,100%,.8)}
|
|
.btnHotKeys svg,.control-icon-keyboard{stroke:hsla(0,0%,100%,.3);max-width:44px;max-height:44px;width:44px;height:27px;pointer-events:none}
|
|
.dockedButtons .control-icon-keyboard{margin-top:-5px}
|
|
.btnVM .control-icon-cd{width:29px;max-width:30px;height:30px;max-height:30px}
|
|
.dockedButtons .btnVM .control-icon-cd{margin-top:-4px;width:34px}
|
|
.btnHotKeys svg.control-icon-keyboard path{stroke-width:1.25px}
|
|
.btnHotKeys svg.control-icon-keyboard{stroke-width:1px;height:37px}
|
|
div.btn:hover svg path{stroke:#fff}
|
|
.control div.text{font-size:12px;font-weight:700;line-height:30px;text-align:center;font-family:verdana;width:20px;border:none;color:#777}
|
|
.control .btnHotKeys,.control .btnOptions,.control div.btnPin{display:flex}
|
|
.control.dockedMode div.btn.dockedMode,.control.fullscreenMode div.btn.fullscreenMode,.control.windowedMode div.btn.windowedMode{display:flex}
|
|
.control.windowedMode div.btnPin{display:none}
|
|
div.videoContainer>div.control.dockedMode,div.videoContainer>div.control.windowedMode{display:none!important}
|
|
.control div.btnPin.selected{border:1px solid #000;border-radius:5px;background-color:hsla(0,0%,100%,.2)}
|
|
.control div.btnPin.selected svg path{fill:hsla(0,0%,100%,.7)}
|
|
.control div.btnOptions{width:32px;height:32px;max-width:36px;max-height:36px;padding:0;margin-left:5px;margin-right:-4px}
|
|
.control div.btnOptions svg{width:32px;height:32px;max-width:36px;max-height:36px}
|
|
.control div.btnOptions .control-icon-logo path{stroke-width:8px}
|
|
.control div.btnOptions .control-icon-menu{padding:2px 4px 0 4px}
|
|
.control div.selected{font-size:15px;color:#ccc}
|
|
div.btnVideoContract,div.btnVideoDocked,div.btnVideoFullScreen,div.btnVideoMaximize,div.btnVideoRestore,div.btnVideoWindowMode{float:right}
|
|
.control.windowedMode.maximized div.btn.restore,.control.windowedMode:not(.maximized) div.btn.maximize{display:flex}
|
|
.btnVideoMaximize svg,.btnVideoRestore svg{max-width:22px;max-height:22px;margin-right:1px;margin-left:1px;margin-top:2px}
|
|
.control:not(.maximized) div.btn.restore{display:none}
|
|
.control.maximized div.btn.maximize{display:none}
|
|
.control div.rightControl div.btn{margin-top:5px}
|
|
.control div.btnVideoDocked>svg{vertical-align:top}
|
|
.progress{width:85%;height:10px;position:relative;float:left;cursor:pointer;background:#444;background:-moz-linear-gradient(top,#666,#333);background:-webkit-linear-gradient(top,#666,#333);background:-o-linear-gradient(top,#666,#333);-moz-box-shadow:0 2px 3px #333 inset;-webkit-box-shadow:0 2px 3px #333 inset;box-shadow:0 2px 3px #333 inset;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
|
|
.progress span{height:100%;position:absolute;top:0;left:0;display:block;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
|
|
.timeBar{z-index:10;width:0;background:#3FB7FC;background:-moz-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);background:-webkit-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);background:-o-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}
|
|
.bufferBar{z-index:5;width:0;background:#777;background:-moz-linear-gradient(top,#999,#666);background:-webkit-linear-gradient(top,#999,#666);background:-o-linear-gradient(top,#999,#666);-moz-box-shadow:2px 0 5px #333;-webkit-box-shadow:2px 0 5px #333;box-shadow:2px 0 5px #333}
|
|
.time{width:15%;float:right;text-align:center;font-size:11px;line-height:12px}
|
|
.hasmenu svg.control-icon-checkmark{height:20px;fill:#666;stroke:#666}
|
|
.hasmenu svg.control-icon-eject{fill:#666!important;stroke:#666!important}
|
|
.hasmenu svg.status-icon-blank{height:20px;width:24px;margin:0}
|
|
.hasmenu svg.control-icon-checkmark polyline{stroke:#666}
|
|
.hasmenu.irc .ui-widget-header{height:auto;font-size:1em}
|
|
.hasmenu.irc .ui-widget-header>div{font-size:smaller;padding:6px 24px;opacity:.7}
|
|
.ui-menu hr.ui-menu-item-wrapper{height:1px;background:#aaa;margin:0;padding:0;border:0}
|
|
.ui-menu li.key-container div.ui-state-active:hover{background-color:transparent;cursor:default}
|
|
.ui-menu button.menu-vkey-button{display:inline-block;border-radius:10px;border:2px solid #01a982;padding:5px;height:inherit;min-width:38px;margin:2px;background:0 0;font-size:12px;color:#000}
|
|
.ui-dialog-titlebar-close svg{stroke:#000!important;display:block!important}
|
|
.videoContainer #vm-url-form .form-field{display:block;border:1px solid rgba(0,0,0,.15)}
|
|
.videoContainer #vm-url-form .form-field--error{border:1px solid #f04953}
|
|
.videoContainer #vm-url-form .form-field__error{color:#f04953;float:right}
|
|
.videoContainer #vm-url-form .form-field__label{color:#000;float:left}
|
|
.videoContainer #vm-url-form input{color:#333}
|
|
.videoContainer .ui-dialog-titlebar{display:block!important}
|
|
.videoContainer .ui-dialog-title{float:left!important;text-align:left!important;position:relative!important}
|
|
.ui-dialog.hrc-dialog-window{border:none!important;outline:0!important;padding:0;background:0 0}
|
|
.irc-dialog{display:block!important}
|
|
.irc-statusbar{position:absolute;bottom:0;left:0;height:24px;line-height:12px;width:100%;font-size:12px;font-weight:700;font-family:Metric,Arial,san-serif;padding:2px 10px 2px 10px;background:#1F1F1F;background:linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-moz-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-webkit-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-o-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);opacity:.9;color:#ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;white-space:nowrap}
|
|
.irc-canvas{width:100%;background:#000}
|
|
.videoContainer .irc-canvas{height:calc(100% - 24px);margin-bottom:24px}
|
|
.videoContainer.statusbar--off .irc-canvas{height:100%;margin-bottom:0}
|
|
.videoContainer .irc-statusbar{display:flex;justify-content:space-between;flex-direction:row}
|
|
.videoContainer.statusbar--off .irc-statusbar{display:none}
|
|
.status-panel{display:inline-block;padding:2px 5px 2px 5px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
|
.status-panel>span{margin:2px 5px 2px 5px}
|
|
.status-panel .group1{margin-right:1px;margin-left:1px}
|
|
.status-panel span.vm-activity svg{height:14px;width:14px}
|
|
.status-panel span.vm-activity.vm-active circle{fill:#00FF7F}
|
|
.status-panel span.power-state svg{height:14px;width:14px;stroke:#ccc}
|
|
.status-panel span.health-state svg{height:14px;width:14px}
|
|
.status-panel span.screen-capture{margin-right:10px;cursor:pointer;padding:0}
|
|
.status-panel span.screen-capture svg{height:14px;width:16px}
|
|
.status-panel span.screen-capture svg:hover{stroke:#ccc!important}
|
|
.status-panel span.encryption{color:#ccc;margin-right:24px;margin-left:0}
|
|
.status-panel span.encryption svg{width:14px;height:14px;margin:0}
|
|
.status-resolution{width:100px}
|
|
.status-text{width:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
|
|
.status-icons{width:auto}
|
|
.pwrMenuIcon{width:24px;height:24px;border:0;margin:10px 5px 0 0;float:left}
|
|
.pwrOff .ui-menu-item-wrapper,.pwrOn .ui-menu-item-wrapper{padding:5px 24px} |