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 | |
10 | html { |
11 | background: #000000; |
12 | } |
13 | |
14 | body { |
15 | margin: 0; |
16 | padding: 0 1em; |
17 | color: #FF9F00; |
18 | font: 12px helvetica,arial,tahoma,sans-serif; |
19 | } |
20 | |
21 | h1 { |
22 | margin: 0 0 .6em 0; |
23 | border-bottom: 1px solid #008484; |
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 #9C9FFF; |
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 #000000; |
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 { |
67 | border-bottom: 1px solid #008484; |
68 | padding-bottom: 1em; |
69 | font-size: 130%; |
70 | } |
71 | |
72 | #errorLongDesc { |
73 | -moz-padding-end: 3em; |
74 | font-size: 110%; |
75 | } |
76 | |
77 | #errorLongDesc > p { |
78 | } |
79 | |
80 | #errorTryAgain { |
81 | margin-top: 2em; |
82 | -moz-margin-start: 64px; |
83 | } |
84 | |
85 | #brand { |
86 | position: absolute; |
87 | right: 0; |
88 | bottom: -1.5em; |
89 | -moz-margin-end: 10px; |
90 | opacity: .4; |
91 | } |
92 | |
93 | body[dir="rtl"] #brand { |
94 | right: auto; |
95 | left: 0; |
96 | } |
97 | |
98 | #brand > p { |
99 | margin: 0; |
100 | } |