tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / 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 html {
6   background-color: #000000;
7   color: #FF9F00;
8   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
9 }
10
11 body {
12   width: 90%;
13   margin-left: 5%;
14   margin-right: 5%;
15 }
16
17 a:link, a:visited, a:active {
18   border-radius: 3px;
19   color: #FFCF00;
20   background-color: #000000;
21   text-decoration: none;
22   -moz-padding-start: 1px;
23   -moz-padding-end: 1px;
24 }
25
26 a:hover {
27   color: #000000;
28   background-color: #FFCF00;
29 }
30
31 .page-subtitle {
32   margin-bottom: 3em;
33 }
34
35 .major-section {
36   margin-top: 2em;
37   margin-bottom: 1em;
38   font-size: large;
39   text-align: start;
40   font-weight: bold;
41 }
42
43 table {
44   background-color: #000000;
45   color: #E7ADE7;
46   text-align: start;
47   width: 100%;
48   border-radius: 10px;
49   border: 1px solid #9C9FFF;
50   border-spacing: 0px;
51 }
52
53 table + table {
54   margin-top: 1em;
55 }
56
57 th, td {
58   padding: 3px;
59 }
60
61 th:not(:first-child),
62 td:not(:first-child) {
63   border-left: 1px dotted #9C9FFF;
64 }
65
66 /* adjustments for not painting outside of table border */
67 thead:first-child > th:first-child, /* prefs table misses a tr in thead */
68 thead:first-child > tr:first-child > th:first-child,
69 thead:first-child > tr:first-child > td:first-child,
70 tbody:first-child > tr:first-child > th:first-child,
71 tbody:first-child > tr:first-child > td:first-child {
72   border-top-left-radius: 9px;
73 }
74
75 thead:first-child > th:last-child, /* prefs table misses a tr in thead */
76 thead:first-child > tr:first-child > th:last-child,
77 thead:first-child > tr:first-child > td:last-child,
78 tbody:first-child > tr:first-child > th:last-child,
79 tbody:first-child > tr:first-child > td:last-child {
80   border-top-right-radius: 9px;
81 }
82
83 thead:last-child > tr:last-child > th:first-child,
84 thead:last-child > tr:last-child > td:first-child,
85 tbody:last-child > tr:last-child > th:first-child,
86 tbody:last-child > tr:last-child > td:first-child {
87   border-bottom-left-radius: 9px;
88 }
89
90 thead:last-child > tr:last-child > th:last-child,
91 thead:last-child > tr:last-child > td:last-child,
92 tbody:last-child > tr:last-child > th:last-child,
93 tbody:last-child > tr:last-child > td:last-child {
94   border-bottom-right-radius: 9px;
95 }
96
97 thead th {
98   text-align: center;
99 }
100
101 th {
102   text-align: start;
103   background-color: #008484;
104   color: #FFCF00;
105 }
106
107 th.column {
108   white-space: nowrap;
109   width: 0px;
110 }
111
112 tr:not(:first-child) > td,
113 tr:not(:first-child) > th,
114 tbody:not(:first-child) > tr > td,
115 tbody:not(:first-child) > tr > th {
116   border-top: 1px dotted #9C9FFF;
117 }
118
119 td {
120   text-align: start;
121 }
122
123 .prefs-table {
124   width: 100%;
125   table-layout: fixed;
126 }
127
128 .pref-name {
129   width: 70%;
130   white-space: nowrap;
131   overflow: hidden;
132 }
133
134 .pref-value {
135   width: 30%;
136   white-space: nowrap;
137   overflow: hidden;
138 }
139
140 #reset-box {
141   background-color: #000000;
142   border: 1px solid #9C9CFF;
143   color: #FF9F00;
144   float: right;
145   margin-top: 2em;
146   margin-bottom: 20px;
147   -moz-margin-start: 20px;
148   -moz-margin-end: 0;
149   padding: 16px;
150   width: 30%;
151 }
152
153 #reset-box:-moz-dir(rtl) {
154   float: left;
155 }
156
157 #reset-box > h3 {
158   margin-top: 0;
159 }
160
161 #reset-box > button {
162   display: block;
163   margin: auto;
164 }