No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
.has-tt { | .has-tt { | ||
position: relative; | |||
display: inline; | |||
border-bottom: 1px dashed white; | |||
} | } | ||
.has-tt:hover .tt | .has-tt:hover >.tt { | ||
visibility: visible; | visibility: visible; | ||
} | } | ||
.tt { | .tt { | ||
visibility: hidden; | |||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
Revision as of 15:15, 5 May 2025
.has-tt {
position: relative;
display: inline;
border-bottom: 1px dashed white;
}
.has-tt:hover >.tt {
visibility: visible;
}
.tt {
visibility: hidden;
display: block;
position: relative;
top: 2em;
right: 100%;
width: max-content;
max-width: 400px;
padding: 6px 12px;
color: #FFFFFF;
background: #353535;
text-align: center;
border-radius: 8px;
}
.tt-after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-bottom: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}