a | b/static/style.css | ||
---|---|---|---|
1 | body { |
||
2 | font-family: Garamond; |
||
3 | } |
||
4 | |||
5 | h1 { |
||
6 | color: black; |
||
7 | margin-bottom: 0; |
||
8 | margin-top: 0; |
||
9 | text-align: center; |
||
10 | font-size: 40px; |
||
11 | } |
||
12 | |||
13 | h3 { |
||
14 | color: black; |
||
15 | font-size: 20px; |
||
16 | margin-top: 3px; |
||
17 | text-align: center; |
||
18 | } |
||
19 | |||
20 | #chatbox { |
||
21 | margin-left: auto; |
||
22 | margin-right: auto; |
||
23 | width: 40%; |
||
24 | margin-top: 60px; |
||
25 | } |
||
26 | |||
27 | #userInput { |
||
28 | margin-left: auto; |
||
29 | margin-right: auto; |
||
30 | width: 40%; |
||
31 | margin-top: 60px; |
||
32 | } |
||
33 | |||
34 | #textInput { |
||
35 | width: 87%; |
||
36 | border: none; |
||
37 | border-bottom: 3px solid #009688; |
||
38 | font-family: monospace; |
||
39 | font-size: 17px; |
||
40 | } |
||
41 | |||
42 | #buttonInput { |
||
43 | padding: 3px; |
||
44 | font-family: monospace; |
||
45 | font-size: 17px; |
||
46 | } |
||
47 | |||
48 | .userText { |
||
49 | color: white; |
||
50 | font-family: monospace; |
||
51 | font-size: 17px; |
||
52 | text-align: right; |
||
53 | line-height: 30px; |
||
54 | } |
||
55 | |||
56 | .userText span { |
||
57 | background-color: #009688; |
||
58 | padding: 10px; |
||
59 | border-radius: 2px; |
||
60 | } |
||
61 | |||
62 | .botText { |
||
63 | color: white; |
||
64 | font-family: monospace; |
||
65 | font-size: 17px; |
||
66 | text-align: left; |
||
67 | line-height: 30px; |
||
68 | } |
||
69 | |||
70 | .botText span { |
||
71 | background-color: #EF5350; |
||
72 | padding: 10px; |
||
73 | border-radius: 2px; |
||
74 | } |
||
75 | |||
76 | #tidbit { |
||
77 | position:absolute; |
||
78 | bottom:0; |
||
79 | right:0; |
||
80 | width: 300px; |
||
81 | } |