1
0
Fork 0

Simplify styles

This commit is contained in:
Alex Palaistras 2022-10-29 19:19:29 +01:00
parent 0474e333a0
commit 890a3e2fe6
2 changed files with 7 additions and 60 deletions

View File

@ -1,30 +0,0 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Not found :(</title>
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<main style="text-align: center">
<h1>Not found <aside>:(</aside></h1>
<p>(404 Not Found)</p>
<p>Sorry, but the page you were trying to view does not exist.</p>
<span class="button">
<a href="/" class="icon"></a>
<span class="description">Home</span>
</span>
<span class="button">
<i class="icon" onclick="history.back(-1)"></i>
<span class="description">Go Back</span>
</span>
<span class="button">
<i class="icon" onclick="document.location.reload(true)"></i>
<span class="description">Try Again</span>
</span>
</main>
</body>
</html>

View File

@ -8,6 +8,13 @@ body {
padding: 0;
}
main {
margin: 0 auto;
max-width: 50rem;
padding: 3rem;
position: relative;
}
h1 {
font-size: 2rem;
margin: 0 0 1rem 0;
@ -37,12 +44,6 @@ a:hover {
background: #c82829;
}
main {
margin: 5rem auto 0;
max-width: 50rem;
position: relative;
}
dl dt {
font-size: 1.2rem;
font-weight: bold;
@ -53,27 +54,3 @@ dl dd a {
display: inline-block;
margin: 0.5rem 0;
}
.button {
display: inline-block;
width: 6rem;
}
.button a {
outline: none;
text-decoration: none;
}
.button .icon {
background: none;
color: #666;
cursor: pointer;
display: block;
font-size: 3rem;
font-style: normal;
margin: 0 auto -0.5rem;
}
.button .description {
font-size: 0.8rem;
}