|
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 for mobile by: Wes Johnston <wjohnston@mozilla.com> |
|
11 */ |
|
12 |
|
13 body { |
|
14 margin: 0; |
|
15 padding: 0 8px 8px; |
|
16 font-family: "Nokia Sans", Tahoma, sans-serif !important; |
|
17 } |
|
18 |
|
19 h1 { |
|
20 font-size: 22px; |
|
21 } |
|
22 |
|
23 h2 { |
|
24 font-size: 16px; |
|
25 } |
|
26 |
|
27 ul { |
|
28 margin: 0px; |
|
29 padding: 0px 0px 0px 1em; |
|
30 } |
|
31 |
|
32 li { |
|
33 margin: 0px; |
|
34 padding: 8px 0px; |
|
35 } |
|
36 |
|
37 #errorPage { |
|
38 background-color: #CEE6F4; |
|
39 } |
|
40 |
|
41 #errorPage.certerror { |
|
42 background-color: #EFD400; |
|
43 } |
|
44 |
|
45 #errorPage.blockedsite { |
|
46 background-color: #BF0000; |
|
47 } |
|
48 |
|
49 #errorTitle { |
|
50 background: url("chrome://b2g/content/images/errorpage-warning.png") left center no-repeat; |
|
51 /* Scaled by .666 of their actual size */ |
|
52 background-size: 40px 40px; |
|
53 background-origin: content-box; |
|
54 min-height: 60px; |
|
55 margin-left: auto; |
|
56 margin-right: auto; |
|
57 max-width: 500px; |
|
58 margin-left: auto; |
|
59 margin-right: auto; |
|
60 } |
|
61 |
|
62 #errorPage.certerror #errorTitle { |
|
63 background-image: url("chrome://b2g/content/images/errorpage-larry-black.png"); |
|
64 } |
|
65 |
|
66 #errorPage.blockedsite #errorTitle { |
|
67 background-image: url("chrome://b2g/content/images/errorpage-larry-white.png"); |
|
68 color: white; |
|
69 } |
|
70 |
|
71 .errorTitleText { |
|
72 padding: 0px 0px 0px 50px; |
|
73 display: inline-block; |
|
74 vertical-align: middle |
|
75 } |
|
76 |
|
77 #errorPageContainer { |
|
78 background-color: white; |
|
79 border: 1px solid #999999; |
|
80 border-radius: 6px; |
|
81 padding: 6px 20px 20px; |
|
82 font-size: 14px; |
|
83 max-width: 500px; |
|
84 margin-left: auto; |
|
85 margin-right: auto; |
|
86 } |
|
87 |
|
88 #errorShortDesc > p:empty { |
|
89 display: none; |
|
90 } |
|
91 |
|
92 #errorShortDesc > p { |
|
93 overflow: auto; |
|
94 border-bottom: 1px solid #999999; |
|
95 padding-bottom: 1em; |
|
96 } |
|
97 |
|
98 #errorPage.blockedsite #errorShortDesc > p { |
|
99 font-weight: bold; |
|
100 border-bottom: none; |
|
101 padding-bottom: 0px; |
|
102 } |
|
103 |
|
104 #securityOverrideDiv { |
|
105 padding-top: 10px; |
|
106 } |
|
107 |
|
108 div[collapsed] { |
|
109 padding-left: 15px; |
|
110 background-image: url("chrome://b2g/content/images/arrowright-16.png"); |
|
111 background-size: 11px 11px; |
|
112 background-repeat: no-repeat; |
|
113 background-position: left 0.3em; |
|
114 } |
|
115 |
|
116 div[collapsed="true"] { |
|
117 background-image: url("chrome://b2g/content/images/arrowright-16.png"); |
|
118 } |
|
119 |
|
120 div[collapsed="false"] { |
|
121 background-image: url("chrome://b2g/content/images/arrowdown-16.png"); |
|
122 } |
|
123 |
|
124 div[collapsed="true"] > p, |
|
125 div[collapsed="true"] > div { |
|
126 display: none; |
|
127 } |
|
128 |
|
129 button { |
|
130 padding: 0.3em !important; |
|
131 } |