mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 08:35:26 +00:00
132 lines
2.4 KiB
CSS
132 lines
2.4 KiB
CSS
/* vim:set ts=2 sw=2 sts=2 et: */
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
#style-editor-chrome {
|
|
background-color: hsl(208,11%,27%);
|
|
}
|
|
|
|
.stylesheet-title,
|
|
.stylesheet-name {
|
|
text-decoration: none;
|
|
color: hsl(207,17%,88%);
|
|
}
|
|
|
|
.stylesheet-name {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.stylesheet-rule-count,
|
|
.stylesheet-saveButton {
|
|
color: hsl(211,12%,60%);
|
|
}
|
|
|
|
.stylesheet-saveButton {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.splitview-active .stylesheet-title,
|
|
.splitview-active .stylesheet-name {
|
|
color: hsl(0,0%,100%);
|
|
}
|
|
|
|
.splitview-active .stylesheet-rule-count,
|
|
.splitview-active .stylesheet-saveButton {
|
|
color: hsl(200,66%,70%);
|
|
}
|
|
|
|
.splitview-nav:focus {
|
|
outline: 0; /* focus ring is on the stylesheet name */
|
|
}
|
|
|
|
.splitview-nav > li.unsaved > hgroup .stylesheet-name {
|
|
font-style: italic;
|
|
}
|
|
|
|
.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
|
|
.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
|
|
font-style: italic;
|
|
}
|
|
|
|
.splitview-nav.empty > p {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.stylesheet-enabled {
|
|
padding: 8px 0;
|
|
margin: 0 8px;
|
|
background-image: url(itemToggle.png);
|
|
background-repeat: no-repeat;
|
|
background-clip: content-box;
|
|
background-position: 0 8px;
|
|
width: 24px;
|
|
height: 40px;
|
|
}
|
|
|
|
.disabled > .stylesheet-enabled {
|
|
background-position: -24px 8px;
|
|
}
|
|
|
|
.splitview-nav > li > .stylesheet-enabled:focus,
|
|
.splitview-nav > li:hover > .stylesheet-enabled {
|
|
outline: 0;
|
|
}
|
|
|
|
.stylesheet-error-message {
|
|
color: red;
|
|
}
|
|
|
|
.stylesheet-more > h3 {
|
|
font-size: 11px;
|
|
-moz-margin-end: 2px;
|
|
}
|
|
|
|
.devtools-searchinput {
|
|
max-width: 25ex;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.placeholder {
|
|
color: white;
|
|
}
|
|
|
|
.placeholder a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-size: inherit;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* portrait mode */
|
|
@media (max-width: 550px) {
|
|
.splitview-nav {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.splitview-nav > li.splitview-active {
|
|
background-size: 0 0, 0 0, auto;
|
|
}
|
|
|
|
.stylesheet-enabled {
|
|
padding: 0;
|
|
background-position: 0 0;
|
|
height: 24px;
|
|
}
|
|
|
|
.disabled > .stylesheet-enabled {
|
|
background-position: -24px 0;
|
|
}
|
|
|
|
.splitview-nav > li > hgroup.stylesheet-info {
|
|
-moz-box-align: baseline;
|
|
}
|
|
}
|