sync both themes with toolkit winstripe changes of 13 cycle
[themes.git] / LCARStrek / global / aboutSupport.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Mozilla Public License Version
5  * 1.1 (the "License"); you may not use this file except in compliance with
6  * the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/MPL/
8  *
9  * Software distributed under the License is distributed on an "AS IS" basis,
10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11  * for the specific language governing rights and limitations under the
12  * License.
13  *
14  * The Original Code is aboutSupport.css.
15  *
16  * The Initial Developer of the Original Code is
17  * Mozilla Foundation.
18  * Portions created by the Initial Developer are Copyright (C) 2009
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Curtis Bartley <cbartley@mozilla.com>
23  *
24  * Alternatively, the contents of this file may be used under the terms of
25  * either the GNU General Public License Version 2 or later (the "GPL"), or
26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27  * in which case the provisions of the GPL or the LGPL are applicable instead
28  * of those above. If you wish to allow use of your version of this file only
29  * under the terms of either the GPL or the LGPL, and not to allow others to
30  * use your version of this file under the terms of the MPL, indicate your
31  * decision by deleting the provisions above and replace them with the notice
32  * and other provisions required by the GPL or the LGPL. If you do not delete
33  * the provisions above, a recipient may use your version of this file under
34  * the terms of any one of the MPL, the GPL or the LGPL.
35  *
36  * ***** END LICENSE BLOCK ***** */
37
38 html {
39   background-color: #000000;
40   color: #FF9F00;
41   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
42 }
43
44 body {
45   width: 90%;
46   margin-left: 5%;
47   margin-right: 5%;
48 }
49
50 a:link, a:visited, a:active {
51   border-radius: 3px;
52   color: #FFCF00;
53   background-color: #000000;
54   text-decoration: none;
55   -moz-padding-start: 1px;
56   -moz-padding-end: 1px;
57 }
58
59 a:hover {
60   color: #000000;
61   background-color: #FFCF00;
62 }
63
64 .page-subtitle {
65   margin-bottom: 3em;
66 }
67
68 .major-section {
69   margin-top: 2em;
70   margin-bottom: 1em;
71   font-size: large;
72   text-align: start;
73   font-weight: bold;
74 }
75
76 table {
77   background-color: #000000;
78   color: #E7ADE7;
79   text-align: start;
80   width: 100%;
81   border-radius: 10px;
82   border: 1px solid #9C9FFF;
83   border-spacing: 0px;
84 }
85
86 table + table {
87   margin-top: 1em;
88 }
89
90 th, td {
91   padding: 3px;
92 }
93
94 th:not(:first-child),
95 td:not(:first-child) {
96   border-left: 1px dotted #9C9FFF;
97 }
98
99 /* adjustments for not painting outside of table border */
100 thead:first-child > th:first-child, /* prefs table misses a tr in thead */
101 thead:first-child > tr:first-child > th:first-child,
102 thead:first-child > tr:first-child > td:first-child,
103 tbody:first-child > tr:first-child > th:first-child,
104 tbody:first-child > tr:first-child > td:first-child {
105   border-top-left-radius: 9px;
106 }
107
108 thead:first-child > th:last-child, /* prefs table misses a tr in thead */
109 thead:first-child > tr:first-child > th:last-child,
110 thead:first-child > tr:first-child > td:last-child,
111 tbody:first-child > tr:first-child > th:last-child,
112 tbody:first-child > tr:first-child > td:last-child {
113   border-top-right-radius: 9px;
114 }
115
116 thead:last-child > tr:last-child > th:first-child,
117 thead:last-child > tr:last-child > td:first-child,
118 tbody:last-child > tr:last-child > th:first-child,
119 tbody:last-child > tr:last-child > td:first-child {
120   border-bottom-left-radius: 9px;
121 }
122
123 thead:last-child > tr:last-child > th:last-child,
124 thead:last-child > tr:last-child > td:last-child,
125 tbody:last-child > tr:last-child > th:last-child,
126 tbody:last-child > tr:last-child > td:last-child {
127   border-bottom-right-radius: 9px;
128 }
129
130 thead th {
131   text-align: center;
132 }
133
134 th {
135   text-align: start;
136   background-color: #008484;
137   color: #FFCF00;
138 }
139
140 th.column {
141   white-space: nowrap;
142   width: 0px;
143 }
144
145 tr:not(:first-child) > td,
146 tr:not(:first-child) > th,
147 tbody:not(:first-child) > tr > td,
148 tbody:not(:first-child) > tr > th {
149   border-top: 1px dotted #9C9FFF;
150 }
151
152 td {
153   text-align: start;
154 }
155
156 .prefs-table {
157   width: 100%;
158   table-layout: fixed;
159 }
160
161 .pref-name {
162   width: 70%;
163   white-space: nowrap;
164   overflow: hidden;
165 }
166
167 .pref-value {
168   width: 30%;
169   white-space: nowrap;
170   overflow: hidden;
171 }
172
173 #reset-box {
174   background-color: #000000;
175   border: 1px solid #9C9CFF;
176   color: #FF9F00;
177   float: right;
178   margin-top: 2em;
179   margin-bottom: 20px;
180   -moz-margin-start: 20px;
181   -moz-margin-end: 0;
182   padding: 16px;
183   width: 30%;
184 }
185
186 body[dir="rtl"] > #reset-box {
187   float: left;
188 }
189
190 #reset-box > h3 {
191   margin-top: 0;
192 }
193
194 #reset-box > button {
195   display: block;
196   margin: auto;
197 }