diff options
Diffstat (limited to 'arc-firefox-theme/chrome/browser/devtools/ruleview.css')
-rw-r--r-- | arc-firefox-theme/chrome/browser/devtools/ruleview.css | 329 |
1 files changed, 0 insertions, 329 deletions
diff --git a/arc-firefox-theme/chrome/browser/devtools/ruleview.css b/arc-firefox-theme/chrome/browser/devtools/ruleview.css deleted file mode 100644 index e9ae604..0000000 --- a/arc-firefox-theme/chrome/browser/devtools/ruleview.css +++ /dev/null @@ -1,329 +0,0 @@ -/* 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/. */ - -/* CSS Variables specific to this panel that aren't defined by the themes */ -.theme-light { - --rule-highlight-background-color: #ffee99; - --rule-filter-icon: url(magnifying-glass-light.png); -} - -.theme-dark { - --rule-highlight-background-color: #594724; - --rule-filter-icon: url(magnifying-glass.png); -} - -.ruleview { - height: 100%; -} - -.ruleview-rule-source { - text-align: end; - float: right; - -moz-user-select: none; - margin-bottom: 2px; -} - -.ruleview-rule-source > label { - cursor: pointer; - margin: 0; -} - -.ruleview-rule-source[unselectable], -.ruleview-rule-source[unselectable] > label { - cursor: default; -} - -.ruleview-rule-source:not([unselectable]):hover { - text-decoration: underline; -} - -.ruleview-header { - border-top-width: 1px; - border-bottom-width: 1px; - border-top-style: solid; - border-bottom-style: solid; - padding: 1px 4px; - -moz-user-select: none; - word-wrap: break-word; - margin-top: 4px; -} - -.ruleview-rule-pseudo-element { - padding-left:20px; - border-left: solid 10px; -} - -.ruleview-rule, -#noResults { - padding: 2px 4px; -} - -/** - * Display rules that don't match the current selected element and uneditable - * user agent styles differently - */ -.ruleview-rule[unmatched=true], -.ruleview-rule[uneditable=true] { - background: var(--theme-tab-toolbar-background); -} - -.ruleview-rule[uneditable=true] :focus { - outline: none; -} - -.ruleview-rule[uneditable=true] .theme-link { - color: var(--theme-highlight-bluegrey); -} - -.ruleview-rule[uneditable=true] .ruleview-enableproperty { - visibility: hidden; -} - -.ruleview-rule[uneditable=true] .ruleview-swatch { - cursor: default; -} - -.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname, -.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer > -.ruleview-propertyvalue { - border-bottom-color: transparent; -} - -#noResults { - font: message-box; - color: GrayText; -} - -.ruleview-rule + .ruleview-rule { - border-top-width: 1px; - border-top-style: dotted; -} - -.ruleview-warning { - background-image: url(alerticon-warning.png); - background-size: 13px 12px; - -moz-margin-start: 5px; - display: inline-block; - width: 13px; - height: 12px; -} - -@media (min-resolution: 1.1dppx) { - .ruleview-warning { - background-image: url(alerticon-warning@2x.png); - } -} - -.ruleview-overridden-rule-filter { - background-image: var(--rule-filter-icon); - background-size: 11px 11px; - -moz-margin-start: 5px; - display: inline-block; - width: 11px; - height: 11px; -} - -.ruleview-ruleopen { - -moz-padding-end: 5px; -} - -.ruleview-ruleclose { - cursor: text; - padding-right: 20px; -} - -.ruleview-propertylist { - list-style: none; - padding: 0; - margin: 0; -} - -.ruleview-rule:not(:hover) .ruleview-enableproperty { - visibility: hidden; -} - -.ruleview-expander { - display: inline-block; -} - -.ruleview-newproperty { - /* (enable checkbox width: 12px) + (expander width: 15px) */ - -moz-margin-start: 27px; -} - -.ruleview-namecontainer, -.ruleview-propertyvaluecontainer, -.ruleview-propertyname, -.ruleview-propertyvalue { - text-decoration: inherit; -} - -.ruleview-computedlist { - list-style: none; - padding: 0; -} - -.ruleview-computed { - -moz-margin-start: 35px; -} - -.ruleview-swatch { - cursor: pointer; - border-radius: 50%; - width: 0.9em; - height: 0.9em; - vertical-align: middle; - -moz-margin-end: 5px; - display: inline-block; - position: relative; -} - -.ruleview-colorswatch::before { - content: ''; - background-color: #eee; - background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), - linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); - background-size: 12px 12px; - background-position: 0 0, 6px 6px; - position: absolute; - border-radius: 50%; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: -1; -} - -.ruleview-bezierswatch { - background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png"); - background-size: 1em; -} - -.ruleview-filterswatch { - background: url("chrome://browser/skin/devtools/filter-swatch.svg"); - background-size: 1em; -} - -@media (min-resolution: 1.1dppx) { - .ruleview-bezierswatch { - background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png"); - background-size: 1em; - } -} - -.ruleview-overridden { - text-decoration: line-through; -} - -.theme-light .ruleview-overridden { - text-decoration-color: var(--theme-content-color3); -} - -.styleinspector-propertyeditor { - border: 1px solid #CCC; - padding: 0; -} - -.ruleview-property { - border-left: 3px solid transparent; - clear: right; -} - -.ruleview-propertycontainer > * { - vertical-align: middle; -} - -.ruleview-property[dirty] { - border-left-color: var(--theme-highlight-green); -} - -.ruleview-highlight { - background-color: var(--rule-highlight-background-color); -} - -.ruleview-namecontainer > .ruleview-propertyname, -.ruleview-propertyvaluecontainer > .ruleview-propertyvalue { - border-bottom: 1px dashed transparent; -} - -.ruleview-namecontainer:hover > .ruleview-propertyname, -.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue { - border-bottom-color: hsl(0,0%,50%); -} - -.ruleview-selectorcontainer { - word-wrap: break-word; - cursor: text; -} - -.ruleview-selector-separator, .ruleview-selector-unmatched { - color: #888; -} - -.ruleview-selector-matched > .ruleview-selector-attribute { - /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */ -} - -.ruleview-selector-matched > .ruleview-selector-pseudo-class { - /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */ -} - -.ruleview-selector-matched > .ruleview-selector-pseudo-class-lock { - font-weight: bold; - color: var(--theme-highlight-orange); -} - -.ruleview-selectorhighlighter { - background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; - padding-left: 16px; - margin-left: 5px; - cursor: pointer; -} - -.ruleview-selectorhighlighter:hover { - background-position: -32px 0; -} - -.ruleview-selectorhighlighter:active, -.ruleview-selectorhighlighter.highlighted { - background-position: -16px 0; -} - -#ruleview-add-rule-button::before { - background-image: url("chrome://browser/skin/devtools/add.svg"); - background-size: cover; -} - -#pseudo-class-panel-toggle::before { - background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class"); - background-size: cover; -} -#pseudo-class-panel-toggle[checked]::before { - background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class-checked"); - filter: none !important; -} - -/** - * These buttons are using opacity instead of background color to indicate - * the state - */ -#ruleview-add-rule-button, -#pseudo-class-panel-toggle, -.ruleview-overridden-rule-filter { - opacity: 0.8; -} - -#ruleview-add-rule-button:not([disabled]):hover, -#pseudo-class-panel-toggle:hover, -#pseudo-class-panel-toggle[checked], -.ruleview-overridden-rule-filter:hover { - opacity: 1; -} - -#ruleview-add-rule-button, -#pseudo-class-panel-toggle, -#pseudo-class-panel-toggle:hover, -#pseudo-class-panel-toggle[checked]::before { - background-color: transparent !important; -} |