nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

404: move styles to separate file #889

Browse source
This commit is contained in:
Sören Weber 2024-08-23 00:11:54 +02:00
parent 3a0ae52e61
commit 86aad0a516
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 42 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
layouts/404.html
View file

@ -9,49 +9,6 @@
<base href="{{ .Site.BaseURL }}"> <base href="{{ .Site.BaseURL }}">
{{- partialCached "favicon.html" . }} {{- partialCached "favicon.html" . }}
{{- partial "stylesheet.html" (dict "page" . "outputFormat" $outputFormat) }} {{- partial "stylesheet.html" (dict "page" . "outputFormat" $outputFormat) }}
<style>
p {
text-align: center
}
.notfound #R-body {
margin-inline-start: 0;
max-width: 100%;
min-width: 100%;
width: 100%;
}
.notfound h1 {
color: var(--MAIN-TEXT-color);
line-height: 1;
font-size: 5rem;
overflow: hidden;
}
.notfound h1 span {
font-size: 6.5rem;
font-weight: 500;
}
.notfound h1 i {
font-size: 5rem;
vertical-align: text-top;
}
.notfound h2 {
color: var(--MAIN-TEXT-color);
font-size: 2.5rem;
font-weight: 500;
padding: 0;
text-align: center;
}
#shrug svg,
#shrug svg * {
color: #000000;
color: var(--MAIN-TEXT-color);
fill: #000000 !important;
fill: var(--MAIN-TEXT-color) !important;
}
#shrug svg{
transform: scaleX(-1);
width: 15rem;
}
</style>
{{- partial "custom-header.html" . }} {{- partial "custom-header.html" . }}
</head> </head>
<body class="mobile-support html notfound" data-url="{{ partial "relLangPrettyUglyURL.hugo" (dict "to" .) }}"> <body class="mobile-support html notfound" data-url="{{ partial "relLangPrettyUglyURL.hugo" (dict "to" .) }}">

42
static/css/theme.css
View file

@ -2376,3 +2376,45 @@ html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right
.term-list ul > li ~ li:before { .term-list ul > li ~ li:before {
content: " | " content: " | "
} }
body.notfound p {
text-align: center
}
body.notfound #R-body {
margin-inline-start: 0;
max-width: 100%;
min-width: 100%;
width: 100%;
}
body.notfound h1 {
color: var(--MAIN-TEXT-color);
line-height: 1;
font-size: 5rem;
overflow: hidden;
}
body.notfound h1 span {
font-size: 6.5rem;
font-weight: 500;
}
body.notfound h1 i {
font-size: 5rem;
vertical-align: text-top;
}
body.notfound h2 {
color: var(--MAIN-TEXT-color);
font-size: 2.5rem;
font-weight: 500;
padding: 0;
text-align: center;
}
body.notfound #shrug svg,
body.notfound #shrug svg * {
color: #000000;
color: var(--MAIN-TEXT-color);
fill: #000000 !important;
fill: var(--MAIN-TEXT-color) !important;
}
body.notfound #shrug svg {
transform: scaleX(-1);
width: 15rem;
}