body {
display: flex;
- box-sizing: padding-box;
+ box-sizing: border-box;
min-height: 100vh;
padding: 0 48px;
align-items: center;
max-width: 512px;
}
-#errorTitleText {
+#errorTitle {
background: url("aboutNetError_info.svg") left 0 no-repeat;
- background-size: 1.2em;
- -moz-margin-start: -2em;
- -moz-padding-start: 2em;
+ background-size: 3em;
+ -moz-margin-start: -5em;
+ -moz-padding-start: 5em;
}
-#errorTitleText[sslv3] {
- background-image: url("aboutNetError_alert.svg");
+#errorTitleText {
+ border-bottom: 1px solid #A09090;
+ padding-bottom: 0.4em;
}
#errorTitleText:-moz-dir(rtl) {
background-position: right 0;
}
+#errorTitle[sslv3=true],
+#errorTitle[weakCrypto=true] {
+ background-image: url("cert-error.svg");
+}
+
#errorTryAgain {
margin-top: 1.2em;
min-width: 150px
}
@media (max-width: 675px) {
- #errorTitleText {
+ #errorTitle,
+ #errorTitle[sslv3=true],
+ #errorTitle[weakCrypto=true] {
padding-top: 0;
background-image: none;
-moz-padding-start: 0;
cursor: pointer;
}
+#learnMoreContainer {
+ display: none;
+}
+
+#buttonContainer {
+ display: none;
+ flex-flow: row wrap;
+}
+
+#buttonSpacer {
+ flex: 1;
+}
+
+#returnButton {
+ background-color: var(--in-content-primary-button-background);
+ border: none;
+ color: var(--in-content-selected-text);
+ min-width: 250px;
+ margin-inline-start: 0;
+}
+
+#returnButton:hover {
+ background-color: var(--in-content-primary-button-background-hover) !important;
+}
+
+#returnButton:hover:active {
+ background-color: var(--in-content-primary-button-background-active) !important;
+}
+
+#advancedButton {
+ display: none;
+ min-width: 150px;
+}
+
+#certificateErrorReporting,
+#reportCertificateError,
+#reportSentMessage {
+ display: none;
+}
+
+div#weakCryptoAdvanced,
div#certificateErrorReporting {
display: none;
float: right;
transform: scaleY(0.7);
}
+div#weakCryptoAdvancedPanel,
div#certificateErrorReportingPanel {
/* Hidden until the link is clicked */
display: none;
right: 0;
}
+#overrideWeakCryptoPanel,
+#errorStatePanel {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ align-content: space-between;
+ align-items: flex-start;
+}
+
span#hostname {
font-weight: bold;
}
cursor: pointer;
}
-#reportingState {
- padding-left: 150px;
+#errorCode {
+ color: var(--in-content-page-color);
+ cursor: text;
+ text-decoration: none;
}
#reportSendingMessage {
- position: relative;
- display: none;
+ /* adjust the line-height to match the link */
+ line-height: 22px;
}
#reportSentMessage {
- position: relative;
- display: none;
-}
-
-button#reportCertificateError {
- position: relative;
-}
-
-button#reportCertificateErrorRetry {
- position: relative;
- display: none;
+ /* adjust the line-height to match the link */
+ line-height: 22px;
}