Subbu1304 commited on
Commit
ab09773
·
verified ·
1 Parent(s): 380f1e3

Create static/styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +82 -0
static/styles.css ADDED
@@ -0,0 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ font-family: Arial, sans-serif;
3
+ background-color: #f4f4f9;
4
+ margin: 0;
5
+ display: flex;
6
+ justify-content: center;
7
+ align-items: center;
8
+ height: 100vh;
9
+ }
10
+
11
+ .chat-container {
12
+ width: 400px;
13
+ background-color: white;
14
+ border-radius: 10px;
15
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
16
+ overflow: hidden;
17
+ }
18
+
19
+ .chat-header {
20
+ background-color: #3b82f6;
21
+ padding: 15px;
22
+ display: flex;
23
+ align-items: center;
24
+ color: white;
25
+ font-size: 1.25rem;
26
+ }
27
+
28
+ .chat-header .logo img {
29
+ width: 30px;
30
+ margin-right: 10px;
31
+ }
32
+
33
+ .messages {
34
+ height: 300px;
35
+ overflow-y: auto;
36
+ padding: 10px;
37
+ background-color: #f9f9f9;
38
+ }
39
+
40
+ .bot-message {
41
+ background-color: #e0e0e0;
42
+ padding: 10px;
43
+ margin: 5px 0;
44
+ border-radius: 10px;
45
+ }
46
+
47
+ .user-message {
48
+ background-color: #3b82f6;
49
+ color: white;
50
+ padding: 10px;
51
+ margin: 5px 0;
52
+ border-radius: 10px;
53
+ text-align: right;
54
+ }
55
+
56
+ .input-box {
57
+ display: flex;
58
+ padding: 10px;
59
+ background-color: #fff;
60
+ border-top: 1px solid #e0e0e0;
61
+ }
62
+
63
+ .input-box input {
64
+ flex: 1;
65
+ padding: 10px;
66
+ border: 1px solid #ccc;
67
+ border-radius: 10px;
68
+ margin-right: 10px;
69
+ }
70
+
71
+ .input-box button {
72
+ padding: 10px 15px;
73
+ background-color: #3b82f6;
74
+ color: white;
75
+ border: none;
76
+ border-radius: 10px;
77
+ cursor: pointer;
78
+ }
79
+
80
+ .input-box button:hover {
81
+ background-color: #2563eb;
82
+ }