Add: Error Page - Restore illustrations

This commit is contained in:
alstjr7375 2021-06-10 11:16:10 +09:00
parent 22d3c5b764
commit a1ab5eda5c

View file

@ -16,4 +16,92 @@
height: 100% !important; /* Original: 48px */
}
}
/** Error Page - Restore illustrations **************************************/
@-moz-document url-prefix("about:neterror"),
url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"),
url("about:sessionrestore"), url(chrome://browser/content/aboutSessionRestore.xhtml) {
/* Illustrations Position */
#errorPageContainer, .description-wrapper {
min-height: 300px;
background-position: left center;
background-repeat: no-repeat;
background-size: 38%;
}
#errorPageContainer {
display: flex;
flex-direction: column;
}
.description-wrapper {
padding-inline-start: 38%;
}
/* Container */
.container {
min-width: var(--in-content-container-min-width); /* 13em */
max-width: var(--in-content-container-max-width); /* 52em */
}
/* Text Position */
#text-container {
margin: auto;
padding-inline-start: 38%;
}
}
@-moz-document url-prefix("about:neterror?e=dnsNotFound") {
#errorPageContainer {
background-image: url("chrome://browser/skin/illustrations/error-server-not-found.svg");
}
}
@-moz-document url-prefix("about:neterror?e=malformedURI") {
#errorPageContainer {
background-image: url("chrome://browser/skin/illustrations/error-malformed-url.svg");
}
}
@-moz-document url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml") {
#errorPageContainer {
background-image: url("chrome://browser/skin/illustrations/error-connection-failure.svg");
}
}
@-moz-document url("about:sessionrestore"), url(chrome://browser/content/aboutSessionRestore.xhtml) {
.description-wrapper {
background-image: url("chrome://browser/skin/illustrations/error-session-restore.svg");
}
}
@-moz-document url-prefix("about:neterror?e=fileNotFound") {
@media (min-width: 970px) {
.title {
background-image:
url("chrome://global/skin/icons/info.svg") !important;
}
}
#text-container {
padding-inline-start: 0;
}
}
@-moz-document url-prefix("about:tabcrashed") {
@media (min-width: 970px) {
.title {
background-image: url("chrome://browser/skin/tab-crashed.svg") !important;
}
}
}
@-moz-document url("about:robots"), url("chrome://browser/content/aboutRobots.xhtml") {
@media (min-width: 970px) {
.title {
background-image: url("chrome://browser/content/aboutRobots-icon.png") !important;
}
}
}
@-moz-document url("about:welcomeBack"), url("chrome://browser/content/aboutWelcomeBack.xhtml") {
@media (min-width: 970px) {
.title {
background-image: url("chrome://browser/skin/welcome-back.svg") !important;
}
}
}
}