Hugging Face's logo

Spaces:
ReikerXx
/
uex
Running

App Files Community
Reaperxxxx commited on
Commit
db19559
·
verified ·
1 Parent(s): c6573ff

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +57 -13
index.html CHANGED
@@ -133,56 +133,100 @@
133
  left: 15px;
134
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(20, 20, 40, 0.85));
135
  color: #00ff88;
136
- padding: 12px 18px;
137
- border-radius: 12px;
138
  font-family: 'Courier New', monospace;
139
- font-size: 13px;
140
  z-index: 50;
141
- max-width: 280px;
142
  border: 2px solid rgba(0, 255, 136, 0.3);
143
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
144
  }
145
 
146
  #coordinates > div {
147
- margin: 4px 0;
148
  text-shadow: 0 0 5px rgba(0, 255, 136, 0.5);
149
  }
150
 
151
  .coord-label {
152
  color: #00ffff;
153
  font-weight: bold;
 
154
  }
155
 
156
  .coord-input {
157
  background: rgba(0, 30, 20, 0.9);
158
  border: 2px solid #00ff88;
159
  color: #00ff88;
160
- padding: 10px;
161
- border-radius: 6px;
162
  font-family: 'Courier New', monospace;
163
- margin-top: 10px;
164
- width: calc(100% - 24px);
165
- font-size: 11px;
166
  }
167
 
168
  .spawn-btn {
169
  background: linear-gradient(135deg, rgba(0, 180, 100, 0.8), rgba(0, 120, 80, 0.8));
170
  border: 2px solid #00ff88;
171
  color: #fff;
172
- padding: 10px;
173
- border-radius: 6px;
174
- margin-top: 8px;
175
  cursor: pointer;
176
  font-weight: bold;
177
  width: 100%;
178
  transition: all 0.1s ease;
179
  user-select: none;
 
180
  }
181
 
182
  .spawn-btn:active {
183
  transform: scale(0.97);
184
  background: linear-gradient(135deg, rgba(0, 200, 110, 1), rgba(0, 140, 90, 1));
185
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
186
  </style>
187
  </head>
188
  <body>
 
133
  left: 15px;
134
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(20, 20, 40, 0.85));
135
  color: #00ff88;
136
+ padding: 8px 12px;
137
+ border-radius: 8px;
138
  font-family: 'Courier New', monospace;
139
+ font-size: 10px;
140
  z-index: 50;
141
+ max-width: 180px;
142
  border: 2px solid rgba(0, 255, 136, 0.3);
143
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
144
  }
145
 
146
  #coordinates > div {
147
+ margin: 2px 0;
148
  text-shadow: 0 0 5px rgba(0, 255, 136, 0.5);
149
  }
150
 
151
  .coord-label {
152
  color: #00ffff;
153
  font-weight: bold;
154
+ font-size: 11px;
155
  }
156
 
157
  .coord-input {
158
  background: rgba(0, 30, 20, 0.9);
159
  border: 2px solid #00ff88;
160
  color: #00ff88;
161
+ padding: 6px;
162
+ border-radius: 4px;
163
  font-family: 'Courier New', monospace;
164
+ margin-top: 6px;
165
+ width: calc(100% - 16px);
166
+ font-size: 9px;
167
  }
168
 
169
  .spawn-btn {
170
  background: linear-gradient(135deg, rgba(0, 180, 100, 0.8), rgba(0, 120, 80, 0.8));
171
  border: 2px solid #00ff88;
172
  color: #fff;
173
+ padding: 6px;
174
+ border-radius: 4px;
175
+ margin-top: 6px;
176
  cursor: pointer;
177
  font-weight: bold;
178
  width: 100%;
179
  transition: all 0.1s ease;
180
  user-select: none;
181
+ font-size: 10px;
182
  }
183
 
184
  .spawn-btn:active {
185
  transform: scale(0.97);
186
  background: linear-gradient(135deg, rgba(0, 200, 110, 1), rgba(0, 140, 90, 1));
187
  }
188
+
189
+ #crosshair {
190
+ position: fixed;
191
+ top: 50%;
192
+ left: 50%;
193
+ transform: translate(-50%, -50%);
194
+ width: 20px;
195
+ height: 20px;
196
+ z-index: 100;
197
+ pointer-events: none;
198
+ }
199
+
200
+ .crosshair-line {
201
+ position: absolute;
202
+ background: rgba(255, 255, 255, 0.8);
203
+ }
204
+
205
+ .crosshair-h {
206
+ width: 12px;
207
+ height: 2px;
208
+ top: 50%;
209
+ left: 50%;
210
+ transform: translate(-50%, -50%);
211
+ }
212
+
213
+ .crosshair-v {
214
+ width: 2px;
215
+ height: 12px;
216
+ top: 50%;
217
+ left: 50%;
218
+ transform: translate(-50%, -50%);
219
+ }
220
+
221
+ .crosshair-dot {
222
+ width: 3px;
223
+ height: 3px;
224
+ background: rgba(255, 255, 255, 0.9);
225
+ border-radius: 50%;
226
+ top: 50%;
227
+ left: 50%;
228
+ transform: translate(-50%, -50%);
229
+ }
230
  </style>
231
  </head>
232
  <body>