try to fix transparency

This commit is contained in:
MCHost
2025-07-04 02:44:12 -04:00
parent e5be4899c6
commit 9559516bc6
3 changed files with 908 additions and 56 deletions

View File

@ -88,3 +88,23 @@
#copyAlert.hidden { #copyAlert.hidden {
opacity: 0; opacity: 0;
} }
input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
background-color: transparent !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
color: #ffffff !important; /* Ensures text color stays white */
}
input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:autofill {
background-color: transparent !important;
background-image: none !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
color: #ffffff !important; /* Ensures text color stays white */
}

File diff suppressed because it is too large Load Diff

View File

@ -7,7 +7,7 @@
<title>My-MC Server Status Checker</title> <title>My-MC Server Status Checker</title>
<link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png"> <link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">
<link href="https://my-mc.link/css/style.min.css" rel="stylesheet"> <link href="https://my-mc.link/css/style.min.css?p=1" rel="stylesheet">
<link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon"> <link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.5.0/tsparticles.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/tsparticles@3.5.0/tsparticles.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script>
@ -95,8 +95,8 @@
<div> <div>
<label for="connection" class="block text-sm font-medium text-gray-300">Connection String (host:port)</label> <label for="connection" class="block text-sm font-medium text-gray-300">Connection String (host:port)</label>
<input type="text" id="connection" name="connection" placeholder="example.com:25565" <input type="text" id="connection" name="connection" placeholder="example.com:25565"
class="mt-1 block w-full mx-auto max-w-md bg-gray-700/50 border border-gray-600 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500 text-white transition-all duration-300 hover:bg-gray-600/50 py-2 px-4 text-base text-center" class="mt-1 block w-full mx-auto max-w-md bg-transparent !bg-transparent border border-gray-600 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500 focus:bg-transparent active:bg-transparent text-white transition-all duration-300 hover:bg-gray-600/30 py-2 px-4 text-base text-center placeholder-gray-400 autofill:bg-transparent"
required> required>
</div> </div>
<button type="submit" <button type="submit"
class="btn-minecraft w-full max-w-md mx-auto text-base font-semibold py-2 px-6 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg"> class="btn-minecraft w-full max-w-md mx-auto text-base font-semibold py-2 px-6 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg">