Files
documentation/assets/styling/404.css
2026-10-09 19:57:06 -07:00

81 lines
1.8 KiB
CSS

body.is-404 #sidebar,
body.is-404 #toc,
body.is-404 #mobile-bar,
body.is-404 .footer-nav {
display: none !important;
}
body.is-404 #content-wrapper {
padding: 0 !important;
margin: 0 auto !important;
max-width: 100% !important;
width: 100% !important;
}
body.is-404 #content-col,
body.is-404 #main-wrap,
body.is-404 #main-content {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
}
body.is-404 .error-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: calc(80vh - 120px);
padding: 40px 20px;
box-sizing: border-box;
text-align: center;
}
body.is-404 .error-code {
margin: 0 0 16px;
color: var(--color-text-primary);
font-size: clamp(74px, 14vw, 112px);
font-weight: 700;
line-height: 1;
letter-spacing: -2px;
}
body.is-404 .error-title {
margin: 0 0 24px;
color: var(--color-text-primary);
font-size: 18px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.is-404 .error-desc {
max-width: 440px;
margin: 0 0 32px;
color: var(--muted-light);
font-size: 15.5px;
line-height: 1.6;
}
html.dark body.is-404 .error-desc {
color: var(--muted-dark);
}
body.is-404 .btn-home {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 28px;
border-radius: 9999px;
background: var(--bg-dark);
color: var(--bg-light) !important;
font-size: 14.5px;
font-weight: 500;
text-decoration: none !important;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
html.dark body.is-404 .btn-home {
background: var(--bg-light);
color: var(--bg-dark) !important;
}