|
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 html, body { |
|
6 height: 100%; |
|
7 padding: 0; |
|
8 margin: 0; |
|
9 } |
|
10 |
|
11 body { |
|
12 display: flex; |
|
13 } |
|
14 |
|
15 #aboutAddonsTextTitle { |
|
16 font-weight: bold; |
|
17 } |
|
18 |
|
19 #floatingTextBox { |
|
20 flex: 1; |
|
21 |
|
22 position: relative; |
|
23 top: 20%; |
|
24 left: 60%; |
|
25 |
|
26 width: 375px; |
|
27 padding: 20px; |
|
28 font-family: "Segoe UI", sans-serif; |
|
29 font-size: 25px; |
|
30 text-align: left; |
|
31 word-wrap: normal; |
|
32 } |
|
33 |
|
34 #fox { |
|
35 flex: 1; |
|
36 background-image:url('chrome://browser/skin/images/aboutAddonsBackground.png'), url('chrome://browser/skin/images/aboutAddonsBackgroundFillSlice.png'); |
|
37 background-size: contain; |
|
38 background-position: bottom center; |
|
39 background-repeat: no-repeat, repeat-x; |
|
40 background-color: rgb(230, 230, 230); /*color hand sampled from image*/ |
|
41 |
|
42 } |
|
43 |
|
44 /* Snapped-view variation */ |
|
45 @media (max-width: 330px) { |
|
46 #floatingTextBox { |
|
47 top: 20%; |
|
48 left: 5%; |
|
49 width: 90%; |
|
50 padding: 0; |
|
51 } |
|
52 } |