/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @import url("chrome://global/skin/in-content/common.css"); body { display: flex; box-sizing: border-box; min-height: 100vh; padding: 0 48px; align-items: center; justify-content: center; } ul, ol { margin: 0; padding: 0; -moz-margin-start: 1em; } ul > li, ol > li { margin-bottom: .5em; } ul { list-style: disc; } #errorPageContainer { position: relative; min-width: 320px; max-width: 512px; } #errorTitle { background: url("aboutNetError_info.svg") left 0 no-repeat; background-size: 3em; -moz-margin-start: -5em; -moz-padding-start: 5em; } #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 } #errorContainer { display: none; } @media (max-width: 675px) { #errorTitle, #errorTitle[sslv3=true], #errorTitle[weakCrypto=true] { padding-top: 0; background-image: none; -moz-padding-start: 0; -moz-margin-start: 0; } } /* Pressing the retry button will cause the cursor to flicker from a pointer to * not-allowed. Override the disabled cursor behaviour since we will never show * the button disabled as the initial state. */ button:disabled { 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; /* Align with the "Try Again" button */ margin-top: 19px; -moz-margin-end: 0; } div#certificateErrorReporting a, div#certificateErrorReportingPanel a { background-color: #C09070; color: #000000; border-radius: 300px; padding: 1px 6px; } div#certificateErrorReporting a { } div#certificateErrorReporting a:hover { text-decoration: none; background-color: #FFCF00; } span.downArrow { display: inline-block; vertical-align: middle; font-size: 0.6em; -moz-margin-start: 0.5em; transform: scaleY(0.7); } div#weakCryptoAdvancedPanel, div#certificateErrorReportingPanel { /* Hidden until the link is clicked */ display: none; background-color: #000000; border: 1px #A09090 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; position: absolute; width: 75%; margin-top: 10px; } div#certificateErrorReportingPanel:-moz-dir(ltr) { left: 34%; } div#certificateErrorReportingPanel:-moz-dir(rtl) { 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; } #automaticallyReportInFuture { cursor: pointer; } #errorCode { color: var(--in-content-page-color); cursor: text; text-decoration: none; } #reportSendingMessage { /* adjust the line-height to match the link */ line-height: 22px; } #reportSentMessage { /* adjust the line-height to match the link */ line-height: 22px; }