first part of syncing LCARStrek with Firefox 52 browser windows theme changes
[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.certerror .title {
20   background-image: url("cert-error.svg");
21 }
22
23 #errorContainer {
24   display: none;
25 }
26
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 }
33
34 #prefChangeContainer {
35   display: none;
36 }
37
38 #learnMoreContainer {
39   display: none;
40 }
41
42 #certErrorButtonContainer {
43   display: none;
44 }
45
46 body.certerror #certErrorButtonContainer {
47   display: flex;
48 }
49
50 body.certerror #netErrorButtonContainer {
51   display: none;
52 }
53
54 #errorTryAgain {
55   margin-top: 1.2em;
56   min-width: 150px;
57 }
58
59 #returnButton {
60   min-width: 250px;
61 }
62
63 #advancedButton {
64   display: none;
65 }
66
67 body.certerror #advancedButton {
68   display: block;
69 }
70
71 #certificateErrorReporting {
72   display: none;
73 }
74
75 .container {
76   position: relative;
77 }
78
79 #advancedPanelContainer {
80   position: absolute;
81   padding: 24px 0;
82   width: 100%;
83 }
84
85 .advanced-panel {
86   /* Hidden until the link is clicked */
87   display: none;
88   background-color: var(--in-content-box-background);
89   border: 1px var(--in-content-box-border-color) solid;
90   /* Don't use top padding because the default p style has top padding, and it
91    * makes the overall div look uneven */
92   padding: 0 12px 12px 12px;
93   font-size: 0.9em;
94 }
95
96 #overrideWeakCryptoPanel {
97   display: none;
98   flex-direction: row;
99   flex-wrap: wrap;
100   justify-content: space-between;
101   align-content: space-between;
102   align-items: flex-start;
103   margin-top: 1em;
104 }
105
106 span#hostname {
107   font-weight: bold;
108 }
109
110 #automaticallyReportInFuture {
111   cursor: pointer;
112   display: inline-block;
113   padding-inline-start: 2.3em;
114   text-indent: -2.3em;
115   line-height: 16px
116 }
117
118 #errorCode:not([href]) {
119   color: var(--in-content-page-color);
120   cursor: text;
121   text-decoration: none;
122 }
123
124 #errorCode[href] {
125   white-space: nowrap;
126 }
127
128 #badCertTechnicalInfo {
129   overflow: auto;
130   white-space: pre-wrap;
131 }
132
133 #certificateErrorReporting {
134   display: none;
135 }
136
137 #certificateErrorDebugInformation {
138   display: none;
139   background-color: var(--in-content-box-background) !important;
140   border-top: 1px solid var(--in-content-border-color);
141   position: absolute;
142   left: 0%;
143   top: 100%;
144   width: 65%;
145   padding: 1em 17.5%;
146 }
147
148 #certificateErrorText {
149   font-family: monospace;
150   white-space: pre-wrap;
151   padding: 1em 0;
152 }