X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fruleview.css;h=6f545d35578ff15582f303db2f0fe9395d7e6a51;hp=6681dc48e2ff5a47259d4b2b3cc75bc1c32625f0;hb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb;hpb=138df17b6765b1a71197ccf5602eb9f87fbef5f4

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index 6681dc48..6f545d35 100644
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -8,12 +8,25 @@
 
 .ruleview-rule-source {
   -moz-padding-start: 5px;
-  cursor: pointer;
   text-align: right;
   float: right;
   -moz-user-select: none;
 }
 
+.ruleview-rule-source,
+.ruleview-rule-source > label {
+  cursor: pointer;
+}
+
+.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;
@@ -25,15 +38,38 @@
   word-wrap: break-word;
 }
 
-.ruleview-rule-source:hover {
-  text-decoration: underline;
-}
-
 .ruleview-rule,
 #noResults {
   padding: 2px 4px;
 }
 
+/* User agent styles are not editable, display them differently */
+.theme-dark .ruleview-rule[uneditable=true] {
+  background: #A09090; /* Tab Toolbar */
+}
+
+.ruleview-rule[uneditable=true] :focus {
+  outline: none;
+}
+
+.ruleview-rule[uneditable=true] .theme-link {
+  color: #336699; /* Blue - Grey */
+}
+
+.ruleview-rule[uneditable=true] .ruleview-enableproperty {
+  visibility: hidden;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-colorswatch {
+  cursor: default;
+}
+
+
+.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue {
+  border-bottom-color: transparent;
+}
+
 #noResults {
   font: message-box;
   color: #8050B0;
@@ -104,6 +140,7 @@
 }
 
 .ruleview-colorswatch {
+  cursor: pointer;
   border-radius: 50%;
   width: 1em;
   height: 1em;