michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: .highlighter-container {
michael@0:   pointer-events: none;
michael@0: }
michael@0: 
michael@0: /*
michael@0:  * Box model highlighter
michael@0:  */
michael@0: svg|svg.box-model-root[hidden],
michael@0: svg|line.box-model-guide-top[hidden],
michael@0: svg|line.box-model-guide-right[hidden],
michael@0: svg|line.box-model-guide-left[hidden],
michael@0: svg|line.box-model-guide-bottom[hidden] {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /*
michael@0:  * Node Infobar
michael@0:  */
michael@0: .highlighter-nodeinfobar-container {
michael@0:   position: relative;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-positioner {
michael@0:   position: absolute;
michael@0:   max-width: 95%;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-positioner[hidden] {
michael@0:   opacity: 0;
michael@0:   pointer-events: none;
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-text {
michael@0:   overflow: hidden;
michael@0:   white-space: nowrap;
michael@0:   text-overflow: ellipsis;
michael@0:   direction: ltr;
michael@0: }
michael@0: 
michael@0: html|*.highlighter-nodeinfobar-id,
michael@0: html|*.highlighter-nodeinfobar-classes,
michael@0: html|*.highlighter-nodeinfobar-pseudo-classes,
michael@0: html|*.highlighter-nodeinfobar-tagname {
michael@0:   -moz-user-select: text;
michael@0:   -moz-user-focus: normal;
michael@0:   cursor: text;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-arrow {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-positioner[position="top"]:not([hide-arrow]) > .highlighter-nodeinfobar-arrow-bottom {
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-positioner[position="bottom"]:not([hide-arrow]) > .highlighter-nodeinfobar-arrow-top {
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: .highlighter-nodeinfobar-positioner[disabled] {
michael@0:   visibility: hidden;
michael@0: }
michael@0: 
michael@0: html|*.highlighter-nodeinfobar-tagname {
michael@0:   text-transform: lowercase;
michael@0: }