make new dev toolbox in FF 20+ look good as well
[themes.git] / LCARStrek / browser / devtools / markup-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 * {
6   padding: 0;
7   margin: 0;
8 }
9
10 body {
11   font: message-box;
12   background-color: #000000;
13   color: #FF9F00;
14 }
15
16 .tagname {
17   color: #FFCF00;
18 }
19
20 .attrname {
21   color: #9C9CFF;
22 }
23
24 .attrvalue {
25   color: #E7ADE7;
26 }
27
28 .newattr {
29   cursor: pointer;
30 }
31
32 .comment {
33   color: #8050B0;
34 }
35
36 .selected {
37   background-color: #008484;
38 }
39
40 /* Give some padding to focusable elements to match the editor input
41  * that will replace them. */
42 span[tabindex] {
43   display: inline-block;
44   padding: 1px 0;
45 }
46
47 li.container {
48   position: relative;
49   padding: 2px 0 0 2px;
50 }
51
52 .codebox {
53   padding-left: 14px;
54 }
55
56 .expander {
57   position: absolute;
58   top: 5px;
59   left: 0;
60   width: 14px;
61   height: 14px;
62   background-repeat: no-repeat;
63   background-position: center;
64   background-image: url("chrome://global/skin/tree/twisty-closed.gif");
65 }
66
67 .expander[expanded] {
68   background-image: url("chrome://global/skin/tree/twisty-open.gif");
69 }
70
71 .styleinspector-propertyeditor {
72   border: 1px solid #9C9CFF;
73 }