Skip to content

Commit 2d71868

Browse files
GitTimeraiderGitTimeraider
authored
Create style.css
1 parent bf2f799 commit 2d71868

File tree

1 file changed

+138
-0
lines changed

1 file changed

+138
-0
lines changed

‎static/style.css‎

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
9+
background-color: #f5f5f5;
10+
color: #333;
11+
}
12+
13+
nav {
14+
background-color: #2c3e50;
15+
color: white;
16+
padding: 1rem 2rem;
17+
display: flex;
18+
justify-content: space-between;
19+
align-items: center;
20+
}
21+
22+
nav a {
23+
color: white;
24+
text-decoration: none;
25+
margin-left: 1rem;
26+
}
27+
28+
.container {
29+
max-width: 1200px;
30+
margin: 2rem auto;
31+
padding: 0 2rem;
32+
}
33+
34+
.login-container {
35+
max-width: 400px;
36+
margin: 5rem auto;
37+
background: white;
38+
padding: 2rem;
39+
border-radius: 8px;
40+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
41+
}
42+
43+
.form-group {
44+
margin-bottom: 1rem;
45+
}
46+
47+
.form-group label {
48+
display: block;
49+
margin-bottom: 0.5rem;
50+
font-weight: 500;
51+
}
52+
53+
.form-group input, .form-group select {
54+
width: 100%;
55+
padding: 0.5rem;
56+
border: 1px solid #ddd;
57+
border-radius: 4px;
58+
font-size: 1rem;
59+
}
60+
61+
button {
62+
background-color: #3498db;
63+
color: white;
64+
border: none;
65+
padding: 0.75rem 1.5rem;
66+
border-radius: 4px;
67+
cursor: pointer;
68+
font-size: 1rem;
69+
}
70+
71+
button:hover {
72+
background-color: #2980b9;
73+
}
74+
75+
.alert {
76+
padding: 1rem;
77+
margin: 1rem 2rem;
78+
border-radius: 4px;
79+
}
80+
81+
.alert-error {
82+
background-color: #e74c3c;
83+
color: white;
84+
}
85+
86+
.forwarder-create, .forwarders-list, .settings {
87+
background: white;
88+
padding: 2rem;
89+
margin-bottom: 2rem;
90+
border-radius: 8px;
91+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
92+
}
93+
94+
.forwarder-item {
95+
display: flex;
96+
justify-content: space-between;
97+
align-items: center;
98+
padding: 1rem;
99+
border-bottom: 1px solid #eee;
100+
}
101+
102+
.forwarder-item:last-child {
103+
border-bottom: none;
104+
}
105+
106+
.delete-btn {
107+
background-color: #e74c3c;
108+
padding: 0.5rem 1rem;
109+
font-size: 0.9rem;
110+
}
111+
112+
.delete-btn:hover {
113+
background-color: #c0392b;
114+
}
115+
116+
.modal {
117+
position: fixed;
118+
top: 0;
119+
left: 0;
120+
width: 100%;
121+
height: 100%;
122+
background-color: rgba(0,0,0,0.5);
123+
display: flex;
124+
align-items: center;
125+
justify-content: center;
126+
}
127+
128+
.modal-content {
129+
background: white;
130+
padding: 2rem;
131+
border-radius: 8px;
132+
max-width: 400px;
133+
text-align: center;
134+
}
135+
136+
#qrCode img {
137+
margin: 1rem 0;
138+
}

0 commit comments

Comments
 (0)