/* stylelint-disable color-named */ /* stylelint-disable unit-blacklist */ .detected-timestamp { border: 2px solid forestgreen; border-radius: 6px; margin: -2px; } .detected-signature { border: 2px solid blue; border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-right: 0; margin: -2px; margin-right: 0; } .detected-signature + .detected-timestamp { border-left: 0; padding-left: 0; margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .detected-timestamp:hover:after { content: ' ' attr( title ); } .detected-comment { position: absolute; opacity: 0.2; pointer-events: none; } .detected-comment:nth-of-type( 2n ) { background: lightpink; } .detected-comment:nth-of-type( 2n + 1 ) { background: skyblue; } .detected-comment-ruler { position: absolute; box-sizing: border-box; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; border-bottom-left-radius: 3px; } .detected-comment-warnings { position: absolute; color: transparent; font-size: 0; height: 1em; width: 1em; pointer-events: none; } .detected-comment-warnings:hover { background: white; color: red; font-size: inherit; pointer-events: all; } .detected-comment-warnings:before { content: '⚠'; color: #000; background: #fff; font-size: 1rem; pointer-events: all; margin-left: -1em; position: absolute; z-index: 1; }