add close icon CSS so dev toolbar works
[themes.git] / LCARStrek / webide / config-view.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, body {
6   background: #000000;
7   color: #FF9F00;
8 }
9
10 .action {
11   display: inline;
12 }
13
14 .action[hidden] {
15   display: none;
16 }
17
18 #device-fields {
19   font-family: sans-serif;
20   padding-left: 6px;
21   width: 100%;
22   table-layout: auto;
23   margin-top: 110px;
24 }
25
26 #custom-value-name {
27   width: 50%;
28 }
29
30 header {
31   background-color: #A09090;
32   color: #000000;
33   border-bottom: 1px solid #9C9CFF;
34   position: fixed;
35   top: 0;
36   left: 0;
37   right: 0;
38   height: 90px;
39   padding: 10px 20px;
40 }
41
42 #device-fields td {
43   background-color: #F9F9F9;
44   border-bottom: 1px solid #CCC;
45   border-right: 1px solid #FFF;
46   font-size: 0.75em;
47 }
48
49 #device-fields td:first-child {
50   max-width: 250px;
51   min-width: 150px;
52 }
53
54 #device-fields td.preference-name, #device-fields td.setting-name {
55   width: 50%;
56   min-width: 400px;
57   word-break: break-all;
58 }
59
60 #device-fields button {
61   display: inline-block;
62   font-family: sans-serif;
63   font-size: 0.7rem;
64   white-space: nowrap;
65 }
66
67 #device-fields tr.hide, #device-fields button.hide {
68   display: none;
69 }
70
71 #device-fields .custom-input {
72   width: 130px;
73 }
74
75 #search {
76   margin-bottom: 20px;
77   width: 100%;
78 }
79
80 #search-bar {
81   width: 80%;
82 }