second and last part of syncing LCARStrek with Firefox 53 browser windows theme changes
[themes.git] / EarlyBlue / global / aboutNetworking.css
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 @import url("chrome://global/skin/in-content/common.css");
6
7 html {
8   height: 100%;
9 }
10
11 body {
12   display: flex;
13   align-items: stretch;
14   height: 100%;
15 }
16
17 #sectionTitle {
18   float: left;
19 }
20
21 #sectionTitle:dir(rtl) {
22   float: right;
23 }
24
25 #refreshDiv {
26   justify-content: flex-end;
27   margin-bottom: 0.5em;
28 }
29
30 #refreshButton {
31   margin-top: 0;
32 }
33
34 /** Categories **/
35
36 .category {
37   cursor: pointer;
38   /* Center category names */
39   display: flex;
40   align-items: center;
41 }
42
43 .category .category-name {
44   pointer-events: none;
45 }
46
47 #categories hr {
48   border-top-color: #9999CC;
49 }
50
51 /** Warning container **/
52
53 /* XXX: a lot of this is duplicated from info-pages.css since that stylesheet
54    is incompatible with this type of layout */
55 .warningBackground:not([hidden]) {
56   display: flex;
57 }
58
59 .warningBackground {
60   flex-direction: column;
61   box-sizing: border-box;
62   min-height: 100vh;
63   align-items: center;
64   justify-content: center;
65   width: 100%;
66   height: 100%;
67   z-index: 10;
68   top: 0;
69   left: 0;
70   position: fixed;
71   background: var(--in-content-page-background);
72 }
73
74 .title {
75   position: relative;
76   border-bottom: 1px solid var(--in-content-box-border-color);
77   margin-bottom: 1em;
78   padding-bottom: 0.5em;
79 }
80
81 .title::before {
82   content: "";
83   left: -2.3em;
84   top: 0;
85   position: absolute;
86   display: block;
87   width: 1.6em;
88   height: 1.6em;
89   background: url("chrome://global/skin/icons/warning.svg") no-repeat left center;
90   background-size: 1.6em;
91 }
92
93 .title:dir(rtl)::before {
94   left: auto;
95   right: -2.3em;
96 }
97
98 .warningBackground button {
99   margin-top: 1em;
100   margin-left: 0;
101   min-width: 100px;
102 }
103
104 /** Content area **/
105
106 .main-content {
107   flex: 1;
108 }
109
110 .tab {
111   padding: 0.5em 0;
112 }
113
114 .tab table {
115   width: 100%;
116 }
117
118 th, td, table {
119   border-collapse: collapse;
120   border: none;
121   text-align: start;
122 }
123
124 th {
125   padding-bottom: 0.5em;
126   font-size: larger;
127 }
128
129 td {
130   padding-bottom: 0.25em;
131   border-bottom: 1px solid var(--in-content-box-border-color);
132 }