}
.ruleview-warning {
- background: url("chrome://browser/skin/devtools/alerticon-warning.png");
+ background: url("alerticon-warning.png");
-moz-margin-start: 5px;
display: inline-block;
vertical-align: top;
height: 12px;
}
+@media (min-resolution: 2dppx) {
+ .ruleview-warning {
+ background-image: url("alerticon-warning@2x.png");
+ }
+}
+
.ruleview-ruleopen {
-moz-padding-end: 5px;
}
height: 1em;
vertical-align: text-top;
-moz-margin-end: 5px;
+ display: inline-block;
+}
+
+.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%;
+ width: 1em;
+ height: 1em;
+ z-index: -1;
}
.ruleview-overridden {