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