<!doctype html>
<html lang="en">
<head>
<title>{% block title %}{% endblock %}</title>
<style>
body {
position: relative;
min-height: 98vh;
background-color: #333;
color: #fff;
}
footer {
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
* {
margin-bottom: 0;
}
}
#content {
padding-bottom: 2.5rem;
}
table {
width: 100%;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-top: 10px;
thead th {
background-color: #252525;
}
tbody tr:hover {
background-color: #4f4f4f;
}
& tr,
th,
td {
border: 1px solid #fff;
padding: 7px;
}
.charlist {
display: inline-grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
.aqua {
color: #97c8ff;
}
.ventus {
color: #26ff62;
}
.terra {
color: #ff7400;
}
}
}
</style>
{% block head %}{% endblock %}
</head>
<body>
<div id="content">{% block content %}{% endblock %}</div>
<footer>
<p>v{{ crate::VERSION }}</p>
</footer>
</body>
</html>