|
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 body { |
|
6 font-family: "Clear Sans",sans-serif; |
|
7 font-size: 14px; |
|
8 } |
|
9 |
|
10 body.normal .showPrivate, |
|
11 body.private .showNormal { |
|
12 display: none; |
|
13 } |
|
14 |
|
15 div.contentSection { |
|
16 width: 92%; |
|
17 max-width: 400px; |
|
18 margin: 0 auto; |
|
19 } |
|
20 |
|
21 body.private { |
|
22 color: #9ba3ab; |
|
23 background-color: #292c29; |
|
24 } |
|
25 |
|
26 body.normal { |
|
27 color: #222; |
|
28 background-color: #ced7de; |
|
29 } |
|
30 |
|
31 h1 { |
|
32 font-size: 24px; |
|
33 font-weight: 100; |
|
34 text-align: center; |
|
35 margin: 0; |
|
36 } |
|
37 |
|
38 body.private h1 { |
|
39 color: #d06bff; |
|
40 } |
|
41 |
|
42 img { |
|
43 display: block; |
|
44 width: 125px; |
|
45 height: auto; |
|
46 margin: 0 auto; |
|
47 } |
|
48 |
|
49 @media all and (max-height: 399px) { |
|
50 body { |
|
51 margin-top: 25px; |
|
52 } |
|
53 } |
|
54 |
|
55 @media all and (min-height: 400px) and (max-height: 599px) { |
|
56 body { |
|
57 margin-top: 50px; |
|
58 } |
|
59 } |
|
60 |
|
61 @media all and (min-height: 600px) and (max-height: 799px) { |
|
62 body { |
|
63 margin-top: 150px; |
|
64 } |
|
65 } |
|
66 |
|
67 @media all and (min-height: 800px) { |
|
68 body { |
|
69 margin-top: 250px; |
|
70 } |
|
71 } |