vyla-entertainment/documentation
2
0
Fork 0
mirror of https://gitlab.com/vyla-entertainment/documentation.git synced 2026-11-14 06:27:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

added 404 page

Browse Source
This commit is contained in:
alwaysmesmerizingyou
2026-10-09 19:57:06 -07:00
parent 6cdbdd6351
commit d38fcbe017
7 changed files with 139 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
assets/styling/404.css Normal file
View File

@@ -0,0 +1,81 @@
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;
}

1
assets/styling/layout.css
View File

@@ -204,6 +204,7 @@ html.dark #sidebar li a:hover {
gap: 92px;
max-width: 100%;
box-sizing: border-box;
width: 80vw;
}
#main-wrap {

1
assets/styling/prose.css
View File

@@ -138,6 +138,7 @@ main.prose pre {
background: rgba(250, 250, 250);
--fade-l: 0px;
--fade-r: 0px;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);
mask-image: linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);
}