+++ /dev/null
-/* 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/. */
-
-window:not([windowtype]) {
- /* This does not apply to the standalone window in FF 19 and lower,
- * only to the dev toolbox in FF 20+. */
- padding: 0;
-}
-
-#style-editor-chrome {
- -moz-box-flex: 1;
- background-color: #000000;
-}
-
-.splitview-nav > li,
-.stylesheet-info,
-.stylesheet-more,
-.stylesheet-rule-count,
-li.splitview-active > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton,
-li:hover > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton {
- display: -moz-box;
-}
-
-.devtools-toolbar > spacer {
- -moz-box-flex: 1;
-}
-
-.style-editor-newButton {
- list-style-image: url(images/add.svg);
-}
-
-.style-editor-importButton {
- list-style-image: url(images/import.svg);
-}
-
-.stylesheet-details-container {
- -moz-box-flex: 1;
-}
-
-.stylesheet-media-container {
- overflow-y: auto;
-}
-
-.stylesheet-error-message {
- display: none;
-}
-
-li.error > .stylesheet-info > .stylesheet-more > .stylesheet-error-message {
- display: block;
-}
-
-.stylesheet-title,
-.stylesheet-name {
- text-decoration: none;
-}
-
-.stylesheet-name {
- font-size: 13px;
- white-space: nowrap;
-}
-
-.stylesheet-name > label {
- display: inline;
- cursor: pointer;
-}
-
-.stylesheet-info > h1 {
- -moz-box-flex: 1;
-}
-
-.splitview-nav > li > hgroup.stylesheet-info {
- -moz-box-pack: center;
-}
-
-.stylesheet-more > spacer {
- -moz-box-flex: 1;
-}
-
-.stylesheet-title,
-.stylesheet-name {
- color: var(--theme-highlight-blue);
-}
-
-.stylesheet-rule-count,
-.stylesheet-linked-file,
-.stylesheet-saveButton {
- color: var(--theme-body-color);
-}
-
-.stylesheet-saveButton {
- display: none;
- margin-top: 0px;
- margin-bottom: 0px;
- text-decoration: underline;
- cursor: pointer;
-}
-
-.splitview-active .stylesheet-title,
-.splitview-active .stylesheet-name {
- color: var(--theme-highlight-lightorange);
-}
-
-.splitview-active .stylesheet-rule-count,
-.splitview-active .stylesheet-linked-file,
-.splitview-active .stylesheet-saveButton {
- color: var(--theme-highlight-pink);
-}
-
-.splitview-nav:focus {
- outline: 0; /* focus ring is on the stylesheet name */
-}
-
-.splitview-nav > li {
- -moz-box-orient: horizontal;
-}
-
-.splitview-nav > li > hgroup {
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-flex: 1;
-}
-
-.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-sidebar {
- max-width: 400px;
- min-width: 100px;
-
- border-color: var(--theme-splitter-color);
-}
-
-.media-rule-label {
- border-bottom: 1px solid var(--theme-splitter-color);
-}
-
-.media-rule-label {
- display: flex;
- padding: 4px;
- cursor: pointer;
- border-bottom: 1px solid;
-}
-
-.media-responsive-mode-toggle {
- color: var(--theme-highlight-blue);
- text-decoration: underline;
-}
-
-.media-rule-line {
- padding-inline-start: 4px;
-}
-
-.media-condition-unmatched {
- color: #8050B0;
-/* opacity: 0.4;*/
-}
-
-.media-rule-condition {
- flex: 1;
- overflow: hidden;
-}
-
-.stylesheet-enabled {
- display: -moz-box;
- cursor: pointer;
- padding: 8px 0;
- margin: 0 8px;
- background-image: url("images/itemToggle.svg");
- background-repeat: no-repeat;
- background-clip: content-box;
- background-position: center;
- background-size: 16px;
- width: 24px;
- height: 40px;
-/* filter: var(--icon-filter);*/
-}
-
-.disabled > .stylesheet-enabled {
- filter: url(images/filters.svg#disabled-icon-state);
-}
-
-.splitview-nav > li > .stylesheet-enabled:focus,
-.splitview-nav > li:hover > .stylesheet-enabled {
- outline: 0;
-}
-
-.stylesheet-linked-file:not(:empty){
- margin-inline-end: 0.4em;
-}
-
-.stylesheet-linked-file:not(:empty):before {
- margin-inline-start: 0.4em;
- content: " ↳ ";
-}
-
-li.unsaved > hgroup > h1 > .stylesheet-name:before {
- content: "*";
-}
-
-li.linked-file-error .stylesheet-linked-file {
- text-decoration: line-through;
-}
-
-li.linked-file-error .stylesheet-linked-file:after {
- font-size: 110%;
- content: " ✘";
-}
-
-li.linked-file-error .stylesheet-rule-count {
- visibility: hidden;
-}
-
-.stylesheet-more > h3 {
- font-size: 11px;
- margin-inline-end: 2px;
-}
-
-.devtools-searchinput,
-.devtools-filterinput {
- max-width: 25ex;
- font-size: 11px;
-}
-
-.placeholder a {
- text-decoration: underline;
-}
-
-h1,
-h2,
-h3 {
- font-size: inherit;
- font-weight: normal;
- margin: 0;
- padding: 0;
-}
-
-@media (max-width: 700px) {
- .stylesheet-sidebar {
- width: 150px;
- }
-}
-
-/* portrait mode */
-@media (max-width: 550px) {
- li.splitview-active > hgroup > .stylesheet-more > .stylesheet-rule-count,
- li:hover > hgroup > .stylesheet-more > .stylesheet-rule-count {
- display: none;
- }
-
- .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;
- -moz-box-orient: horizontal;
- -moz-box-flex: 1;
- }
-
- .stylesheet-sidebar {
- width: 180px;
- }
-
- .stylesheet-more {
- -moz-box-flex: 1;
- -moz-box-pack: end;
- }
-
- .stylesheet-more > spacer {
- -moz-box-flex: 0;
- }
-}
-
-/* CSS coverage */
-.csscoverage-report {
- background-color: var(--theme-contrastsidebar-background);
- -moz-box-orient: horizontal;
-}
-
-.csscoverage-report-container {
- height: 100vh;
- padding: 0 10px;
- overflow-x: hidden;
- overflow-y: auto;
- -moz-box-flex: 1;
-}
-
-.csscoverage-report-content {
- margin: 20px auto;
- -moz-column-width: 300px;
- font-size: 13px;
- -moz-user-select: text;
-}
-
-.csscoverage-report-summary,
-.csscoverage-report-unused,
-.csscoverage-report-optimize {
- display: inline-block;
-}
-
-.csscoverage-report-unused,
-.csscoverage-report-optimize {
- flex: 1;
- min-width: 0;
-}
-
-@media (max-width: 950px) {
- .csscoverage-report-content {
- display: block;
- }
-
- .csscoverage-report-summary {
- display: block;
- text-align: center;
- }
-}
-
-.csscoverage-report h1 {
- font-size: 120%;
-}
-
-.csscoverage-report h2 {
- font-size: 110%;
-}
-
-.csscoverage-report h1,
-.csscoverage-report h2,
-.csscoverage-report h3 {
- font-weight: bold;
- margin: 10px 0;
-}
-
-.csscoverage-report code,
-.csscoverage-report textarea {
- font-family: var(--monospace-font-family);
- font-size: inherit;
-}
-
-.csscoverage-list:after {
- content: ', ';
-}
-
-.csscoverage-list:last-child:after {
- display: none;
-}
-
-.csscoverage-report textarea {
- width: 100%;
- height: 100px;
-}
-
-.csscoverage-report a {
- cursor: pointer;
- text-decoration: underline;
-}
-
-.csscoverage-report > .csscoverage-toolbar {
- border: none;
- margin: 0;
- padding: 0;
-}
-
-.csscoverage-report > .csscoverage-toolbarbutton {
- min-width: 4em;
- min-height: 100vh;
- margin: 0;
- padding: 0;
- border-radius: 0;
- border-top: none;
- border-bottom: none;
- border-inline-start: none;
-}
-
-.csscoverage-report .pie-table-chart-container {
- -moz-box-orient: vertical;
- text-align: start;
-}
-
-.chart-colored-blob[name="Used Preload"] {
- fill: var(--theme-highlight-pink);
- background: var(--theme-highlight-pink);
-}
-
-.chart-colored-blob[name=Used] {
- fill: var(--theme-highlight-green);
- background: var(--theme-highlight-green);
-}
-
-.chart-colored-blob[name=Unused] {
- fill: var(--theme-highlight-lightorange);
- background: var(--theme-highlight-lightorange);
-}
-
-/* Undo 'largest' customization */
-.pie-chart-slice[largest] {
- stroke-width: 1px;
- stroke: rgba(0,0,0,0.2);
-}
-
-.csscoverage-report .pie-chart-slice {
- cursor: default;
-}
-
-.csscoverage-report-chart {
- margin: 0 20px;
-}