diff --git a/webui/style.css b/webui/style.css index e8e8eb9..b2b5167 100644 --- a/webui/style.css +++ b/webui/style.css @@ -8,6 +8,10 @@ body { } fieldset { + padding: 0; +} + +fieldset#rootGroup { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-template-rows: auto auto auto auto; @@ -17,6 +21,45 @@ fieldset { border: 0; } +fieldset#switcher { + border: 0; + text-align: right; + margin-bottom: 1em; +} + +fieldset#switcher button:first-child{ + border-radius: 1em 0em 0em 1em; +} + +fieldset#switcher button:last-child{ + border-radius: 0 1em 1em 0; +} + +table { + background-color: white; + border-collapse: collapse; + width: 100%; + box-shadow: 0 0 10px 0 #444; +} + +th, td { + border: 1px solid #efefef; + text-align: left; + padding: .6em; +} + +th:first-child { + width: 5%; +} + +tr:hover td { + background-color: beige; +} + +button.activeSection { + font-weight: bold; +} + legend { padding-top: 1em; } @@ -153,4 +196,38 @@ img.logo { button:disabled { background-color: black; } + + table, td, th { + border: 1px solid gray; + } + + td, tr { + background-color: #222; + color: white; + } + + tr:hover td { + background-color: #666; + } + + footer, footer a { + color: gray; + } +} + +main { + padding: 1em; +} + +summary { + cursor: pointer; +} + +details { + display: inline-block; +} + +details[open] { + margin-top: 1em; + display: block; }