finish sync of LCARStrek with Firefox 13 winstripe changes

[themes.git] / LCARStrek / browser / devtools / csshtmltree.css

diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css
index 0cfe4b5277b799988448fe5fbbe950969c5eb284..9b52a23e576e3f6f1e41fec2f7fa9b91461a86d7 100644 (file)
--- a/LCARStrek/browser/devtools/csshtmltree.css
+++ b/LCARStrek/browser/devtools/csshtmltree.css
@@ -23,6 +23,7 @@
  *   Mihai Șucan <mihai.sucan@gmail.com>
  *   Michael Ratcliffe <mratcliffe@mozilla.com>
  *   Dão Gottwald <dao@mozilla.com>
+ *   Rob Campbell <rcampbell@mozilla.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -43,22 +44,10 @@
   color: #FF9F00;
 }
 
-#root {
-  display: -moz-box;
-}
-
 .property-header {
-  padding: 4px;
-  -moz-padding-start: 0;
-  -moz-padding-end: 5px;
-}
-
-.rule-unmatched {
-  cursor: pointer;
-  padding: 2px;
-  -moz-padding-start: 4px;
-  -moz-padding-end: 0;
+  padding: 5px 0;
   white-space: nowrap;
+  vertical-align: text-top;
 }
 
 /* Take away these two :visited rules to get a core dumper     */
@@ -73,33 +62,28 @@
 .helplink:visited {
   text-decoration: none;
 }
-
-.helplink-container {
-  position: relative;
-  top: 2px;
+link:hover {
+  text-decoration: underline;
 }
 
 .helplink {
-  display: block;
   height: 14px;
   width: 0;
   overflow: hidden;
   -moz-padding-start: 14px;
   background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
   -moz-margin-end: 2px;
+  cursor: pointer;
 }
 
-.property-header:not(:hover) > .helplink-container {
+.property-view:not(:hover) > .helplink-container {
   visibility: hidden;
 }
 
-.unmatchedSelectorTable {
-  -moz-margin-start: 15px;
-}
-
 .rulelink {
   color: -moz-dialogtext;
-  -moz-margin-start: 12px;
+  padding: 0;
+  cursor: pointer;
 }
 
 .expander {
@@ -108,43 +92,60 @@
   -moz-margin-start: 5px;
   -moz-margin-end: 5px;
   background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat;
+  vertical-align: middle;
 }
 
 .expander[open] {
   background-image: url("chrome://global/skin/tree/twisty-open.png");
 }
 
-.expandable {
-  cursor: pointer;
-}
-
 .match {
   visibility: hidden;
 }
 
-.expandable > .match {
+.expandable {
+  cursor: pointer;
   visibility: visible;
 }
 
-.only-unmatched {
-  -moz-margin-start: 0;
-}
-
 .property-name {
   font-size: 12px;
   color: #FF9F00;
   width: 220px;
 }
 .property-value {
+  padding: 0;
   font-size: 10px;
   color: #8050B0;
+  vertical-align: text-top;
+  width: 100%;
+}
+
+.rule-link {
+  text-align: end;
+  -moz-padding-start: 10px;
+}
+
+/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
+.rule-text {
+  direction: ltr;
+  padding: 0;
+  -moz-padding-start: 20px;
+  vertical-align: text-bottom;
+}
+
+.bestmatch {
+  color: #FFCF00;
+}
+.matched {
+  text-decoration: line-through;
+}
+.parentmatch {
+  color: #E7ADE7;
 }
 
 #propertyContainer {
-  display: -moz-box;
-  -moz-box-orient: vertical;
-  -moz-box-flex: 1;
-  overflow-y: auto;
+  border-collapse: collapse;
 }
 
 .darkrow {
@@ -160,7 +161,6 @@
 .headerControls {
   color: #9C9CFF;
   background-color: #000000;
-  padding-top: 5px;
 }
 
 .onlyuserstyles {
@@ -168,14 +168,6 @@
   font-size: 11px;
 }
 
-.searchfield {
-  -moz-margin-start: 10px;
-}
-
-.styleinspector-legend {
-  -moz-margin-start: 12px;
-}
-
 #footer {
   border-top: 1px solid #9C9CFF;
 }
@@ -194,13 +186,36 @@
 
 .ruleview-rule-source {
   background-color: #000000;
+  color: #9C9CFF;
   padding: 2px 5px;
+  cursor: pointer;
+}
+
+.ruleview-rule-source:hover {
+  text-decoration: underline;
 }
 
 .ruleview-code {
   padding: 2px 5px;
 }
 
+.ruleview-warning {
+  background: url("chrome://browser/skin/devtools/alerticon-warning.png");
+  -moz-margin-start: 5px;
+  vertical-align: middle;
+  width: 13px;
+  height: 12px;
+}
+
+.ruleview-ruleopen {
+  -moz-padding-end: 5px;
+}
+
+.ruleview-ruleclose {
+  width: -moz-min-content;
+  padding-right: 20px;
+}
+
 .ruleview-propertylist {
   list-style: none;
   padding: 0;
@@ -215,7 +230,6 @@
 }
 
 .ruleview-expander {
-  display: inline-block;
   width: 8px;
   height: 8px;
   background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
@@ -224,10 +238,6 @@
   -moz-margin-end: 5px;
 }
 
-.ruleview-expander:-moz-locale-dir(rtl) {
-  background-position: 16px 0;
-}
-
 .ruleview-expander.styleinspector-open {
   background-position: 8px 0;
 }
@@ -238,7 +248,6 @@
 }
 
 .ruleview-propertyname {
-  display: inline-block;
   padding: 1px 0;
   cursor: text;
   color: #9C9CFF;