body { background-color: lightcyan; color: black; font-family: sans-serif; } p.screenshots { text-align: center; } a { text-decoration: none; } a:link { color: blue; } a:visited { color: darkslateblue; } a:hover { color: blue; text-decoration: underline; } a:active { color: slateblue; } h1 { background-color: midnightblue; color: white; padding: 10px 20px; } h2 { background-color: lightskyblue; padding: 10px 20px; } h3, h4, h5, h6 { background-color: silver; padding: 5px 10px; } table.infoproj { border-collapse: collapse; width: 90%; margin: auto; } table.infoproj th, table.infoproj td { border: 1px solid silver; text-align: center; } ul { list-style-type: disc; } ul.menu, ul.submenu { background-color: lightgrey; list-style-type: none; margin: 0; padding: 0; width: 200px; } ul.menu li a, ul.submenu li a { display: block; padding: 8px 0 8px 16px; text-decoration: none; } ul.menu li a { color: black; } ul.menu li a.active { background-color: midnightblue; color: white; } ul.menu li a:hover:not(.active) { background-color: mediumblue; color: white; } ul.submenu li a { background-color: lavender; color: black; padding-left: 24px; } ul.submenu li a.active { background-color: deepskyblue; color: black; } ul.submenu li a:hover:not(.active) { background-color: lightskyblue; color: black; } body { margin: 0; padding: 0; } div.logo { top: 0; position: fixed; } div.navigation { margin: 0 0 0 20px; overflow: auto; position: fixed; width: 220px; max-height: 100%; top: 120px; bottom: 60px; } div.content { overflow: auto; padding: 0 20px 0 20px; position: fixed; left: 240px; right: 0; max-width: 100%; height: 100%; } div.validators { bottom: 10px; position: fixed; }