Hugging Face's logo

Spaces:
selvaneyas
/
Edu-MentorAI
Sleeping

App Files Community
selvaneyas commited on
Commit
c5bc591
·
1 Parent(s): 5798e77

Update static/css/style.css

Browse files
Files changed (1) hide show
  1. static/css/style.css +116 -100
static/css/style.css CHANGED
@@ -1,100 +1,116 @@
1
- body {
2
- background-color: #f8f9fa;
3
- }
4
- .container {
5
- margin-top: 30px;
6
- }
7
- .card {
8
- margin-bottom: 20px;
9
- }
10
- .video-thumbnail {
11
- width: 100%;
12
- height: auto;
13
- cursor: pointer;
14
- }
15
- .footer { margin-top: 20px; font-size: 14px; }
16
- .video-container img { max-width: 100%; height: auto; border-radius: 8px; margin-top: 10px; }
17
- .header, .footer { background-color: #2c3e50; color: white; text-align: center; padding: 15px 0; }
18
- .Dictionary {
19
- width: 50%;
20
- margin: 50px auto;
21
- background: white;
22
- padding: 20px;
23
- border-radius: 10px;
24
- box-shadow: 0px 0px 10px gray;
25
- }
26
-
27
- input {
28
- width: 60%;
29
- padding: 10px;
30
- margin: 10px 10px 20px 0;
31
- border-radius: 5px;
32
- border: 1px solid gray;
33
- font-size: 16px;
34
- }
35
- button {
36
- padding: 10px 15px;
37
- border: none;
38
- background-color: blue;
39
- color: white;
40
- cursor: pointer;
41
- border-radius: 5px;
42
- font-size: 16px;
43
- }
44
- button:hover {
45
- background-color: darkblue;
46
- }
47
- #result {
48
- margin-top: 20px;
49
- font-size: 18px;
50
- }
51
- audio {
52
- margin-top: 10px;
53
- }
54
-
55
- /* Custom styling for search box */
56
- .navbar {
57
- background-color: #f8f9fa !important;
58
- }
59
-
60
- .form-control {
61
- width: 200px;
62
- }
63
-
64
- .btn-outline-success {
65
- border-radius: 5px;
66
- }
67
-
68
- .navbar {
69
- background-color: #f8f9fa;
70
- padding: 10px;
71
- }
72
-
73
- .navbar-nav .nav-link {
74
- color: #333;
75
- font-size: 18px;
76
- margin-right: 10px;
77
- }
78
-
79
- .navbar-nav .nav-link:hover {
80
- color: #007bff;
81
- }
82
-
83
- .btn-outline-success {
84
- border-color: #28a745;
85
- color: #28a745;
86
- }
87
-
88
- .btn-outline-success:hover {
89
- background-color: #28a745;
90
- color: white;
91
- }
92
-
93
- /* Footer fixed at the bottom */
94
- .footer {
95
- text-align: center;
96
- padding: 10px;
97
- width: 100%;
98
- position: relative;
99
- bottom: 0;
100
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ background-color: #f8f9fa;
3
+ }
4
+ .container {
5
+ margin-top: 30px;
6
+ }
7
+ .card {
8
+ margin-bottom: 20px;
9
+ }
10
+ .video-thumbnail {
11
+ width: 100%;
12
+ height: auto;
13
+ cursor: pointer;
14
+ }
15
+ .footer { margin-top: 20px; font-size: 14px; }
16
+ .video-container img { max-width: 100%; height: auto; border-radius: 8px; margin-top: 10px; }
17
+ .header, .footer { background-color: #2c3e50; color: white; text-align: center; padding: 15px 0; }
18
+ .Dictionary {
19
+ width: 50%;
20
+ margin: 50px auto;
21
+ background: white;
22
+ padding: 20px;
23
+ border-radius: 10px;
24
+ box-shadow: 0px 0px 10px gray;
25
+ }
26
+
27
+ input {
28
+ width: 60%;
29
+ padding: 10px;
30
+ margin: 10px 10px 20px 0;
31
+ border-radius: 5px;
32
+ border: 1px solid gray;
33
+ font-size: 16px;
34
+ }
35
+ button {
36
+ padding: 10px 15px;
37
+ border: none;
38
+ background-color: blue;
39
+ color: white;
40
+ cursor: pointer;
41
+ border-radius: 5px;
42
+ font-size: 16px;
43
+ }
44
+ button:hover {
45
+ background-color: darkblue;
46
+ }
47
+ #result {
48
+ margin-top: 20px;
49
+ font-size: 18px;
50
+ }
51
+ audio {
52
+ margin-top: 10px;
53
+ }
54
+
55
+ /* Custom styling for search box */
56
+ .navbar {
57
+ background-color: #f8f9fa !important;
58
+ }
59
+
60
+ .form-control {
61
+ width: 200px;
62
+ }
63
+
64
+ .btn-outline-success {
65
+ border-radius: 5px;
66
+ }
67
+
68
+ .navbar {
69
+ background-color: #f8f9fa;
70
+ padding: 10px;
71
+ }
72
+
73
+ .navbar-nav .nav-link {
74
+ color: #333;
75
+ font-size: 18px;
76
+ margin-right: 10px;
77
+ }
78
+
79
+ .navbar-nav .nav-link:hover {
80
+ color: #007bff;
81
+ }
82
+
83
+ .btn-outline-success {
84
+ border-color: #28a745;
85
+ color: #28a745;
86
+ }
87
+
88
+ .btn-outline-success:hover {
89
+ background-color: #28a745;
90
+ color: white;
91
+ }
92
+
93
+ .read-aloud-btn {
94
+ background-color: #007bff;
95
+ color: white;
96
+ border: none;
97
+ padding: 5px 10px;
98
+ border-radius: 5px;
99
+ cursor: pointer;
100
+ font-size: 14px;
101
+ margin-top: 5px;
102
+ }
103
+
104
+ .read-aloud-btn:hover {
105
+ background-color: #0056b3;
106
+ }
107
+
108
+
109
+ /* Footer fixed at the bottom */
110
+ .footer {
111
+ text-align: center;
112
+ padding: 10px;
113
+ width: 100%;
114
+ position: relative;
115
+ bottom: 0;
116
+ }