* 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
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 */
.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 {
-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 {
.headerControls {
color: #9C9CFF;
background-color: #000000;
- padding-top: 5px;
}
.onlyuserstyles {
font-size: 11px;
}
-.searchfield {
- -moz-margin-start: 10px;
-}
-
-.styleinspector-legend {
- -moz-margin-start: 12px;
-}
-
#footer {
border-top: 1px solid #9C9CFF;
}
.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;
}
.ruleview-expander {
- display: inline-block;
width: 8px;
height: 8px;
background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
-moz-margin-end: 5px;
}
-.ruleview-expander:-moz-locale-dir(rtl) {
- background-position: 16px 0;
-}
-
.ruleview-expander.styleinspector-open {
background-position: 8px 0;
}
}
.ruleview-propertyname {
- display: inline-block;
padding: 1px 0;
cursor: text;
color: #9C9CFF;