Replaced the <center> tag with a <div>

This commit is contained in:
ciam 2024-03-14 19:05:50 +01:00
parent 653bd4773e
commit 5d9867c13a

View file

@ -9,12 +9,12 @@
<meta name="keywords" content="minecraft, minecraft server, craft in a matrix, deepslate, voxelmp, smp, mc"/>
<title>Craft in a Matrix</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<style>body{background-color:black;color:white;font-family:"Montserrat", sans-serif;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center}center{text-align:center;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}a{color:#1e6bb8;text-decoration:none}.btn{border:1px solid rgba(255, 255, 255, 0.2);padding:10px 24px;text-align:center;color:white;text-decoration:none;display:inline-block;font-size:20px;border-radius:0.3rem;margin-bottom:15px;transition:color 0.7s, background-color 0.7s, border-color 0.7s;position:relative}.btn:hover{background-color:white;border-color:white;color:black}.logo{max-width:100%;max-height:auto}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:black;color:white;border:1px solid white;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-75px;opacity:0;transition:opacity 0.3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}</style>
<style>body{background-color:black;color:white;font-family:"Montserrat", sans-serif;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center}.center{text-align:center;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}a{color:#1e6bb8;text-decoration:none}.btn{border:1px solid rgba(255, 255, 255, 0.2);padding:10px 24px;text-align:center;color:white;text-decoration:none;display:inline-block;font-size:20px;border-radius:0.3rem;margin-bottom:15px;transition:color 0.7s, background-color 0.7s, border-color 0.7s;position:relative}.btn:hover{background-color:white;border-color:white;color:black}.logo{max-width:100%;max-height:auto}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:black;color:white;border:1px solid white;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-75px;opacity:0;transition:opacity 0.3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
</head>
<body>
<center>
<div class="center">
<header>
<img class="logo" src="logo.webp" width="350px" alt="Craft in a Matrix"></img>
<h2>A semi-anarchy Minecraft server.</h2>
@ -25,7 +25,7 @@
<a class="btn" href="https://pad.envs.net/sheet/#/2/sheet/edit/eG0nqXLNUmDBUC-rwwqYQnSL/"><i class="fa fa-map-marker" aria-hidden="true"></i> Coordinates</a>
</nav>
<p id="serverInfo">Version: Java 1.20.4</p>
</center>
</div>
<script>
function copyIP() {
navigator.clipboard.writeText("craft.inamatrix.xyz").then(() => {