e21ddebcc6f55c241f7660d4b44b0ea9f99d091c
[themes.git] / info-pages.css
1 @import url("chrome://global/skin/in-content/common.css");\r
2 /* Body and container */\r
3 body {\r
4   display: flex;\r
5   box-sizing: padding-box;\r
6   min-height: 100vh;\r
7   padding-top: 0;\r
8   padding-bottom: 0;\r
9   -moz-padding-start: calc(48px + 4.6em);\r
10   -moz-padding-end: 48px;\r
11   align-items: center;\r
12   justify-content: center;\r
13 }\r
14 \r
15 .container {\r
16   min-width: 13em;\r
17   max-width: 52em;\r
18 }\r
19 \r
20 /* Typography */\r
21 .title {\r
22   background-image: url("chrome://browser/skin/aboutNetError_info.svg");\r
23   background-position: left 0;\r
24   background-repeat: no-repeat;\r
25   background-size: 1.6em;\r
26   -moz-margin-start: -2.3em;\r
27   -moz-padding-start: 2.3em;\r
28   font-size: 2.5em;\r
29 }\r
30 \r
31 .title:-moz-dir(rtl) {\r
32   background-position: right 0;\r
33 }\r
34 \r
35 .title-text {\r
36   border-bottom: 1px solid #A09090;\r
37   font-size: inherit;\r
38   padding-bottom: 0.4em;\r
39 }\r
40 \r
41 @media (max-width: 675px) {\r
42   body {\r
43     padding: 0 48px;\r
44   }\r
45 \r
46   .title {\r
47     background-image: none !important;\r
48     -moz-padding-start: 0;\r
49     -moz-margin-start: 0;\r
50   }\r
51 \r
52   .title-text {\r
53     padding-top: 0;\r
54   }\r
55 }\r
56 \r
57 ul, ol {\r
58   margin: 0;\r
59   padding: 0;\r
60   -moz-margin-start: 1em;\r
61 }\r
62 \r
63 ul > li, ol > li {\r
64   margin-bottom: .5em;\r
65 }\r
66 \r
67 ul {\r
68   list-style: disc;\r
69 }\r
70 \r
71 /* Buttons */\r
72 .button-container {\r
73   margin-top: 1.2em;\r
74 }\r
75 \r
76 .button-container > button {\r
77   min-width: 150px;\r
78 }\r
79 \r
80 /* Trees */\r
81 tree {\r
82   min-height: 12em;\r
83   margin-top: 1.2em;\r
84   width: 100%;\r
85 }