Hugging Face's logo

Spaces:
eg-art
/
up_fail
Running

App Files Community
DmitrMakeev commited on
Commit
63bdddd
·
verified ·
1 Parent(s): 6f7577f

Update settings.html

Browse files
Files changed (1) hide show
  1. settings.html +120 -48
settings.html CHANGED
@@ -4,54 +4,126 @@
4
  <meta charset="UTF-8">
5
  <title>Settings</title>
6
  <style>
7
- body {
8
- font-family: Arial, sans-serif;
9
- text-align: center;
10
- background-color: #f0f0f0;
11
- margin: 0;
12
- padding: 0;
13
- }
14
- h1 {
15
- background-color: #4CAF50;
16
- color: white;
17
- padding: 20px;
18
- margin: 0;
19
- border-bottom: 2px solid #388E3C;
20
- font-size: 28px;
21
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
22
- }
23
- form {
24
- padding: 20px;
25
- }
26
- label {
27
- display: block;
28
- margin-top: 10px;
29
- color: green;
30
- text-align: left;
31
- }
32
- input[type="text"] {
33
- width: 100%;
34
- padding: 10px;
35
- margin-top: 5px;
36
- border: 1px solid #ccc;
37
- border-radius: 4px;
38
- }
39
- button {
40
- display: block;
41
- margin: 20px auto;
42
- color: white;
43
- background-color: #4CAF50;
44
- border: none;
45
- cursor: pointer;
46
- padding: 12px 24px;
47
- font-size: 16px;
48
- border-radius: 5px;
49
- transition: background-color 0.3s ease;
50
- }
51
- button:hover {
52
- background-color: #388E3C;
53
- }
54
- </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
55
  </head>
56
  <body>
57
  <h1>Settings</h1>
 
4
  <meta charset="UTF-8">
5
  <title>Settings</title>
6
  <style>
7
+ body{
8
+ font-family:Arial, sans-serif;
9
+ text-align:center;
10
+ background-color:rgb(240, 240, 240);
11
+ margin-top:0px;
12
+ margin-right:0px;
13
+ margin-bottom:0px;
14
+ margin-left:0px;
15
+ padding-top:0px;
16
+ padding-right:0px;
17
+ padding-bottom:0px;
18
+ padding-left:0px;
19
+ }
20
+ h1{
21
+ background-color:rgb(76, 175, 80);
22
+ color:white;
23
+ padding-top:20px;
24
+ padding-right:20px;
25
+ padding-bottom:20px;
26
+ padding-left:20px;
27
+ margin-top:0px;
28
+ margin-right:0px;
29
+ margin-bottom:0px;
30
+ margin-left:0px;
31
+ border-bottom-width:2px;
32
+ border-bottom-style:solid;
33
+ border-bottom-color:rgb(56, 142, 60);
34
+ font-size:28px;
35
+ text-shadow:rgba(0, 0, 0, 0.3) 2px 2px 4px;
36
+ }
37
+ form{
38
+ padding-top:20px;
39
+ padding-right:20px;
40
+ padding-bottom:20px;
41
+ padding-left:20px;
42
+ }
43
+ label{
44
+ display:block;
45
+ margin-top:10px;
46
+ color:green;
47
+ text-align:left;
48
+ }
49
+ input[type="text"]{
50
+ width:100%;
51
+ padding-top:10px;
52
+ padding-right:10px;
53
+ padding-bottom:10px;
54
+ padding-left:10px;
55
+ margin-top:5px;
56
+ border-top-width:1px;
57
+ border-right-width:1px;
58
+ border-bottom-width:1px;
59
+ border-left-width:1px;
60
+ border-top-style:solid;
61
+ border-right-style:solid;
62
+ border-bottom-style:solid;
63
+ border-left-style:solid;
64
+ border-top-color:rgb(204, 204, 204);
65
+ border-right-color:rgb(204, 204, 204);
66
+ border-bottom-color:rgb(204, 204, 204);
67
+ border-left-color:rgb(204, 204, 204);
68
+ border-image-source:initial;
69
+ border-image-slice:initial;
70
+ border-image-width:initial;
71
+ border-image-outset:initial;
72
+ border-image-repeat:initial;
73
+ border-top-left-radius:4px;
74
+ border-top-right-radius:4px;
75
+ border-bottom-right-radius:4px;
76
+ border-bottom-left-radius:4px;
77
+ }
78
+ button{
79
+ display:block;
80
+ margin-top:20px;
81
+ margin-right:auto;
82
+ margin-bottom:20px;
83
+ margin-left:auto;
84
+ color:white;
85
+ background-color:rgb(76, 175, 80);
86
+ border-top-width:initial;
87
+ border-right-width:initial;
88
+ border-bottom-width:initial;
89
+ border-left-width:initial;
90
+ border-top-style:none;
91
+ border-right-style:none;
92
+ border-bottom-style:none;
93
+ border-left-style:none;
94
+ border-top-color:initial;
95
+ border-right-color:initial;
96
+ border-bottom-color:initial;
97
+ border-left-color:initial;
98
+ border-image-source:initial;
99
+ border-image-slice:initial;
100
+ border-image-width:initial;
101
+ border-image-outset:initial;
102
+ border-image-repeat:initial;
103
+ cursor:pointer;
104
+ padding-top:12px;
105
+ padding-right:24px;
106
+ padding-bottom:12px;
107
+ padding-left:24px;
108
+ font-size:16px;
109
+ border-top-left-radius:5px;
110
+ border-top-right-radius:5px;
111
+ border-bottom-right-radius:5px;
112
+ border-bottom-left-radius:5px;
113
+ transition-behavior:normal;
114
+ transition-duration:0.3s;
115
+ transition-timing-function:ease;
116
+ transition-delay:0s;
117
+ transition-property:background-color;
118
+ }
119
+ button:hover{
120
+ background-color:rgb(56, 142, 60);
121
+ }
122
+ #settingsForm{
123
+ padding:20px 20px 20px 50px;
124
+ }
125
+
126
+ </style>
127
  </head>
128
  <body>
129
  <h1>Settings</h1>