1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
6 The :-moz-native-anonymous selector prefix prevents the styles defined here
7 from impacting web content.
8 Indeed, this pseudo-class is only available to chrome code.
9 This stylesheet is loaded as a ua stylesheet via the addon sdk, so having this
10 pseudo-class is important.
11 Having bug 1086532 fixed would make it possible to load this stylesheet in a
12 <style scoped> node instead, directly in the native anonymous container
16 :-moz-native-anonymous .highlighter-container {
23 :-moz-native-anonymous .highlighter-container [hidden] {
27 /* Box model highlighter */
28 :-moz-native-anonymous .box-model-container {
32 :-moz-native-anonymous .box-model-content {
36 :-moz-native-anonymous .box-model-padding {
40 :-moz-native-anonymous .box-model-border {
44 :-moz-native-anonymous .box-model-margin {
48 :-moz-native-anonymous .box-model-content,
49 :-moz-native-anonymous .box-model-padding,
50 :-moz-native-anonymous .box-model-border,
51 :-moz-native-anonymous .box-model-margin {
55 :-moz-native-anonymous .box-model-guide-top,
56 :-moz-native-anonymous .box-model-guide-right,
57 :-moz-native-anonymous .box-model-guide-bottom,
58 :-moz-native-anonymous .box-model-guide-left {
60 stroke-dasharray: 5 3;
61 shape-rendering: crispEdges;
64 /* Highlighter - Node Infobar */
66 :-moz-native-anonymous .box-model-nodeinfobar-container {
74 :-moz-native-anonymous .box-model-nodeinfobar {
77 /* Centering the nodeinfobar in the container */
84 background: #000000 no-repeat padding-box;
89 :-moz-native-anonymous .box-model-nodeinfobar-container[hide-arrow] > .box-model-nodeinfobar {
95 :-moz-native-anonymous .box-model-nodeinfobar-container > .box-model-nodeinfobar:before {
100 left: calc(50% - 14px);
104 border: 14px solid #008484;
105 border-left-color: transparent;
106 border-right-color: transparent;
109 :-moz-native-anonymous .box-model-nodeinfobar-container[position="top"]:not([hide-arrow]) > .box-model-nodeinfobar:before {
115 :-moz-native-anonymous .box-model-nodeinfobar-container[position="bottom"]:not([hide-arrow]) > .box-model-nodeinfobar:before {
123 :-moz-native-anonymous .box-model-nodeinfobar-text {
131 :-moz-native-anonymous .highlighter-nodeinfobar-tagname {
135 :-moz-native-anonymous .highlighter-nodeinfobar-id {
139 :-moz-native-anonymous .highlighter-nodeinfobar-classes,
140 :-moz-native-anonymous .highlighter-nodeinfobar-pseudo-classes {
144 :-moz-native-anonymous .highlighter-nodeinfobar-dimensions {
146 -moz-border-start: 1px solid #9C9CFF;
147 -moz-margin-start: 6px;
148 -moz-padding-start: 6px;
151 /* Css transform highlighter */
153 :-moz-native-anonymous .css-transform-transformed {
158 :-moz-native-anonymous .css-transform-untransformed {
163 :-moz-native-anonymous .css-transform-transformed,
164 :-moz-native-anonymous .css-transform-untransformed,
165 :-moz-native-anonymous .css-transform-line {
167 stroke-dasharray: 5 3;