Commit | Line | Data |
---|---|---|
9168a62c RK |
1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
2 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
4 | ||
b4888bae | 5 | @import url("chrome://browser/skin/error-pages.css"); |
9168a62c RK |
6 | |
7 | body { | |
b4888bae RK |
8 | background-image: linear-gradient(-45deg, #A09090, #A09090 33%, |
9 | #000000 33%, #000000 66%, | |
10 | #A09090 66%, #A09090); | |
9168a62c RK |
11 | } |
12 | ||
b4888bae RK |
13 | body.certerror { |
14 | background-image: linear-gradient(-45deg, #FFCF00, #FFCF00 33%, | |
15 | #000000 33%, #000000 66%, | |
16 | #FFCF00 66%, #FFCF00); | |
9168a62c RK |
17 | } |
18 | ||
b4888bae | 19 | body.certerror .title { |
13875a54 RK |
20 | background-image: url("cert-error.svg"); |
21 | } | |
22 | ||
9168a62c RK |
23 | #errorContainer { |
24 | display: none; | |
25 | } | |
26 | ||
9168a62c RK |
27 | /* Pressing the retry button will cause the cursor to flicker from a pointer to |
28 | * not-allowed. Override the disabled cursor behaviour since we will never show | |
29 | * the button disabled as the initial state. */ | |
30 | button:disabled { | |
31 | cursor: pointer; | |
32 | } | |
8c5bee4f | 33 | |
b4888bae | 34 | #prefChangeContainer { |
13875a54 RK |
35 | display: none; |
36 | } | |
37 | ||
b4888bae | 38 | #learnMoreContainer { |
13875a54 | 39 | display: none; |
13875a54 RK |
40 | } |
41 | ||
b4888bae RK |
42 | #certErrorButtonContainer { |
43 | display: none; | |
13875a54 RK |
44 | } |
45 | ||
b4888bae RK |
46 | body.certerror #certErrorButtonContainer { |
47 | display: flex; | |
13875a54 RK |
48 | } |
49 | ||
b4888bae RK |
50 | body.certerror #netErrorButtonContainer { |
51 | display: none; | |
13875a54 RK |
52 | } |
53 | ||
b4888bae RK |
54 | #errorTryAgain { |
55 | margin-top: 1.2em; | |
13875a54 RK |
56 | min-width: 150px; |
57 | } | |
58 | ||
b4888bae RK |
59 | #returnButton { |
60 | min-width: 250px; | |
13875a54 RK |
61 | } |
62 | ||
b4888bae | 63 | #advancedButton { |
8c5bee4f | 64 | display: none; |
8c5bee4f RK |
65 | } |
66 | ||
b4888bae RK |
67 | body.certerror #advancedButton { |
68 | display: block; | |
8c5bee4f RK |
69 | } |
70 | ||
b4888bae RK |
71 | #certificateErrorReporting { |
72 | display: none; | |
8c5bee4f RK |
73 | } |
74 | ||
b4888bae RK |
75 | .container { |
76 | position: relative; | |
8c5bee4f RK |
77 | } |
78 | ||
b4888bae RK |
79 | #advancedPanelContainer { |
80 | position: absolute; | |
81 | padding: 24px 0; | |
8c5bee4f RK |
82 | } |
83 | ||
b4888bae | 84 | .advanced-panel { |
8c5bee4f RK |
85 | /* Hidden until the link is clicked */ |
86 | display: none; | |
b4888bae RK |
87 | background-color: var(--in-content-box-background); |
88 | border: 1px var(--in-content-box-border-color) solid; | |
8c5bee4f RK |
89 | /* Don't use top padding because the default p style has top padding, and it |
90 | * makes the overall div look uneven */ | |
91 | padding: 0 12px 12px 12px; | |
20752032 | 92 | font-size: 0.9em; |
8c5bee4f RK |
93 | } |
94 | ||
b4888bae RK |
95 | #overrideWeakCryptoPanel { |
96 | display: none; | |
cb8b9460 RK |
97 | flex-direction: row; |
98 | flex-wrap: wrap; | |
99 | justify-content: space-between; | |
100 | align-content: space-between; | |
101 | align-items: flex-start; | |
b4888bae | 102 | margin-top: 1em; |
cb8b9460 RK |
103 | } |
104 | ||
8c5bee4f RK |
105 | span#hostname { |
106 | font-weight: bold; | |
107 | } | |
108 | ||
109 | #automaticallyReportInFuture { | |
110 | cursor: pointer; | |
111 | } | |
112 | ||
b4888bae | 113 | #errorCode:not([href]) { |
13875a54 RK |
114 | color: var(--in-content-page-color); |
115 | cursor: text; | |
116 | text-decoration: none; | |
117 | } | |
118 | ||
b4888bae RK |
119 | #errorCode[href] { |
120 | white-space: nowrap; | |
121 | } | |
122 | ||
123 | #badCertTechnicalInfo { | |
124 | overflow: auto; | |
125 | white-space: pre-wrap; | |
126 | } | |
127 | ||
128 | #certificateErrorReporting { | |
129 | display: none; | |
130 | } | |
131 | ||
132 | #certificateErrorDebugInformation { | |
133 | display: none; | |
134 | background-color: var(--in-content-box-background) !important; | |
135 | border-top: 1px solid var(--in-content-border-color); | |
136 | position: absolute; | |
137 | left: 0%; | |
138 | top: 100%; | |
139 | width: 65%; | |
140 | padding: 1em 17.5%; | |
8c5bee4f RK |
141 | } |
142 | ||
b4888bae RK |
143 | #certificateErrorText { |
144 | font-family: monospace; | |
145 | white-space: pre-wrap; | |
146 | padding: 1em 0; | |
8c5bee4f | 147 | } |