Commit | Line | Data |
---|---|---|
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 | } | |
56029caf RK |
106 | |
107 | /* Custom styling for 'blacklist' error class */ | |
108 | ||
109 | :root.blacklist #errorTitle, :root.blacklist #errorLongContent, | |
110 | :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc, | |
111 | :root.blacklist a { | |
112 | background-color: #FFC0C0; /* red */ | |
113 | color: #666699; | |
114 | } | |
115 | ||
116 | :root.blacklist #errorPageContainer { | |
117 | background-image: url("chrome://global/skin/icons/blacklist_large.png"); | |
118 | background-color: #FFC0C0; | |
119 | } | |
120 | ||
121 | :root.blacklist { | |
122 | background: #000000; | |
123 | } | |
124 | ||
125 | :root.blacklist #errorTryAgain { | |
126 | display: none; | |
127 | } |