Hugging Face's logo

Spaces:
Farhad9849
/
Test
Running

App Files Community
Farhad9849 commited on
Commit
2f81b19
•
1 Parent(s): d904128

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +70 -48
style.css CHANGED
@@ -1,76 +1,98 @@
 
1
  * {
2
- box-sizing: border-box;
3
- padding: 0;
4
  margin: 0;
5
- font-family: sans-serif;
 
6
  }
7
 
8
- html,
9
  body {
10
- height: 100%;
 
 
 
11
  }
12
 
13
- body {
14
- padding: 32px;
 
 
 
15
  }
16
 
17
- body,
18
- #container {
19
- display: flex;
20
- flex-direction: column;
21
- justify-content: center;
22
- align-items: center;
23
  }
24
 
25
- #container {
26
- position: relative;
27
- gap: 0.4rem;
 
28
 
29
- width: 640px;
30
- height: 640px;
31
- max-width: 100%;
32
- max-height: 100%;
33
 
34
- border: 2px dashed #D1D5DB;
35
- border-radius: 0.75rem;
36
- overflow: hidden;
37
- cursor: pointer;
38
- margin: 1rem;
 
39
 
40
- background-size: 100% 100%;
41
- background-position: center;
42
- background-repeat: no-repeat;
43
- font-size: 18px;
44
  }
45
 
46
- #upload {
47
- display: none;
 
 
 
48
  }
49
 
50
- svg {
51
- pointer-events: none;
 
52
  }
53
 
54
- #example {
55
- font-size: 14px;
56
- text-decoration: underline;
57
- cursor: pointer;
 
 
58
  }
59
 
60
- #example:hover {
61
- color: #2563EB;
 
 
62
  }
63
 
64
- .bounding-box {
65
- position: absolute;
66
- box-sizing: border-box;
67
- border: solid 2px;
 
 
 
 
 
 
68
  }
69
 
70
- .bounding-box-label {
 
 
 
 
71
  color: white;
72
- position: absolute;
73
- font-size: 12px;
74
- margin: -16px 0 0 -2px;
75
- padding: 1px;
 
 
 
76
  }
 
1
+ /* Basic Reset */
2
  * {
 
 
3
  margin: 0;
4
+ padding: 0;
5
+ box-sizing: border-box;
6
  }
7
 
 
8
  body {
9
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
10
+ line-height: 1.6;
11
+ color: #333;
12
+ background-color: #f4f4f4;
13
  }
14
 
15
+ header {
16
+ background-color: #007bff;
17
+ color: #fff;
18
+ padding: 20px 0;
19
+ text-align: center;
20
  }
21
 
22
+ header h1 {
23
+ font-size: 2.5rem;
 
 
 
 
24
  }
25
 
26
+ nav ul {
27
+ list-style: none;
28
+ padding-top: 10px;
29
+ }
30
 
31
+ nav ul li {
32
+ display: inline;
33
+ margin-right: 20px;
34
+ }
35
 
36
+ nav ul li a {
37
+ color: #fff;
38
+ text-decoration: none;
39
+ font-weight: bold;
40
+ transition: color 0.3s ease-in-out;
41
+ }
42
 
43
+ nav ul li a:hover {
44
+ color: #ffc107;
 
 
45
  }
46
 
47
+ section {
48
+ margin: 20px 0;
49
+ padding: 20px;
50
+ background: #fff;
51
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
52
  }
53
 
54
+ section h2 {
55
+ color: #007bff;
56
+ margin-bottom: 10px;
57
  }
58
 
59
+ footer {
60
+ background-color: #343a40;
61
+ color: #fff;
62
+ text-align: center;
63
+ padding: 10px 0;
64
+ margin-top: 20px;
65
  }
66
 
67
+ /* Contact Form Styles */
68
+ #contact-form {
69
+ max-width: 500px;
70
+ margin: auto;
71
  }
72
 
73
+ #contact-form label {
74
+ display: block;
75
+ margin: 10px 0 5px;
76
+ }
77
+
78
+ #contact-form input, #contact-form textarea {
79
+ width: 100%;
80
+ padding: 8px;
81
+ margin-bottom: 10px;
82
+ border: 1px solid #ccc;
83
  }
84
 
85
+ #contact-form button {
86
+ display: block;
87
+ width: 100%;
88
+ padding: 10px;
89
+ background-color: #28a745;
90
  color: white;
91
+ border: none;
92
+ cursor: pointer;
93
+ transition: background-color 0.3s ease-in-out;
94
+ }
95
+
96
+ #contact-form button:hover {
97
+ background-color: #218838;
98
  }