X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fruleview.css;fp=LCARStrek%2Fbrowser%2Fdevtools%2Fruleview.css;h=0000000000000000000000000000000000000000;hp=c863d174dfb01e2dc701481907f716583e947ccc;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2 diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css deleted file mode 100644 index c863d174..00000000 --- a/LCARStrek/browser/devtools/ruleview.css +++ /dev/null @@ -1,321 +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: #402800; - --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; - margin-top: 4px; - -moz-user-select: none; - word-wrap: break-word; -} - -.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-toolbar-background); -} - -.ruleview-rule[uneditable=true] :focus { - outline: none; -} - -.ruleview-rule[uneditable=true] .theme-link { - color: var(--theme-text-blue); -} - -.ruleview-rule[uneditable=true] .ruleview-enableproperty { - visibility: hidden; -} - -.ruleview-rule[uneditable=true] .ruleview-colorswatch, -.ruleview-rule[uneditable=true] .ruleview-bezierswatch { - 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: #8050B0; -} - -.ruleview-rule + .ruleview-rule { - border-top-width: 1px; - border-top-style: dotted; -} - -.ruleview-warning { - background: url("alerticon-warning.png"); - -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: #9C9CFF; - background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090), - linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090); - 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; -} - -@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; -} - -.styleinspector-propertyeditor { - border: 1px solid #A09090; - 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: #008484; -} - -.ruleview-selectorcontainer { - word-wrap: break-word; - cursor: text; -} - -.ruleview-selector-separator, .ruleview-selector-unmatched { - color: #8050B0; -} - -.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; -} - -#pseudo-class-panel:not([hidden]) { - border-bottom: 1px solid var(--theme-splitter-color); -} - -#ruleview-add-rule-button::before { - background-image: url("chrome://browser/skin/devtools/add.svg#add"); - background-size: cover; -} -#ruleview-add-rule-button:hover::before { - background-image: url("chrome://browser/skin/devtools/add.svg#add-checked"); -} - -#pseudo-class-panel-toggle::before { - background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class"); - background-size: cover; -} -#pseudo-class-panel-toggle:hover::before, -#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; -} -*/