body{ background-color: #333; color:#bbb; margin:0; } .topBar { background-color: #444; position:fixed; top:0; width:100%; z-index:100; padding: 10px; } .topTitle{ position:absolute; top:10px; left:10px; color:#7fffd4; } .topcorner{ position:absolute; top:10px; right:30px; } #cswsh-output{ margin-top: 50px !important; font-family: 'Source Code Pro', sans-serif;font-size: 0.7em; padding-bottom: 65px; padding-left: 10px; z-index: 80; } .sendBar { background-color: #333; position:fixed; bottom:30px; width:80%; z-index:100; padding: 0px; height: 30px; font-family: 'Source Code Pro', sans-serif; z-index: 80; } .sendBar #label { margin-right: 20px; width: 110px; } /*.sendBar #wssCommand { width: 100%; }*/ .sendBar #wssSendText { display: flex; width:100%; flex-grow: 1; margin-left: -20px; margin-top: -20px; padding-left: 45px; background-color: #333; color:#DDD; font-family: 'Source Code Pro', sans-serif; border:none; text-decoration: none; } *:focus { outline: none; } .sidebar { position: fixed; float: right; top: -5px; right: 0; width: 20%; height: 100%; background-color: #555; margin-top: 45px; margin-left: 5px; padding-left: 5px; padding-top: 5px; text-align: center; z-index: 99; } .auto-header{ font-family: 'Source Code Pro', sans-serif; font-weight: 900; } .auto-input{ font-family: 'Source Code Pro', sans-serif; width: 95%; } .sidebar #valueTable{ width:100%; font-family: 'Source Code Pro', sans-serif; } .sidebar #valueTableBody{ font-size: 0.9em; } .sidebar #valueTableBody tr{ margin-bottom:5px; } .container { display: flex; height: calc(100vh - 30px); /* Adjust the height as needed */ overflow: auto; } .bottomBar { background-color: #444; position: fixed; bottom: 0; width: 100%; z-index: 100; padding: 10px; height: 20px; /* Increased height to accommodate the text */ display: flex; align-items: center; } .bottomBy { color: #00ccff; } .bottomBy a:link, .bottomBy a:visited { color: #00ccff; text-decoration: none; } .bottomBy a:hover, .bottomBy a:active { color: #99ebff; text-decoration: none; } .bottomText { color: #00ccff; font-family: 'Source Code Pro', sans-serif; font-size: 0.7em; margin-left: auto; margin-right: auto; } .bottomClear { position: absolute; bottom: 10px; right: 30px; } a:link, a:visited { color: #00ccff; text-decoration: none; } /* mouse over link */ a:hover, a:active { color: #99ebff; text-decoration: none; }