Template:Def/styles.css

/* Template:def/styles.css
Namespace: sv-def only
*/

.sv-def{
display:inline-flex;
align-items:baseline;
vertical-align:baseline;
line-height:inherit;
white-space:nowrap;
gap:0.35em;
cursor:help;
}

.sv-def-icon,
.sv-def-icon-img{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
}

.sv-def-icon-img img{
height:1em;
width:auto;
display:block;
}

.sv-def-icon--missing{
width:1em;
height:1em;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:900;
font-size:0.78em;
line-height:1;
border:1px solid currentColor;
background:transparent;
color:currentColor;
}

/* Default: normal prose (even if text is an <a>) */
.sv-def-text,
.sv-def a.sv-def-text,
.sv-def .sv-def-text a{
color:inherit;
text-decoration:none;
border-bottom:none;
}

/* Hover: link-like (TemplateStyles-safe) */
.sv-def:hover .sv-def-text,
.sv-def:hover a.sv-def-text,
.sv-def:hover .sv-def-text a{
color:#0b63f0;
border-bottom:1px dotted currentColor;
text-decoration:none;
}

/* Missing/error states */
.sv-def--missing,
.sv-def--error{
cursor:not-allowed;
opacity:0.90;
}

/* Don’t advertise missing/error as links on hover */
.sv-def--missing:hover .sv-def-text,
.sv-def--missing:hover a.sv-def-text,
.sv-def--missing:hover .sv-def-text a,
.sv-def--error:hover .sv-def-text,
.sv-def--error:hover a.sv-def-text,
.sv-def--error:hover .sv-def-text a{
color:inherit;
border-bottom:none;
text-decoration:none;
}