* 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/. */
-/* Take away these two :visited rules to get a core dumper */
-/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
-.link,
-.link:visited {
- color: #3333FF;
-}
-.link,
-.helplink,
-.link:visited,
-.helplink:visited {
- text-decoration: none;
-}
-.link:hover {
- text-decoration: underline;
-}
-
/* From content */
* {
- -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
:root {
flex: 1;
}
+.row-striped {
+ background: var(--theme-body-background);
+}
+
.property-view-hidden,
.property-content-hidden {
display: none;
}
.property-name {
- width: 50%;
+ /* -12px is so the expander triangle isn't pushed up above the property */
+ width: calc(100% - 12px);
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
outline: 0;
}
+.property-value, .other-property-value {
+ background-image: url("arrow-e.png");
+ background-repeat: no-repeat;
+ background-size: 5px 8px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .property-value, .other-property-value {
+ background-image: url("arrow-e@2x.png");
+ }
+}
+
.property-value {
- width: 50%;
- max-width: 100%;
+ width: 100%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
- background-image: url(arrow-e.png);
- background-repeat: no-repeat;
- background-size: 5px 8px;
background-position: 2px center;
padding-left: 10px;
outline: 0;
}
.other-property-value {
- background-image: url(arrow-e.png);
- background-repeat: no-repeat;
- background-size: 5px 8px;
background-position: left center;
padding-left: 8px;
}
width: 200px;
}
.property-value {
- width: auto;
+ /* -212px is accounting for the 200px property-name and the 12px triangle */
+ width: calc(100% - 212px);
}
}
margin-left: -12px!important;
}
-.expander[open] {
- margin-left: -17px!important;
-}
-
.expandable {
visibility: visible;
}
border-bottom-width: 1px;
}
-/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
-.rule-text {
- direction: ltr;
-}
-
.matched {
text-decoration: line-through;
}
margin: 0 5px;
}
-.devtools-toolbar {
+#root .devtools-toolbar {
width: 100%;
+ display: flex;
}
.link {
float: right;
}
+/* Take away these two :visited rules to get a core dumper */
+/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
+
+.link,
+.link:visited {
+ color: #3333FF;
+}
+
+.link,
+.helplink,
+.link:visited,
+.helplink:visited {
+ text-decoration: none;
+}
+
+.link:hover {
+ text-decoration: underline;
+}
+
.computedview-colorswatch {
- display: inline-block;
border-radius: 50%;
- width: 1em;
- height: 1em;
- vertical-align: text-top;
+ width: 0.9em;
+ height: 0.9em;
+ vertical-align: middle;
-moz-margin-end: 5px;
+ display: inline-block;
+ position: relative;
+}
+
+.computedview-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;
}