+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * 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/. */
+
+/*
+ The :-moz-native-anonymous selector prefix prevents the styles defined here
+ from impacting web content.
+ Indeed, this pseudo-class is only available to chrome code.
+ This stylesheet is loaded as a ua stylesheet via the addon sdk, so having this
+ pseudo-class is important.
+ Having bug 1086532 fixed would make it possible to load this stylesheet in a
+ <style scoped> node instead, directly in the native anonymous container
+ element.
+*/
+
+:-moz-native-anonymous .highlighter-container {
+ pointer-events: none;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+
+:-moz-native-anonymous .highlighter-container [hidden] {
+ display: none;
+}
+
+/* Box model highlighter */
+:-moz-native-anonymous .box-model-container {
+ opacity: 0.4;
+}
+
+:-moz-native-anonymous .box-model-content {
+ fill: #008484;
+}
+
+:-moz-native-anonymous .box-model-padding {
+ fill: #9C9CFF;
+}
+
+:-moz-native-anonymous .box-model-border {
+ fill: #FFCF00;
+}
+
+:-moz-native-anonymous .box-model-margin {
+ fill: #A09090;
+}
+
+:-moz-native-anonymous .box-model-content,
+:-moz-native-anonymous .box-model-padding,
+:-moz-native-anonymous .box-model-border,
+:-moz-native-anonymous .box-model-margin {
+ stroke: none;
+}
+
+:-moz-native-anonymous .box-model-guide-top,
+:-moz-native-anonymous .box-model-guide-right,
+:-moz-native-anonymous .box-model-guide-bottom,
+:-moz-native-anonymous .box-model-guide-left {
+ stroke: #E7ADE7;
+ stroke-dasharray: 5 3;
+ shape-rendering: crispEdges;
+}
+
+/* Highlighter - Node Infobar */
+
+:-moz-native-anonymous .box-model-nodeinfobar-container {
+ position: absolute;
+ max-width: 95%;
+
+ font: message-box;
+ font-size: 11px;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar {
+ position: relative;
+
+ /* Centering the nodeinfobar in the container */
+ left: -50%;
+
+ padding: 5px;
+ min-width: 75px;
+
+ border-radius: 3px;
+ background: #000000 no-repeat padding-box;
+
+ color: #FF9F00;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar-container[hide-arrow] > .box-model-nodeinfobar {
+ margin: 7px 0;
+}
+
+/* Arrows */
+
+:-moz-native-anonymous .box-model-nodeinfobar-container > .box-model-nodeinfobar:before {
+ content: "";
+ display: none;
+
+ position: absolute;
+ left: calc(50% - 14px);
+
+ height: 0;
+ width: 0;
+ border: 14px solid #008484;
+ border-left-color: transparent;
+ border-right-color: transparent;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar-container[position="top"]:not([hide-arrow]) > .box-model-nodeinfobar:before {
+ border-bottom: 0;
+ top: 100%;
+ display: block;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar-container[position="bottom"]:not([hide-arrow]) > .box-model-nodeinfobar:before {
+ border-top: 0;
+ bottom: 100%;
+ display: block;
+}
+
+/* Text container */
+
+:-moz-native-anonymous .box-model-nodeinfobar-text {
+ overflow: hidden;
+ white-space: nowrap;
+ direction: ltr;
+ text-align: center;
+ padding-bottom: 1px;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-tagname {
+ color: #FFCF00;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-id {
+ color: #9C9CFF;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-classes,
+:-moz-native-anonymous .highlighter-nodeinfobar-pseudo-classes {
+ color: #FF9F00;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-dimensions {
+ color: #A09090;
+ -moz-border-start: 1px solid #9C9CFF;
+ -moz-margin-start: 6px;
+ -moz-padding-start: 6px;
+}
+
+/* Css transform highlighter */
+
+:-moz-native-anonymous .css-transform-transformed {
+ fill: #9C9CFF;
+ opacity: 0.8;
+}
+
+:-moz-native-anonymous .css-transform-untransformed {
+ fill: #A09090;
+ opacity: 0.8;
+}
+
+:-moz-native-anonymous .css-transform-transformed,
+:-moz-native-anonymous .css-transform-untransformed,
+:-moz-native-anonymous .css-transform-line {
+ stroke: #E7ADE7;
+ stroke-dasharray: 5 3;
+ stroke-width: 2;
+}