Hugging Face's logo

Spaces:
studycode129
/
Free_Web_LLM_Tester
Running

App Files Community
studycode129 commited on
Commit
a7ba5f9
·
verified ·
1 Parent(s): dda55fb

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +117 -28
style.css CHANGED
@@ -1,28 +1,117 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
- }
5
-
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
- }
10
-
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
- }
17
-
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
- }
25
-
26
- .card p:last-child {
27
- margin-bottom: 0;
28
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+ body {
5
+ font-family: 'Inter', sans-serif;
6
+ background: linear-gradient(to right, #ede9fe, #f3e8ff);
7
+ color: #374151;
8
+ margin: 0;
9
+ padding: 20px;
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+ min-height: 100vh;
14
+ }
15
+ .container {
16
+ background: #faf5ff;
17
+ padding: 32px;
18
+ border-radius: 24px;
19
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
20
+ width: 100%;
21
+ max-width: 800px;
22
+ border: 2px solid #c4b5fd;
23
+ }
24
+ h1 {
25
+ text-align: center;
26
+ margin-bottom: 24px;
27
+ font-size: 28px;
28
+ font-weight: 600;
29
+ color: #6b21a8;
30
+ }
31
+ label {
32
+ display: block;
33
+ margin: 14px 0 6px;
34
+ font-weight: 600;
35
+ color: #6b21a8;
36
+ }
37
+ input[type="text"], select, textarea {
38
+ width: 100%;
39
+ padding: 12px;
40
+ margin-bottom: 16px;
41
+ border-radius: 10px;
42
+ border: 1px solid #ddd6fe;
43
+ font-size: 16px;
44
+ font-family: inherit;
45
+ background: #fff;
46
+ transition: border-color 0.3s ease, box-shadow 0.3s ease;
47
+ }
48
+ input[type="text"]:focus, textarea:focus, select:focus {
49
+ outline: none;
50
+ border-color: #a78bfa;
51
+ box-shadow: 0 0 0 2px #ddd6fe;
52
+ }
53
+ input[type="file"] {
54
+ display: none;
55
+ }
56
+ .custom-file-upload {
57
+ display: inline-block;
58
+ padding: 12px 24px;
59
+ background-color: #8b5cf6;
60
+ color: white;
61
+ font-weight: 600;
62
+ border-radius: 10px;
63
+ cursor: pointer;
64
+ margin-bottom: 16px;
65
+ transition: background-color 0.3s ease, transform 0.2s ease;
66
+ }
67
+ .custom-file-upload:hover {
68
+ background-color: #7c3aed;
69
+ transform: scale(1.02);
70
+ }
71
+ textarea {
72
+ min-height: 120px;
73
+ resize: vertical;
74
+ }
75
+ button {
76
+ background-color: #8b5cf6;
77
+ color: white;
78
+ font-weight: 600;
79
+ border: none;
80
+ padding: 14px;
81
+ border-radius: 10px;
82
+ font-size: 16px;
83
+ cursor: pointer;
84
+ width: 100%;
85
+ transition: background-color 0.3s ease, transform 0.2s ease;
86
+ }
87
+ button:hover {
88
+ background-color: #7c3aed;
89
+ transform: scale(1.02);
90
+ }
91
+ pre {
92
+ background: #f5f3ff;
93
+ border: 1px solid #e9d5ff;
94
+ padding: 16px;
95
+ border-radius: 10px;
96
+ white-space: pre-wrap;
97
+ margin-top: 10px;
98
+ }
99
+ .download {
100
+ text-align: center;
101
+ margin-top: 20px;
102
+ }
103
+ @media (max-width: 768px) {
104
+ body {
105
+ padding: 10px;
106
+ }
107
+ .container {
108
+ padding: 20px;
109
+ }
110
+ h1 {
111
+ font-size: 24px;
112
+ }
113
+ button {
114
+ font-size: 15px;
115
+ padding: 12px;
116
+ }
117
+ }