From 4a94bb726fe1fa5cc039afa467795e042a2c8553 Mon Sep 17 00:00:00 2001 From: kaotisk Date: Mon, 14 Oct 2024 07:12:21 +0300 Subject: Added logo --- client/css/styles.css | 48 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) (limited to 'client/css') 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 { -- cgit v1.2.3