TiddlyWiki5/plugins/tiddlywiki/dynannotate/styles.tid

72 lines
1.5 KiB
Plaintext

title: $:/plugins/tiddlywiki/dynannotate/styles
tags: [[$:/tags/Stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
.tc-dynannotation-wrapper {
position: relative;
}
.tc-dynannotation-annotation-overlay {
position: absolute;
background: rgba(255,255,0,0.3);
mix-blend-mode: multiply;
}
.tc-dynannotation-search-overlay {
position: absolute;
pointer-events: none;
background: rgba(255,0,0,0.3);
}
.tc-dynannotation-search-overlay-blurred {
background: rgba(255,0,0,0.3);
mix-blend-mode: multiply;
border-radius: 4px;
filter: blur(2px);
}
@keyframes ta-dynannotation-search-overlay-animated { to { background-position: 100% 100% } }
.tc-dynannotation-search-overlay-animated {
mix-blend-mode: multiply;
background: repeating-linear-gradient(-45deg, #ff8 0, #dd8 25%, transparent 0, transparent 50%) 0 / .6em .6em;
animation: ta-dynannotation-search-overlay-animated 12s linear infinite;
}
.tc-dynannotate-example-frame {
border: 1px solid black;
border-radius: 20px;
padding: 1em;
}
.tc-control-panel table.tc-dynannotate-search-parameters, .tc-control-panel table.tc-dynannotate-search-parameters input {
width: initial;
}
.tc-dynannotate-snippet-highlight {
background: #efef53;
}
.tc-dynannotation-example-info {
background: #ffa;
padding: 1em;
}
.tc-dynannotate-spotlight-wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1000;
pointer-events: none;
}
.tc-dynannotate-spotlight {
position: absolute;
height: 100%;
width: 100%;
display: none;
}