projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
adjust network panel styling for recent changes
[themes.git]
/
LCARStrek
/
browser
/
devtools
/
csshtmltree.css
diff --git
a/LCARStrek/browser/devtools/csshtmltree.css
b/LCARStrek/browser/devtools/csshtmltree.css
index 72d5a2630c94d2fbc3ba57a851c70f028b72e401..bdf9f8315f2afc619467ed082a3d62c86b0e0440 100644
(file)
--- a/
LCARStrek/browser/devtools/csshtmltree.css
+++ b/
LCARStrek/browser/devtools/csshtmltree.css
@@
-5,12
+5,7
@@
:root {
background: #000000;
color: #FF9F00;
:root {
background: #000000;
color: #FF9F00;
-}
-
-.property-header {
- padding: 5px 0;
- white-space: nowrap;
- vertical-align: text-top;
+ font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
}
/* Take away these two :visited rules to get a core dumper */
}
/* Take away these two :visited rules to get a core dumper */
@@
-54,12
+49,12
@@
link:hover {
height: 9px;
-moz-margin-start: 5px;
-moz-margin-end: 5px;
height: 9px;
-moz-margin-start: 5px;
-moz-margin-end: 5px;
- background: url("chrome://global/skin/tree/twisty-closed.
png
") center center no-repeat;
+ background: url("chrome://global/skin/tree/twisty-closed.
gif
") center center no-repeat;
vertical-align: middle;
}
.expander[open] {
vertical-align: middle;
}
.expander[open] {
- background-image: url("chrome://global/skin/tree/twisty-open.
png
");
+ background-image: url("chrome://global/skin/tree/twisty-open.
gif
");
}
.match {
}
.match {
@@
-71,16
+66,20
@@
link:hover {
visibility: visible;
}
visibility: visible;
}
+.expander-container {
+ vertical-align: text-top;
+}
+
.property-name {
.property-name {
-
font-size: 12px
;
+
padding: 2px 0
;
color: #FF9F00;
width: 220px;
}
color: #FF9F00;
width: 220px;
}
+
.property-value {
padding: 0;
.property-value {
padding: 0;
-
font-size: 10
px;
+
-moz-padding-end: 6
px;
color: #8050B0;
color: #8050B0;
- vertical-align: text-top;
width: 100%;
}
width: 100%;
}
@@
-126,7
+125,7
@@
link:hover {
background-color: #000000;
}
background-color: #000000;
}
-.
onlyu
serstyles {
+.
includebrow
serstyles {
cursor: pointer;
font-size: 11px;
}
cursor: pointer;
font-size: 11px;
}
@@
-153,7
+152,7
@@
link:hover {
cursor: pointer;
text-align: right;
float: right;
cursor: pointer;
text-align: right;
float: right;
- -moz-user-select:
-moz-
none;
+ -moz-user-select: none;
}
.ruleview-rule-inheritance {
}
.ruleview-rule-inheritance {
@@
-163,7
+162,7
@@
link:hover {
border-bottom: 1px solid #9C9CFF;
padding: 1px 4px;
margin-top: 4px;
border-bottom: 1px solid #9C9CFF;
padding: 1px 4px;
margin-top: 4px;
- -moz-user-select:
-moz-
none;
+ -moz-user-select: none;
}
.ruleview-rule-source:hover {
}
.ruleview-rule-source:hover {
@@
-210,7
+209,7
@@
link:hover {
transition-delay: 200ms;
}
transition-delay: 200ms;
}
-.ruleview-property:not(:hover) > .ruleview-enableproperty {
+.ruleview-property:not(:hover) > .ruleview-enableproperty
[checked]
{
opacity: 0;
transition: none;
}
opacity: 0;
transition: none;
}
@@
-271,6
+270,10
@@
link:hover {
border-left: 2px solid transparent;
}
border-left: 2px solid transparent;
}
+.ruleview-property > * {
+ vertical-align: middle;
+}
+
.ruleview-property[dirty] {
border-left-color: #008484;
}
.ruleview-property[dirty] {
border-left-color: #008484;
}
@@
-284,3
+287,7
@@
link:hover {
.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
border-bottom-color: #9C9CFF;
}
.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
border-bottom-color: #9C9CFF;
}
+
+.ruleview-selector-separator, .ruleview-selector-unmatched {
+ color: #8050B0;
+}