Hugging Face's logo

Spaces:
giseldo
/
study_plan_v2
Sleeping

App Files Community
giseldo commited on
Commit
1de3092
·
verified ·
1 Parent(s): 7278d33

Upload styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +80 -0
static/styles.css ADDED
@@ -0,0 +1,80 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .main-container {
2
+ background-color: #f8f9fa;
3
+ border-radius: 10px;
4
+ padding: 20px;
5
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
6
+ margin: 10px;
7
+ }
8
+ .header {
9
+ text-align: center;
10
+ margin-bottom: 20px;
11
+ }
12
+ .header h1 {
13
+ color: #4a4a4a;
14
+ font-weight: bold;
15
+ }
16
+ .login-container {
17
+ max-width: 500px;
18
+ margin: 0 auto;
19
+ padding: 30px;
20
+ background-color: white;
21
+ border-radius: 8px;
22
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
23
+ }
24
+ .input-group {
25
+ margin-bottom: 15px;
26
+ }
27
+ .btn-primary {
28
+ background-color: #3498db;
29
+ color: white;
30
+ border: none;
31
+ padding: 10px 20px;
32
+ border-radius: 5px;
33
+ cursor: pointer;
34
+ transition: background-color 0.3s;
35
+ }
36
+ .btn-primary:hover {
37
+ background-color: #2980b9;
38
+ }
39
+ .btn-secondary {
40
+ background-color: #95a5a6;
41
+ color: white;
42
+ border: none;
43
+ padding: 10px 20px;
44
+ border-radius: 5px;
45
+ cursor: pointer;
46
+ transition: background-color 0.3s;
47
+ }
48
+ .btn-secondary:hover {
49
+ background-color: #7f8c8d;
50
+ }
51
+ .register-link {
52
+ text-align: center;
53
+ margin-top: 15px;
54
+ }
55
+ .user-info {
56
+ display: flex;
57
+ justify-content: space-between;
58
+ align-items: center;
59
+ margin-bottom: 20px;
60
+ padding: 10px;
61
+ background-color: #e8f4fd;
62
+ border-radius: 5px;
63
+ }
64
+ .form-card {
65
+ padding: 20px;
66
+ background-color: white;
67
+ border-radius: 8px;
68
+ margin-bottom: 20px;
69
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
70
+ }
71
+ .tab-content {
72
+ padding: 20px;
73
+ background-color: white;
74
+ border-radius: 0 0 8px 8px;
75
+ min-height: 400px;
76
+ }
77
+ /* Hide Gradio footer */
78
+ footer {
79
+ display: none !important;
80
+ }