-/* 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;
-}