mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-31 14:15:30 +00:00
90 lines
2.0 KiB
CSS
90 lines
2.0 KiB
CSS
/* 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/. */
|
|
|
|
.highlighter-container {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.highlighter-outline-container {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.highlighter-outline {
|
|
position: absolute;
|
|
}
|
|
|
|
.highlighter-outline[hidden] {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
display: -moz-box;
|
|
}
|
|
|
|
.highlighter-outline:not([disable-transitions]) {
|
|
transition-property: opacity, top, left, width, height;
|
|
transition-duration: 0.1s;
|
|
transition-timing-function: linear;
|
|
}
|
|
|
|
/*
|
|
* Node Infobar
|
|
*/
|
|
.highlighter-nodeinfobar-container {
|
|
position: relative;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-positioner {
|
|
position: absolute;
|
|
max-width: 95%;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-positioner[hidden] {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
display: -moz-box;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-positioner:not([disable-transitions]),
|
|
.highlighter-nodeinfobar-positioner[disable-transitions][force-transitions] {
|
|
transition-property: transform, opacity, top, left;
|
|
transition-duration: 0.1s;
|
|
transition-timing-function: linear;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-text {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
direction: ltr;
|
|
}
|
|
|
|
html|*.highlighter-nodeinfobar-id,
|
|
html|*.highlighter-nodeinfobar-classes,
|
|
html|*.highlighter-nodeinfobar-pseudo-classes,
|
|
html|*.highlighter-nodeinfobar-tagname {
|
|
-moz-user-select: text;
|
|
-moz-user-focus: normal;
|
|
cursor: text;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-arrow {
|
|
display: none;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-positioner[position="top"]:not([hide-arrow]) > .highlighter-nodeinfobar-arrow-bottom {
|
|
display: block;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-positioner[position="bottom"]:not([hide-arrow]) > .highlighter-nodeinfobar-arrow-top {
|
|
display: block;
|
|
}
|
|
|
|
.highlighter-nodeinfobar-positioner[disabled] {
|
|
visibility: hidden;
|
|
}
|
|
|
|
html|*.highlighter-nodeinfobar-tagname {
|
|
text-transform: lowercase;
|
|
}
|