acb4e8a405581a46b694afa314b6ddd1b14b8851
[themes.git] / LCARStrek / browser / aboutNetError.css
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
5 @import url("chrome://browser/skin/error-pages.css");
6
7 body {
8   background-image: linear-gradient(-45deg, #A09090,     #A09090 33%,
9                                             #000000 33%, #000000 66%,
10                                             #A09090 66%, #A09090);
11 }
12
13 body.certerror {
14   background-image: linear-gradient(-45deg, #FFCF00,     #FFCF00 33%,
15                                             #000000 33%, #000000 66%,
16                                             #FFCF00 66%, #FFCF00);
17 }
18
19 body.captiveportal .title {
20   background-image: url("wifi.svg");
21 }
22
23 body.certerror .title {
24   background-image: url("cert-error.svg");
25 }
26
27 #errorContainer {
28   display: none;
29 }
30
31 /* Pressing the retry button will cause the cursor to flicker from a pointer to
32  * not-allowed. Override the disabled cursor behaviour since we will never show
33  * the button disabled as the initial state. */
34 button:disabled {
35   cursor: pointer;
36 }
37
38 #prefChangeContainer {
39   display: none;
40 }
41
42 #learnMoreContainer {
43   display: none;
44 }
45
46 #certErrorAndCaptivePortalButtonContainer {
47   display: none;
48 }
49
50 body:not(.neterror) #certErrorAndCaptivePortalButtonContainer {
51   display: flex;
52 }
53
54 body:not(.neterror) #netErrorAndCaptivePortalButtonContainer {
55   display: none;
56 }
57
58 #errorTryAgain {
59   margin-top: 1.2em;
60   min-width: 150px;
61 }
62
63 #returnButton {
64   min-width: 250px;
65 }
66
67 #advancedButton {
68   display: none;
69 }
70
71 body.captiveportal #returnButton {
72   display: none;
73 }
74
75 body:not(.captiveportal) #openPortalLoginPageButton {
76   display: none;
77 }
78
79 #openPortalLoginPageButton {
80   margin-inline-start: 0;
81 }
82
83 body:not(.neterror) #advancedButton {
84   display: block;
85 }
86
87 #certificateErrorReporting {
88   display: none;
89 }
90
91 .container {
92   position: relative;
93 }
94
95 #advancedPanelContainer {
96   position: absolute;
97   padding: 24px 0;
98   width: 100%;
99 }
100
101 .advanced-panel {
102   /* Hidden until the link is clicked */
103   display: none;
104   background-color: var(--in-content-box-background);
105   border: 1px var(--in-content-box-border-color) solid;
106   /* Don't use top padding because the default p style has top padding, and it
107    * makes the overall div look uneven */
108   padding: 0 12px 12px 12px;
109   font-size: 0.9em;
110 }
111
112 #overrideWeakCryptoPanel {
113   display: none;
114   flex-direction: row;
115   flex-wrap: wrap;
116   justify-content: space-between;
117   align-content: space-between;
118   align-items: flex-start;
119   margin-top: 1em;
120 }
121
122 span#hostname {
123   font-weight: bold;
124 }
125
126 #automaticallyReportInFuture {
127   cursor: pointer;
128   display: inline-block;
129   padding-inline-start: 2.3em;
130   text-indent: -2.3em;
131   line-height: 16px
132 }
133
134 #errorCode:not([href]) {
135   color: var(--in-content-page-color);
136   cursor: text;
137   text-decoration: none;
138 }
139
140 #errorCode[href] {
141   white-space: nowrap;
142 }
143
144 #badCertTechnicalInfo {
145   overflow: auto;
146   white-space: pre-wrap;
147 }
148
149 #certificateErrorReporting {
150   display: none;
151 }
152
153 #certificateErrorDebugInformation {
154   display: none;
155   background-color: var(--in-content-box-background) !important;
156   border-top: 1px solid var(--in-content-border-color);
157   position: absolute;
158   left: 0%;
159   top: 100%;
160   width: 65%;
161   padding: 1em 17.5%;
162 }
163
164 #certificateErrorText {
165   font-family: monospace;
166   white-space: pre-wrap;
167   padding: 1em 0;
168 }