b70a3a73 |
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 | |
10 | html { |
11 | background: #CCD0DD; |
12 | } |
13 | |
14 | body { |
15 | margin: 0; |
16 | padding: 0 1em; |
17 | color: #000000; |
58a9dcb5 |
18 | font: 12px helvetica,arial,tahoma,sans-serif; |
b70a3a73 |
19 | } |
20 | |
21 | h1 { |
22 | margin: 0 0 .6em 0; |
23 | border-bottom: 1px solid #666699; |
24 | font-size: 160%; |
25 | } |
26 | |
27 | ul, ol { |
28 | margin: 0; |
29 | -moz-margin-start: 1.5em; |
30 | padding: 0; |
31 | } |
32 | |
33 | ul > li, ol > li { |
34 | margin-bottom: .5em; |
35 | } |
36 | |
37 | ul { |
38 | list-style: square; |
39 | } |
40 | |
41 | #errorPageContainer { |
42 | position: relative; |
43 | min-width: 13em; |
44 | max-width: 52em; |
45 | margin: 4em auto; |
46 | border: 1px solid #666699; |
47 | -moz-border-radius: 10px; |
48 | padding: 3em; |
49 | -moz-padding-start: 30px; |
50 | background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #9999CC; |
51 | -moz-background-origin: content; |
52 | } |
53 | |
54 | body[dir="rtl"] #errorPageContainer { |
55 | background-position: right 0; |
56 | } |
57 | |
58 | #errorTitle { |
59 | -moz-margin-start: 64px; |
60 | } |
61 | |
62 | #errorLongContent { |
63 | -moz-margin-start: 64px; |
64 | } |
65 | |
66 | #errorShortDesc > p { |
e68e2f2b |
67 | overflow: auto; |
b70a3a73 |
68 | border-bottom: 1px solid #666699; |
69 | padding-bottom: 1em; |
70 | font-size: 130%; |
71 | } |
72 | |
73 | #errorLongDesc { |
74 | -moz-padding-end: 3em; |
75 | font-size: 110%; |
76 | } |
77 | |
78 | #errorLongDesc > p { |
79 | } |
80 | |
81 | #errorTryAgain { |
82 | margin-top: 2em; |
83 | -moz-margin-start: 64px; |
84 | } |
85 | |
86 | #brand { |
87 | position: absolute; |
88 | right: 0; |
89 | bottom: -1.5em; |
90 | -moz-margin-end: 10px; |
91 | opacity: .4; |
92 | } |
93 | |
94 | body[dir="rtl"] #brand { |
95 | right: auto; |
96 | left: 0; |
97 | } |
98 | |
99 | #brand > p { |
100 | margin: 0; |
101 | } |
e68e2f2b |
102 | |
103 | #errorContainer { |
104 | display: none; |
105 | } |