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