/* 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: padding-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; } #errorTitleText { background: url("aboutNetError_info.svg") left 0 no-repeat; background-size: 1.2em; -moz-margin-start: -2em; -moz-padding-start: 2em; } #errorTitleText[sslv3] { background-image: url("aboutNetError_alert.svg"); } #errorTitleText:-moz-dir(rtl) { background-position: right 0; } #errorTryAgain { margin-top: 1.2em; min-width: 150px } #errorContainer { display: none; } @media (max-width: 675px) { #errorTitleText { 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; } 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#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; } span#hostname { font-weight: bold; } #automaticallyReportInFuture { cursor: pointer; } #reportingState { padding-left: 150px; } #reportSendingMessage { position: relative; display: none; } #reportSentMessage { position: relative; display: none; } button#reportCertificateError { position: relative; } button#reportCertificateErrorRetry { position: relative; display: none; }