gecko-dev/browser/themes/shared/aboutNetError.css
Johann Hofmann 87efd9ffb2 Bug 1363046 - Update neterror/certerror page design for Photon. r=dao
MozReview-Commit-ID: 5RakjD72FwV

--HG--
extra : source : 7a5b9d4390e707a8f7adb7ebf0f7d0ba662c4491
2017-05-09 16:43:15 -04:00

159 lines
2.9 KiB
CSS

/* 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://browser/skin/error-pages.css");
:root {
--exception-button-container-background: #F5F5F7;
}
body.captiveportal .title {
background-image: url("wifi.svg");
}
body.certerror .title {
background-image: url("cert-error.svg");
}
#errorContainer {
display: none;
}
/* 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;
}
#prefChangeContainer {
display: none;
}
#learnMoreContainer {
display: none;
}
#certErrorAndCaptivePortalButtonContainer {
display: none;
}
body:not(.neterror) #certErrorAndCaptivePortalButtonContainer {
display: flex;
}
body:not(.neterror) #netErrorButtonContainer {
display: none;
}
#errorTryAgain {
margin-top: 1.2em;
}
#advancedButton {
display: none;
}
body.captiveportal #returnButton {
display: none;
}
body:not(.captiveportal) #openPortalLoginPageButton {
display: none;
}
#openPortalLoginPageButton {
margin-inline-start: 0;
}
body:not(.neterror) #advancedButton {
display: block;
}
#certificateErrorReporting {
display: none;
}
#advancedPanelContainer {
position: absolute;
width: 100%;
left: 0;
}
.advanced-panel {
/* Hidden until the link is clicked */
display: none;
background-color: white;
border: 1px lightgray solid;
margin: 48px auto;
min-width: var(--in-content-container-min-width);
max-width: var(--in-content-container-max-width);
}
#overrideWeakCryptoPanel {
display: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
align-items: flex-start;
margin-top: 1em;
}
span#hostname {
font-weight: bold;
}
#automaticallyReportInFuture {
cursor: pointer;
}
#errorCode:not([href]) {
color: var(--in-content-page-color);
cursor: text;
text-decoration: none;
}
#errorCode[href] {
white-space: nowrap;
}
#badCertTechnicalInfo {
margin: 3em;
overflow: auto;
white-space: pre-wrap;
}
#certificateErrorReporting {
display: none;
}
#certificateErrorDebugInformation {
display: none;
background-color: var(--in-content-box-background-hover) !important;
border-top: 1px solid var(--in-content-border-color);
position: absolute;
width: 100%;
padding: 1em 17.5%;
box-sizing: border-box;
}
#certificateErrorText {
font-family: monospace;
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;
}