Hugging Face's logo

Spaces:
geethareddy
/
logindirectmenu
Sleeping

App Files Community
geethareddy commited on
Commit
fe2d6d4
·
verified ·
1 Parent(s): 65060b8

Create static/styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +131 -0
static/styles.css ADDED
@@ -0,0 +1,131 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ font-family: Arial, sans-serif;
3
+ background-color: #f8f9fa
4
+ ::contentReference[oaicite:0]{index=0}
5
+
6
+ /* static/styles.css */
7
+ body {
8
+ font-family: 'Roboto', sans-serif;
9
+ background: linear-gradient(135deg, #f4c542, #ff8f6a);
10
+ margin: 0;
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
14
+ height: 100vh;
15
+ text-align: center;
16
+ }
17
+
18
+ .container {
19
+ background-color: #87ceeb; /* Light blue */
20
+ padding: 40px 50px;
21
+ border-radius: 10px;
22
+ width: 400px;
23
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
24
+ }
25
+
26
+ h1 {
27
+ font-size: 30px;
28
+ font-weight: bold;
29
+ color: #ff6a00;
30
+ }
31
+
32
+ label {
33
+ font-size: 16px;
34
+ margin-top: 20px;
35
+ display: block;
36
+ text-align: left;
37
+ font-weight: bold;
38
+ }
39
+
40
+ input[type="text"] {
41
+ width: 100%;
42
+ padding: 12px;
43
+ font-size: 16px;
44
+ border: 2px solid #ccc;
45
+ border-radius: 8px;
46
+ margin-top: 8px;
47
+ box-sizing: border-box;
48
+ }
49
+
50
+ input[type="text"]:focus {
51
+ border-color: #ff6a00;
52
+ outline: none;
53
+ }
54
+
55
+ .info {
56
+ margin-top: 20px;
57
+ font-size: 16px;
58
+ color: #ff6a00;
59
+ font-weight: bold;
60
+ }
61
+
62
+ .status {
63
+ font-size: 14px;
64
+ color: gray;
65
+ margin-top: 20px;
66
+ }
67
+
68
+ .image-logo {
69
+ width: 80px;
70
+ margin-bottom: 20px;
71
+ }
72
+
73
+ /* static/styles.css */
74
+ body {
75
+ font-family: Arial, sans-serif;
76
+ margin: 0;
77
+ padding: 0;
78
+ background-color: #f0f0f0;
79
+ }
80
+
81
+ .container {
82
+ width: 60%;
83
+ margin: 0 auto;
84
+ padding: 20px;
85
+ background-color: #fff;
86
+ border-radius: 10px;
87
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
88
+ margin-top: 50px;
89
+ }
90
+
91
+ h1 {
92
+ color: #333;
93
+ }
94
+
95
+ label {
96
+ font-weight: bold;
97
+ }
98
+
99
+ input[type="text"], input[type="email"] {
100
+ width: 100%;
101
+ padding: 10px;
102
+ margin: 10px 0;
103
+ border: 1px solid #ccc;
104
+ border-radius: 5px;
105
+ }
106
+
107
+ button {
108
+ background-color: #4CAF50;
109
+ color: white;
110
+ padding: 10px 20px;
111
+ border: none;
112
+ border-radius: 5px;
113
+ cursor: pointer;
114
+ }
115
+
116
+ button:hover {
117
+ background-color: #45a049;
118
+ }
119
+
120
+ #message {
121
+ margin-top: 20px;
122
+ font-size: 16px;
123
+ font-weight: bold;
124
+ }
125
+
126
+ #confirmation {
127
+ background-color: #f9f9f9;
128
+ padding: 20px;
129
+ border-radius: 5px;
130
+ margin-top: 20px;
131
+ }