first part of syncing LCARStrek with Firefox 54 browser windows theme changes
[themes.git] / LCARStrek / communicator / aboutSupport.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://communicator/skin/common.css");
6
7 html {
8   background-color: var(--in-content-page-background);
9   color: var(--in-content-text-color);
10   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
11 }
12
13 body {
14   width: 90%;
15   margin-left: 5%;
16   margin-right: 5%;
17 }
18
19 .page-subtitle {
20   margin-bottom: 1.5em;
21 }
22
23 .major-section {
24   margin-top: 2em;
25   margin-bottom: 1em;
26   font-size: large;
27   text-align: start;
28   font-weight: bold;
29 }
30
31 button {
32   margin-inline-start: 0;
33   margin-inline-end: 8px;
34   border-radius: 3px;
35 }
36
37 table {
38   background-color: var(--in-content-table-background);
39   color: var(--in-content-text-color);
40   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
41   text-align: start;
42   width: 100%;
43   border: 1px solid var(--in-content-border-color);
44   border-spacing: 0px;
45 }
46
47 th, td {
48   border: var(--in-content-border-dotted-color);
49   padding: 3px;
50 }
51
52 thead th {
53   text-align: center;
54 }
55
56 th {
57   text-align: start;
58   background-color: var(--in-content-table-header-background);
59   color: var(--in-content-selected-text);
60 }
61
62 th.title-column {
63   white-space: nowrap;
64   width: 0px;
65   font-size: medium;
66 }
67
68 th.column {
69   white-space: nowrap;
70   width: 0px;
71 }
72
73 td {
74   text-align: start;
75   border-top: var(--in-content-border-dotted-color);
76 }
77
78 .prefs-table {
79   table-layout: fixed;
80 }
81
82 .name {
83   width: 70%;
84 }
85
86 .value {
87   width: 30%;
88 }
89
90 .pref-name,
91 .pref-value {
92   white-space: nowrap;
93   overflow: hidden;
94 }
95
96 #action-box {
97   background-color: var(--in-content-table-background);
98   border: 1px solid var(--in-content-border-color);
99   border-radius: 6px;
100   color: var(--in-content-text-color);
101   float: right;
102   margin-top: 2em;
103   margin-bottom: 20px;
104   margin-inline-start: 20px;
105   margin-inline-end: 0;
106   padding: 16px;
107   width: 30%;
108 }
109
110 #action-box,
111 #reset-box,
112 #safe-mode-box {
113   display: none;
114 }
115
116 #action-box:dir(rtl) {
117   float: left;
118 }
119
120 #reset-box > h3 {
121   margin-top: 0;
122 }
123
124 #action-box button {
125   display: block;
126 }
127
128 #verify-place-result {
129   max-height: 200px;
130   overflow: auto;
131 }
132
133 .block {
134   display: block;
135 }
136
137 .hidden {
138   display: none;
139 }