-/* === BEGIN highlighter.inc.css === */
-
-/* Box model highlighter */
-svg|g.box-model-container {
- opacity: 0.4;
-}
-
-svg|polygon.box-model-content {
- fill: #008484;
-}
-
-svg|polygon.box-model-padding {
- fill: #9C9CFF;
-}
-
-svg|polygon.box-model-border {
- fill: #FFCF00;
-}
-
-svg|polygon.box-model-margin {
- fill: #A09090;
-}
-
-svg|polygon.box-model-content,
-svg|polygon.box-model-padding,
-svg|polygon.box-model-border,
-svg|polygon.box-model-margin {
- stroke: none;
-}
-
-svg|line.box-model-guide-top,
-svg|line.box-model-guide-right,
-svg|line.box-model-guide-bottom,
-svg|line.box-model-guide-left {
- stroke: #E7ADE7;
- stroke-dasharray: 5 3;
- shape-rendering: crispEdges;
-}
-
-/* Highlighter - Node Infobar */
-
-.highlighter-nodeinfobar {
- color: #FF9F00;
- border-radius: 3px;
- background-color: #000000;
- background-clip: padding-box;
- border: 1px solid #008484;
- padding: 5px;
- /* Avoid cases where the infobar is smaller than the arrow, when the text is
- short */
- min-width: 75px;
-}
-
-/* Highlighter - Node Infobar - text */
-
-.highlighter-nodeinfobar-text {
- text-align: center;
- /* 100% - size of the buttons and margins */
- max-width: calc(100% - 2 * (26px + 6px));
- padding-bottom: 1px;
-}
-
-html|*.highlighter-nodeinfobar-tagname {
- color: #FFCF00;
-}
-
-html|*.highlighter-nodeinfobar-id {
- color: #9C9CFF;
-}
-
-html|*.highlighter-nodeinfobar-pseudo-classes {
- color: #FF9F00;
-}
-
-html|*.highlighter-nodeinfobar-dimensions {
- color: #A09090;
- -moz-border-start: 1px solid #9C9CFF;
- -moz-margin-start: 6px;
- -moz-padding-start: 6px;
-}
-
-/* Highlighter - Node Infobar - box & arrow */
-
-.highlighter-nodeinfobar-arrow {
- width: 14px;
- height: 14px;
- -moz-margin-start: calc(50% - 7px);
- transform: rotate(-45deg);
- background-clip: padding-box;
- background-repeat: no-repeat;
-}
-
-.highlighter-nodeinfobar-arrow-top {
- margin-bottom: -8px;
- margin-top: 8px;
- background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
-}
-
-.highlighter-nodeinfobar-arrow-bottom {
- margin-top: -8px;
- margin-bottom: 8px;
- background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
-}
-
-.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
- margin: 7px 0;
-}
-
-/* Css transform highlighter */
-
-svg|polygon.css-transform-transformed {
- fill: #9C9CFF;
- opacity: 0.8;
-}
-
-svg|polygon.css-transform-untransformed {
- fill: #A09090;
- opacity: 0.8;
-}
-
-svg|polygon.css-transform-transformed,
-svg|polygon.css-transform-untransformed,
-svg|line.css-transform-line {
- stroke: #E7ADE7;
- stroke-dasharray: 5 3;
- stroke-width: 2;
-}
-
-/* === END highlighter.inc.css === */
-