OLD | NEW |
1 /* This Source Code Form is subject to the terms of the Mozilla Public | 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 | 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/. */ | 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
4 | 4 |
5 body { | 5 body { |
6 -moz-text-size-adjust: none; | 6 -moz-text-size-adjust: none; |
7 font-family: "Clear Sans",sans-serif; | 7 font-family: "Clear Sans",sans-serif; |
8 font-size: 23px; | 8 font-size: 23px; |
9 color: #222222; | 9 color: #222222; |
10 background-color: #ced7de; | 10 background-color: #ced7de; |
11 } | 11 } |
12 | 12 |
13 #header { | 13 #header { |
14 min-height: 120px; | 14 height: 80px; |
15 } | 15 } |
16 | 16 |
17 #wordmark { | 17 #wordmark { |
18 margin: 50px 0 0 15px; | 18 margin: 30px 0 0 15px; |
| 19 font-size: 22px; |
19 } | 20 } |
20 | 21 |
21 #version { | 22 #version { |
22 margin: 0 0 0 15px; | 23 margin: 0 0 0 15px; |
23 font-size: 15px; | 24 font-size: 15px; |
24 } | 25 } |
25 | 26 |
26 #banner { | 27 #banner { |
27 min-height: 300px; | 28 min-height: 150px; |
| 29 background-color: #bdc7ce; |
| 30 } |
| 31 |
| 32 #logo { |
| 33 position: absolute; |
| 34 top: 0; |
| 35 right: 0; |
| 36 width: 384px; |
| 37 height: 300px; |
28 background: url("chrome://browser/skin/images/abb-logo.png") no-repeat; | 38 background: url("chrome://browser/skin/images/abb-logo.png") no-repeat; |
29 background-position: right top; | |
30 } | 39 } |
31 | 40 |
32 #updateBox { | 41 #updateBox { |
33 position: relative; | 42 position: relative; |
34 top: 40px; | 43 top: 40px; |
35 margin: 0 auto; | 44 margin: 0 auto; |
36 width: 60%; /* looks much larger!? */ | 45 width: 60%; /* looks much larger!? */ |
37 padding: 20px 1em; | 46 padding: 20px 1em; |
38 text-align: center; | 47 text-align: center; |
39 background-image: url("chrome://browser/skin/images/about-btn-darkgrey.png"); | 48 background-image: url("chrome://browser/skin/images/about-btn-darkgrey.png"); |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 padding: 0; | 80 padding: 0; |
72 } | 81 } |
73 | 82 |
74 #aboutLinks > li { | 83 #aboutLinks > li { |
75 line-height: 2.6; | 84 line-height: 2.6; |
76 border-top: 1px solid white; | 85 border-top: 1px solid white; |
77 border-bottom: 1px solid #C1C7CC; | 86 border-bottom: 1px solid #C1C7CC; |
78 } | 87 } |
79 | 88 |
80 #aboutLinks > li > a { | 89 #aboutLinks > li > a { |
81 padding-left: 25px; | 90 padding-inline-start: 25px; |
82 display: block; | 91 display: block; |
83 } | 92 } |
84 | 93 |
85 #aboutDetails { | 94 #aboutDetails { |
86 padding-left: 15px; | 95 padding-left: 15px; |
87 font-size: 15px; | 96 font-size: 15px; |
88 } | 97 } |
89 | 98 |
90 .top-border { | 99 .top-border { |
91 border-bottom: 1px solid #C1C7CC; | 100 border-bottom: 1px solid #C1C7CC; |
92 } | 101 } |
93 | 102 |
94 .bottom-border { | 103 .bottom-border { |
95 border-top: 1px solid white; | 104 border-top: 1px solid white; |
96 } | 105 } |
97 | 106 |
98 a, span { | 107 a, span { |
99 text-decoration: none; | 108 text-decoration: none; |
100 color: #222222; | 109 color: #222222; |
101 } | 110 } |
102 | 111 |
103 #updateBox > a, | 112 #updateBox > a, |
104 #updateBox > span { | 113 #updateBox > span { |
105 color: #e5f2ff; | 114 color: #e5f2ff; |
106 } | 115 } |
OLD | NEW |