tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / devtools / styleeditor.css
... / ...
CommitLineData
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
6window:not([windowtype]) {
7 /* This does not apply to the standalone window in FF 19 and lower,
8 * only to the dev toolbox in FF 20+. */
9 padding: 0;
10}
11
12#style-editor-chrome {
13 background-color: #000000;
14}
15
16.stylesheet-title,
17.stylesheet-name {
18 text-decoration: none;
19 color: #9C9CFF;
20}
21
22.stylesheet-name {
23 font-size: 13px;
24}
25
26.stylesheet-rule-count,
27.stylesheet-saveButton {
28 color: #FF9F00;
29}
30
31.stylesheet-saveButton {
32 text-decoration: underline;
33 cursor: pointer;
34}
35
36.splitview-active .stylesheet-title,
37.splitview-active .stylesheet-name {
38 color: #FFCF00;
39}
40
41.splitview-active .stylesheet-rule-count,
42.splitview-active .stylesheet-saveButton {
43 color: #E7ADE7;
44}
45
46.splitview-nav:focus {
47 outline: 0; /* focus ring is on the stylesheet name */
48}
49
50.splitview-nav > li.unsaved > hgroup .stylesheet-name {
51 font-style: italic;
52}
53
54.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
55.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
56 font-style: italic;
57}
58
59.splitview-nav.empty > p {
60 padding: 0 10px;
61}
62
63.stylesheet-enabled {
64 padding: 8px 0;
65 margin: 0 8px;
66 background-image: url("itemToggle.png");
67 background-repeat: no-repeat;
68 background-clip: content-box;
69 background-position: 0 8px;
70 width: 24px;
71 height: 40px;
72}
73
74.disabled > .stylesheet-enabled {
75 background-position: -24px 8px;
76}
77
78.splitview-nav > li > .stylesheet-enabled:focus,
79.splitview-nav > li:hover > .stylesheet-enabled {
80 outline: 0;
81}
82
83.stylesheet-error-message {
84 color: #FF0000;
85}
86
87.stylesheet-more > h3 {
88 font-size: 11px;
89 -moz-margin-end: 2px;
90}
91
92.devtools-searchinput {
93 max-width: 25ex;
94 font-size: 11px;
95}
96
97.placeholder {
98 color: white;
99}
100
101.placeholder a {
102 text-decoration: underline;
103}
104
105h1,
106h2,
107h3 {
108 font-size: inherit;
109 font-weight: normal;
110 margin: 0;
111 padding: 0;
112}
113
114/* portrait mode */
115@media (max-width: 550px) {
116 .splitview-nav {
117 box-shadow: none;
118 }
119
120 .splitview-nav > li.splitview-active {
121 background-size: 0 0, 0 0, auto;
122 }
123
124 .stylesheet-enabled {
125 padding: 0;
126 background-position: 0 0;
127 height: 24px;
128 }
129
130 .disabled > .stylesheet-enabled {
131 background-position: -24px 0;
132 }
133
134 .splitview-nav > li > hgroup.stylesheet-info {
135 -moz-box-align: baseline;
136 }
137}