aboutsummaryrefslogtreecommitdiff
path: root/client/css
diff options
context:
space:
mode:
Diffstat (limited to 'client/css')
-rw-r--r--client/css/styles.css48
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 {