Hugging Face's logo

Spaces:
Kiruthikaramalingam
/
Interactive_Python_Chatbot1
Runtime error

App Files Community
Kiruthikaramalingam commited on
Commit
f30bc00
·
verified ·
1 Parent(s): 1375847

Update static/tempor.css

Browse files
Files changed (1) hide show
  1. static/tempor.css +88 -109
static/tempor.css CHANGED
@@ -1,109 +1,88 @@
1
- /* General Styles */
2
- body {
3
- font-family: 'Roboto', sans-serif;
4
- margin: 0;
5
- padding: 0;
6
- background-color: #f4f4f9;
7
- }
8
-
9
- h1, h2 {
10
- color: #0056b3;
11
- text-align: center;
12
- }
13
-
14
- #main-container {
15
- max-width: 1200px;
16
- margin: 20px auto;
17
- padding: 20px;
18
- background: #ffffff;
19
- border-radius: 15px;
20
- box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
21
- }
22
-
23
- #content-container {
24
- display: flex;
25
- gap: 20px;
26
- }
27
-
28
- #chat-section, #quiz-section {
29
- flex: 1;
30
- background: #f9f9f9;
31
- border: 1px solid #ddd;
32
- border-radius: 10px;
33
- padding: 20px;
34
- box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
35
- }
36
-
37
- #response-box, #quiz-box {
38
- margin-top: 15px;
39
- padding: 15px;
40
- background: #f1f1f1;
41
- border-radius: 5px;
42
- border: 1px solid #ddd;
43
- height: 300px;
44
- overflow-y: auto;
45
- }
46
-
47
- .quiz-option {
48
- margin: 10px 0;
49
- display: flex;
50
- align-items: center;
51
- }
52
-
53
- .quiz-option input {
54
- margin-right: 10px;
55
- }
56
-
57
- .quiz-feedback {
58
- color: green;
59
- font-weight: bold;
60
- margin: 10px 0;
61
- }
62
-
63
- .quiz-end {
64
- color: #0056b3;
65
- font-weight: bold;
66
- margin: 10px 0;
67
- }
68
-
69
- button {
70
- background-color: #0056b3;
71
- color: white;
72
- border: none;
73
- border-radius: 5px;
74
- padding: 5px 10px;
75
- font-size:14px
76
- cursor: pointer;
77
- }
78
-
79
- button:hover {
80
- background-color: #003d80;
81
- }
82
- .btn-primary {
83
- padding: 5px 10px;
84
- font-size: 14px;
85
- }
86
-
87
- .btn-danger {
88
- padding: 5px 10px;
89
- font-size: 14px;
90
- background-color: red;
91
- }
92
- input, select {
93
- padding: 8px;
94
- margin: 5px 0;
95
- border: 1px solid #ddd;
96
- border-radius: 5px;
97
- width: 100%;
98
- }
99
-
100
-
101
- #clear-history-btn {
102
- display: block;
103
- margin: 10px auto; /* Center align */
104
- }
105
-
106
- #chat-form {
107
- display: flex;
108
- gap: 10px;
109
- }
 
1
+ /* General Styles */
2
+ body {
3
+ font-family: Arial, sans-serif;
4
+ margin: 0;
5
+ padding: 0;
6
+ background-color: #f4f4f9;
7
+ }
8
+
9
+ h1, h2 {
10
+ color: #0056b3;
11
+ text-align: center;
12
+ }
13
+
14
+ #main-container {
15
+ max-width: 1200px;
16
+ margin: 20px auto;
17
+ padding: 20px;
18
+ background: #ffffff;
19
+ border-radius: 15px;
20
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
21
+ }
22
+
23
+ #content-container {
24
+ display: flex;
25
+ gap: 20px;
26
+ }
27
+
28
+ #chat-section, #quiz-section {
29
+ flex: 1;
30
+ background: #f9f9f9;
31
+ border: 1px solid #ddd;
32
+ border-radius: 10px;
33
+ padding: 20px;
34
+ box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
35
+ }
36
+
37
+ #response-box {
38
+ margin-top: 15px;
39
+ padding: 15px;
40
+ background: #f1f1f1;
41
+ border-radius: 5px;
42
+ border: 1px solid #ddd;
43
+ height: 200px;
44
+ overflow-y: auto;
45
+ }
46
+
47
+ input[type="text"] {
48
+ padding: 10px;
49
+ margin: 5px 0;
50
+ border: 1px solid #ddd;
51
+ border-radius: 5px;
52
+ width: 90%; /* Increased width */
53
+ font-size: 1rem;
54
+ height: 40px; /* Increased height */
55
+ }
56
+
57
+ button {
58
+ background-color: #0056b3;
59
+ color: white;
60
+ border: none;
61
+ border-radius: 5px;
62
+ padding: 10px 15px;
63
+ cursor: pointer;
64
+ font-size: 0.9rem;
65
+ }
66
+
67
+ button:hover {
68
+ background-color: #003d80;
69
+ }
70
+ .btn-primary {
71
+ padding: 5px 10px;
72
+ font-size: 14px;
73
+ margin-top: 20px;
74
+ }
75
+
76
+ /* Center the Clear History button */
77
+ #clear-history-btn {
78
+ display: block;
79
+ margin: 10px auto; /* Center align */
80
+ }
81
+
82
+ #chat-form {
83
+ display: flex;
84
+ gap: 10px;
85
+ align-items: center;
86
+ }
87
+
88
+