1/**
 2 * the styling of the simplechat web frontend
 3 * by Humans for All
 4 */
 5
 6#fullbody {
 7    height: 98vh;
 8}
 9
10.heading {
11    background-color: lightgray;
12}
13
14.session-selected {
15    background-color: lightblue;
16}
17
18.role-system {
19    background-color: lightblue;
20}
21.role-user {
22    background-color: lightgray;
23}
24.role-trim {
25    background-color: lightpink;
26}
27
28.gridx2 {
29    display: grid;
30    grid-template-columns: repeat(2, 1fr);
31    border-bottom-style: dotted;
32    border-bottom-width: thin;
33    border-bottom-color: lightblue;
34}
35
36.flex-grow {
37    flex-grow: 1;
38}
39.float-right {
40    float: right;
41}
42
43#chat-div {
44    overflow: scroll;
45    flex-grow: 1;
46    flex-shrink: 1;
47    min-height: 40vh;
48}
49button {
50    min-width: 8vw;
51}
52
53.sameline {
54    display: flex;
55    flex-direction: row;
56}
57.samecolumn {
58    display: flex;
59    flex-direction: column;
60}
61
62.ul1 {
63    padding-inline-start: 2vw;
64}
65.ul2 {
66    padding-inline-start: 2vw;
67}
68
69* {
70    margin: 0.6vmin;
71}
72
73@media print {
74
75    #fullbody {
76        height: auto;
77    }
78
79}