diff options
Diffstat (limited to 'client/css')
-rw-r--r-- | client/css/styles.css | 48 |
1 files changed, 47 insertions, 1 deletions
diff --git a/client/css/styles.css b/client/css/styles.css index ee8d0de..66d5585 100644 --- a/client/css/styles.css +++ b/client/css/styles.css @@ -5,6 +5,18 @@ body { padding: 2vh 4vw; } +.logo { + max-width: 128px; +} + +.header { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: start; +} + div { display: flex; flex-direction: column; @@ -32,6 +44,7 @@ button { button { background:black; color:red; + font-size: 24px; border: solid 2px; } @@ -41,9 +54,39 @@ button:hover { border: solid 2px aliceblue; } +pre { + border: 1px solid; + overflow-x: auto; + padding: 0.5vh 1vw; +} + +details { + border: 1px solid; + padding: 1vh 2vw; +} + +summary { + border-bottom: 1px solid; + padding: 0.5vh 1vw; +} + +summary:hover { + background-color: lightgreen; + color: black; +} + +.div-inline { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: baseline; + justify-content: space-evenly; +} + table { background-color: lightgreen; } + th, td { background-color: black; padding: 2px; @@ -53,7 +96,10 @@ tr { background-color: black; display: flex; flex-direction: row; - flex-wrap: wrap; + flex-wrap: nowrap; + justify-content: space-between; + border: 1px solid; + align-items: center; } audio { |