@import url("chrome://browser/skin/error-pages.css");
-body {
- background-image: linear-gradient(-45deg, #A09090, #A09090 33%,
- #000000 33%, #000000 66%,
- #A09090 66%, #A09090);
+:root {
+ --exception-button-container-background: #A09090;
}
-body.certerror {
- background-image: linear-gradient(-45deg, #FFCF00, #FFCF00 33%,
- #000000 33%, #000000 66%,
- #FFCF00 66%, #FFCF00);
+body.captiveportal .title {
+ background-image: url("wifi.svg");
}
body.certerror .title {
display: none;
}
-#certErrorButtonContainer {
+#certErrorAndCaptivePortalButtonContainer {
display: none;
}
-body.certerror #certErrorButtonContainer {
+body:not(.neterror) #certErrorAndCaptivePortalButtonContainer {
display: flex;
}
-body.certerror #netErrorButtonContainer {
+body:not(.neterror) #netErrorAndCaptivePortalButtonContainer {
display: none;
}
#errorTryAgain {
margin-top: 1.2em;
- min-width: 150px;
}
-#returnButton {
- min-width: 250px;
+#advancedButton {
+ display: none;
}
-#advancedButton {
+body.captiveportal #returnButton {
+ display: none;
+}
+
+body:not(.captiveportal) #openPortalLoginPageButton {
display: none;
}
-body.certerror #advancedButton {
+#openPortalLoginPageButton {
+ margin-inline-start: 0;
+}
+
+body:not(.neterror) #advancedButton {
display: block;
}
display: none;
}
-.container {
- position: relative;
-}
-
#advancedPanelContainer {
position: absolute;
- padding: 24px 0;
width: 100%;
+ left: 0;
}
.advanced-panel {
display: none;
background-color: var(--in-content-box-background);
border: 1px var(--in-content-box-border-color) solid;
- /* Don't use top padding because the default p style has top padding, and it
- * makes the overall div look uneven */
- padding: 0 12px 12px 12px;
- font-size: 0.9em;
+ margin: 48px auto;
+ min-width: var(--in-content-container-min-width);
+ max-width: var(--in-content-container-max-width);
}
#overrideWeakCryptoPanel {
#automaticallyReportInFuture {
cursor: pointer;
- display: inline-block;
- padding-inline-start: 2.3em;
- text-indent: -2.3em;
- line-height: 16px
}
#errorCode:not([href]) {
}
#badCertTechnicalInfo {
+ margin: 3em;
overflow: auto;
white-space: pre-wrap;
}
background-color: var(--in-content-box-background) !important;
border-top: 1px solid var(--in-content-border-color);
position: absolute;
- left: 0%;
- top: 100%;
- width: 65%;
+ width: 100%;
padding: 1em 17.5%;
+ box-sizing: border-box;
+
}
#certificateErrorText {
white-space: pre-wrap;
padding: 1em 0;
}
+
+#cert_domain_link:not([href]) {
+ color: var(--in-content-page-color);
+ text-decoration: none;
+}
+
+.exceptionDialogButtonContainer {
+ background-color: var(--exception-button-container-background);
+ display: flex;
+ justify-content: end;
+ padding: 10px;
+}