|
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 /* |
|
6 * This defines the look-and-feel styling of the error pages. |
|
7 * (see: netError.xhtml) |
|
8 * |
|
9 * Original styling by William Price <bugzilla@mob.rice.edu> |
|
10 * Updated by: Steven Garrity <steven@silverorange.com> |
|
11 * Henrik Skupin <mozilla@hskupin.info> |
|
12 */ |
|
13 |
|
14 html { |
|
15 background: -moz-Dialog; |
|
16 } |
|
17 |
|
18 body { |
|
19 margin: 0; |
|
20 padding: 0 1em; |
|
21 color: -moz-FieldText; |
|
22 font: message-box; |
|
23 } |
|
24 |
|
25 h1 { |
|
26 margin: 0 0 .6em 0; |
|
27 border-bottom: 1px solid ThreeDLightShadow; |
|
28 font-size: 160%; |
|
29 } |
|
30 |
|
31 ul, ol { |
|
32 margin: 0; |
|
33 -moz-margin-start: 1.5em; |
|
34 padding: 0; |
|
35 } |
|
36 |
|
37 ul > li, ol > li { |
|
38 margin-bottom: .5em; |
|
39 } |
|
40 |
|
41 ul { |
|
42 list-style: square; |
|
43 } |
|
44 |
|
45 #errorPageContainer { |
|
46 position: relative; |
|
47 min-width: 13em; |
|
48 max-width: 52em; |
|
49 margin: 4em auto; |
|
50 border: 1px solid ThreeDShadow; |
|
51 border-radius: 10px; |
|
52 padding: 3em; |
|
53 -moz-padding-start: 30px; |
|
54 background: url("chrome://global/skin/icons/warning-large.png") left 0 no-repeat -moz-Field; |
|
55 background-origin: content-box; |
|
56 } |
|
57 |
|
58 #errorPageContainer.certerror { |
|
59 background-image: url("chrome://global/skin/icons/sslWarning.png"); |
|
60 } |
|
61 |
|
62 #errorPageContainer:-moz-dir(rtl) { |
|
63 background-position: right 0; |
|
64 } |
|
65 |
|
66 #errorTitle { |
|
67 -moz-margin-start: 80px; |
|
68 } |
|
69 |
|
70 #errorLongContent { |
|
71 -moz-margin-start: 80px; |
|
72 } |
|
73 |
|
74 #errorShortDesc > p { |
|
75 overflow: auto; |
|
76 border-bottom: 1px solid ThreeDLightShadow; |
|
77 padding-bottom: 1em; |
|
78 font-size: 130%; |
|
79 white-space: pre-wrap; |
|
80 } |
|
81 |
|
82 #errorLongDesc { |
|
83 -moz-padding-end: 3em; |
|
84 font-size: 110%; |
|
85 } |
|
86 |
|
87 #errorLongDesc > p { |
|
88 } |
|
89 |
|
90 #errorTryAgain { |
|
91 margin-top: 2em; |
|
92 -moz-margin-start: 80px; |
|
93 } |
|
94 |
|
95 #brand { |
|
96 position: absolute; |
|
97 right: 0; |
|
98 bottom: -1.5em; |
|
99 -moz-margin-end: 10px; |
|
100 opacity: .4; |
|
101 } |
|
102 |
|
103 #brand:-moz-dir(rtl) { |
|
104 right: auto; |
|
105 left: 0; |
|
106 } |
|
107 |
|
108 #brand > p { |
|
109 margin: 0; |
|
110 } |
|
111 |
|
112 #errorContainer { |
|
113 display: none; |
|
114 } |
|
115 |
|
116 #securityOverrideDiv { |
|
117 padding-top: 10px; |
|
118 } |
|
119 |
|
120 #securityOverrideContent { |
|
121 background-color: #FFF090; /* Pale yellow */ |
|
122 padding: 10px; |
|
123 border-radius: 10px; |
|
124 } |
|
125 |
|
126 /* Custom styling for 'blacklist' error class */ |
|
127 :root.blacklist #errorTitle, :root.blacklist #errorLongContent, |
|
128 :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc, |
|
129 :root.blacklist a { |
|
130 background-color: #722; /* Dark red */ |
|
131 color: white; |
|
132 } |
|
133 |
|
134 :root.blacklist #errorPageContainer { |
|
135 background-image: url("chrome://global/skin/icons/blacklist_64.png"); |
|
136 background-color: #722; |
|
137 } |
|
138 |
|
139 :root.blacklist { |
|
140 background: #333; |
|
141 } |
|
142 |
|
143 :root.blacklist #errorTryAgain { |
|
144 display: none; |
|
145 } |