@import url("chrome://browser/skin/error-pages.css");
-body {
- background-image: linear-gradient(-45deg, #A09090, #A09090 33%,
- #000000 33%, #000000 66%,
- #A09090 66%, #A09090);
-}
-
-body.certerror {
- background-image: linear-gradient(-45deg, #FFCF00, #FFCF00 33%,
- #000000 33%, #000000 66%,
- #FFCF00 66%, #FFCF00);
+:root {
+ --exception-button-container-background: #A09090;
}
body.captiveportal .title {
#errorTryAgain {
margin-top: 1.2em;
- min-width: 150px;
-}
-
-#returnButton {
- min-width: 250px;
}
#advancedButton {
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 {
}
#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;
+}