third and last part of syncing LCARStrek with Firefox 51 browser windows theme changes
[themes.git] / LCARStrek / devtools / projecteditor / projecteditor.css
CommitLineData
3d64e0ce
RK
1/* vim:set ts=2 sw=2 sts=2 et: */
2/* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this
4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5
8922acc9
RK
6.view-project-detail {
7 overflow: auto;
8}
9
3d64e0ce
RK
10.plugin-hidden {
11 display: none;
12}
13
14.arrow {
7729765c 15 list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd");
3d64e0ce
RK
16 width: 20px;
17 height: 20px;
18}
19
20.arrow[open] {
7729765c 21 list-style-image: url("chrome://global/skin/tree/twisty.svg#open");
3d64e0ce
RK
22}
23
24.arrow[invisible] {
25 visibility: hidden;
26}
27
28#projecteditor-menubar {
29 display: none;
30}
31
32#projecteditor-toolbar,
33#projecteditor-toolbar-bottom {
34 display: none; /* For now don't show the status bars */
35 min-height: 22px;
36 height: 22px;
37 background: #9C9CFF;
38}
39
40#sources {
41 overflow: auto;
42}
43
44.sources-tree {
45 overflow:auto;
46 overflow-x: hidden;
47 -moz-user-focus: normal;
48
49 /* Allows this to expand inside of parent xul element, while
50 still supporting child flexbox elements, including ellipses. */
51 -moz-box-flex: 1;
52 display: block;
53}
54
55.sources-tree input {
56 margin: 2px;
57 border: 1px solid #A09090;
58}
59
60#main-deck .sources-tree {
61 background: #000000;
62 min-width: 100px;
63}
64
65.entry {
66 color: #FF9F00;
67 display: flex;
68 align-items: center;
69}
70
71.entry .file-label {
72 display: flex;
73 flex: 1;
74 align-items: center;
75}
76
3d64e0ce
RK
77.entry {
78 border: none;
79 box-shadow: none;
80 white-space: nowrap;
81 cursor: pointer;
82}
83
84.entry:hover:not(.entry-group-title):not(.selected) {
85 background: #404000;
86}
87
88.entry.selected {
89 background: #008484;
90 color: #000000;
91 outline: none;
92}
93
94.entry-group-title {
95 background: #A09090;
96 color: #000000;
97 font-weight: bold;
98 font-size: 1.05em;
99 line-height: 35px;
100 padding: 0 10px;
101}
102
103.sources-tree .entry-group-title .expander {
104 display: none;
105}
106
107.entry .expander {
108 width: 16px;
109 padding: 0;
110}
111
112.tree-collapsed .children {
113 display: none;
114}
115
116/* Plugins */
117
118#projecteditor-toolbar textbox {
119 margin: 0;
120}
121
122.projecteditor-basic-display {
123 padding: 0 3px;
124}
125
126/* App Manager */
127.project-name-label {
128 font-weight: bold;
129 padding-left: 10px;
130 overflow: hidden;
131 text-overflow: ellipsis;
132}
133
134.project-flex {
135 flex: 1;
136}
137
138.project-image {
139 max-height: 25px;
140 margin-left: -10px;
141}
142
143.project-image,
144.project-status,
145.project-options {
146 flex-shrink: 0;
147}
148
149.project-status {
150 width: 10px;
151 height: 10px;
152 border-radius: 50%;
153 border: solid 1px #9C9CFF;
154 margin-right: 10px;
155 color: #000000;
156 visibility: hidden;
157}
158
159.project-status[status=valid] {
160 background: #008484;
161 visibility: visible;
162}
163
164.project-status[status=warning] {
165 background: #FF9F00;
166 visibility: visible;
167}
168
169.project-status[status=error] {
170 background: #FF0000;
171 visibility: visible;
172}
173
174/* Status Bar */
175.projecteditor-file-label {
176 font-weight: bold;
177 padding-left: 29px;
178 padding-right: 10px;
179 flex: 1;
180}
181
182/* Image View */
183.editor-image {
184 padding: 10px;
185}