Formula:Scholium/style.css
Appearance
span.commentarium {
cursor: help;
border-bottom: 2px #770 dotted;
transition: .395s 0s ease background-color;
}
span.commentarium:focus {
background-color: rgba(0, 127, 255, .13333);
cursor: revert;
transition: 1s 0s ease background-color;
}
span.commentarium span.margo {
position: relative;
top: 0;
left: 0;
width: 0;
height: 0;
overflow: visible;
text-align: left;
font-size: .85rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
font-variant: normal;
text-decoration: none;
}
span.commentarium span.scholium {
position: absolute;
left: .5em;
top: 0;
width: 0;
max-height: 18em;
overflow: auto;
border-radius: .75em;
background-color: rgba(245, 245, 229, .95);
box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, .5);
padding: 0;
color: #000000;
display: block;
visibility: hidden;
opacity: 0;
box-sizing: content-box;
transition:
.41s 0s ease opacity,
0s .41s linear visibility,
0s .41s linear width,
0s .41s linear padding,
0s .41s linear z-index;
z-index: 1000;
cursor: initial;
}
span.commentarium:hover span.scholium {
z-index: 1001;
}
span.commentarium:hover span.scholium,
span.commentarium:focus span.scholium {
visibility: visible;
opacity: 1;
transition: .303s 0s ease opacity;
width: 12.5em;
padding: 1.4em .8em .7em .8em;
}
span.commentarium span.scholium::before {
content: "\1f4cc";
position: absolute;
left: .5em;
top: 0.214em;
display: block;
visibility: hidden;
font-size: .675em;
opacity: 0;
transition:
1s .41s ease opacity,
0s 1.41s linear visibility;
}
span.commentarium:focus span.scholium::before {
visibility: visible;
opacity: 1;
transition: 1s 0s ease opacity;
}
span.commentarium span.scholium::after {
content: "nota";
display: block;
position: absolute;
left: 0;
top: .25em;
text-align: center;
width: 100%;
font-size: .675em;
font-family: monospace;
color: #888;
}