* { margin: 0px; padding: 0px; } html, body { font: 12px/20px "Segoe UI", sans-serif; } #manage-navigation { width: 150px; background: #222; color: #EEE; position: absolute; top: 0px; left: 0px; bottom: 0px; } #manage-content { width: calc(100% - 150px); position: absolute; top: 0px; right: 0px; bottom: 0px; background: #EEE; overflow-y: auto; } .manage-menu > a { padding: 10px 15px 12px; display: block; font-size: 20px; font-weight: 100; cursor: default; transition: background .2s; color: inherit; text-decoration: none; } .manage-menu > a.selected { background: #EEE; color: #000; } .manage-menu > a:first-child { padding: 10px 15px; font-weight: 700; } .manage-menu > a:first-child > div { font-size: 12px; } .manage-menu > a:not(:first-child):not(.selected):hover { background: #333; cursor: pointer; } .manage-menu > a:not(:first-child):not(.selected):active { background: #444; transition: background .0s; cursor: pointer; } .manage-menu > a > span:first-child { font-size: 25px; display: inline-block; } .manage-menu > a:last-child { position: fixed; bottom: 0px; width: 150px; } .data-container { background: #EEE; max-width: 1536px; min-width: 768px; margin: 0px auto; padding: 5px 9px; } .data-container #page-title { margin: 0px auto 10px; display: block; text-align: center; } .data-container fieldset { border: 1px solid #888; padding: 0px 6px 5px; } .data-container fieldset legend { border: 1px solid #888; background: #888; padding: 0px 4px; margin: -2px 0px 0px; color: #EEE; } #ss_cpu_monitor { border: 0px solid transparent; height: 692px; width: 765px; }