diff --git a/index.html b/index.html index 66ecb05..afbc5f0 100644 --- a/index.html +++ b/index.html @@ -35,6 +35,15 @@ grid-template-rows: var(--header-size) minmax(calc(100vh - var(--header-size) - var(--footer-size)), max-content) var(--footer-size); grid-template-columns: var(--tab-spacing) 1fr var(--tab-spacing); } + h3, + p { + margin-bottom: 0.5rem; + text-align: center; + } + ul { + list-style-type: none; + text-align: center; + } abbr { cursor: help; @@ -47,6 +56,43 @@ top: -0.5rem; color: white; } + + input[type="radio"] { + display: none; + } + input[type="radio"] + label { + cursor: pointer; + padding: 2px; + margin: 2px; + border: 2px solid transparent; + background-color: #400a53; + } + input[type="radio"]:checked + label { + border: 2px solid #aa18df; + } + + .tab-content { + text-align: initial; + user-select: text; + display: none; + } + #tab1:checked ~ #tab1-content, + #tab2:checked ~ #tab2-content, + #tab3:checked ~ #tab3-content, + #tab4:checked ~ #tab4-content, + #tab5:checked ~ #tab5-content, + #tab6:checked ~ #tab6-content, + #tab7:checked ~ #tab7-content { + display: block; + } + + table, + th, + td { + border-collapse: collapse; + border: 1px solid white; + padding: 2px 4px; + }
@@ -55,44 +101,14 @@