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 | ||
5 | @import url("chrome://global/skin/in-content/common.css"); | |
6 | ||
7 | body { | |
8 | display: flex; | |
9 | box-sizing: padding-box; | |
10 | min-height: 100vh; | |
11 | padding: 0 48px; | |
12 | align-items: center; | |
13 | justify-content: center; | |
14 | } | |
15 | ||
16 | ul, ol { | |
17 | margin: 0; | |
18 | padding: 0; | |
19 | -moz-margin-start: 1em; | |
20 | } | |
21 | ||
22 | ul > li, ol > li { | |
23 | margin-bottom: .5em; | |
24 | } | |
25 | ||
26 | ul { | |
27 | list-style: disc; | |
28 | } | |
29 | ||
30 | #errorPageContainer { | |
31 | min-width: 320px; | |
32 | max-width: 512px; | |
33 | } | |
34 | ||
35 | #errorTitleText { | |
36 | background: url("aboutNetError_info.svg") left 0 no-repeat; | |
37 | background-size: 1.2em; | |
38 | -moz-margin-start: -2em; | |
39 | -moz-padding-start: 2em; | |
40 | } | |
41 | ||
e548e22e RK |
42 | #errorTitleText[sslv3] { |
43 | background-image: url("aboutNetError_alert.svg"); | |
44 | } | |
45 | ||
9168a62c RK |
46 | #errorTitleText:-moz-dir(rtl) { |
47 | background-position: right 0; | |
48 | } | |
49 | ||
50 | #errorTryAgain { | |
51 | margin-top: 1.2em; | |
52 | min-width: 150px | |
53 | } | |
54 | ||
55 | #errorContainer { | |
56 | display: none; | |
57 | } | |
58 | ||
59 | @media (max-width: 675px) { | |
60 | #errorTitleText { | |
61 | padding-top: 0; | |
62 | background-image: none; | |
63 | -moz-padding-start: 0; | |
64 | -moz-margin-start: 0; | |
65 | } | |
66 | } | |
67 | ||
68 | /* Pressing the retry button will cause the cursor to flicker from a pointer to | |
69 | * not-allowed. Override the disabled cursor behaviour since we will never show | |
70 | * the button disabled as the initial state. */ | |
71 | button:disabled { | |
72 | cursor: pointer; | |
73 | } | |
8c5bee4f RK |
74 | |
75 | div#certificateErrorReporting { | |
76 | display: none; | |
77 | float:right; | |
78 | /* Align with the "Try Again" button */ | |
3981a41b RK |
79 | margin-top: 19px; |
80 | margin-right: 0; | |
8c5bee4f RK |
81 | } |
82 | ||
83 | div#certificateErrorReporting a, | |
84 | div#certificateErrorReportingPanel a { | |
85 | background-color: #C09070; | |
86 | color: #000000; | |
87 | border-radius: 300px; | |
3981a41b | 88 | padding: 1px 6px; |
8c5bee4f RK |
89 | } |
90 | ||
91 | div#certificateErrorReporting a { | |
8c5bee4f RK |
92 | } |
93 | ||
94 | div#certificateErrorReporting a:hover { | |
3981a41b | 95 | text-decoration: none; |
8c5bee4f RK |
96 | background-color: #FFCF00; |
97 | } | |
98 | ||
99 | span.downArrow { | |
100 | font-size: 0.9em; | |
101 | } | |
102 | ||
103 | div#certificateErrorReportingPanel { | |
104 | /* Hidden until the link is clicked */ | |
105 | display: none; | |
106 | background-color: #000000; | |
107 | border: 1px #A09090 solid; | |
108 | /* Don't use top padding because the default p style has top padding, and it | |
109 | * makes the overall div look uneven */ | |
110 | padding: 0 12px 12px 12px; | |
111 | position: relative; | |
112 | width: 75%; | |
113 | left: 34%; | |
114 | font-size: 0.9em; | |
115 | top: 8px; | |
116 | } | |
117 | ||
118 | span#hostname { | |
119 | font-weight: bold; | |
120 | } | |
121 | ||
122 | #automaticallyReportInFuture { | |
123 | cursor: pointer; | |
124 | } | |
125 | ||
126 | #reportingState { | |
127 | padding-left: 150px; | |
128 | } | |
129 | ||
130 | #reportSendingMessage { | |
131 | position: relative; | |
132 | display: none; | |
133 | } | |
134 | ||
135 | #reportSentMessage { | |
136 | position: relative; | |
137 | display: none; | |
138 | } | |
139 | ||
140 | button#reportCertificateError { | |
141 | position: relative; | |
142 | } | |
143 | ||
144 | button#reportCertificateErrorRetry { | |
145 | position: relative; | |
146 | display: none; | |
147 | } |