Difference between revisions of "User:Wookipan/Sandbox/Page.css"
< User:Wookipan | Sandbox
m |
m |
||
Line 44: | Line 44: | ||
.infobox-label .wiki-tooltip:before { | .infobox-label .wiki-tooltip:before { | ||
content: 'i'; | content: 'i'; | ||
− | color: #222222; | + | /* color: #222222; */ |
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
left: -20px; | left: -20px; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
width: 12px; | width: 12px; | ||
height: 12px; | height: 12px; | ||
− | |||
font-family: 'serif'; | font-family: 'serif'; | ||
border: 1px solid; | border: 1px solid; | ||
border-radius: 100%; | border-radius: 100%; | ||
padding: 1px; | padding: 1px; | ||
− | |||
− | |||
} | } |
Revision as of 18:16, 2 October 2023
.wiki-tooltip { position: relative; } .wiki-tooltip .wiki-tooltip-content { position: absolute; top: 0; display: flex; align-items: center; color: #222222; background-color: #FFFCF7; margin-top: 20px; padding: 5px; font-weight: 400; -webkit-pointer-events: none; pointer-events: none; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; white-space: nowrap; box-shadow: 0 30px 90px -20px rgb(0 0 0 / 30%), 0 0 1px 1px rgb(0 0 0 / 5%); opacity: 0; z-index: 9; } .wiki-tooltip .wiki-tooltip-content a { background: url('/w/images/a/a6/Tooltip_internal_link_icon.png') no-repeat left / 16px; width: 16px; height: 16px; margin-top: 1px; margin-left: 5px; } .wiki-tooltip:hover .wiki-tooltip-content { opacity: 1; -webkit-pointer-events: auto; pointer-events: auto; } .infobox-label .wiki-tooltip { position: relative; margin-left: 20px; } .infobox-label .wiki-tooltip:before { content: 'i'; /* color: #222222; */ position: absolute; top: 0; left: -20px; display: flex; justify-content: center; align-items: center; width: 12px; height: 12px; font-family: 'serif'; border: 1px solid; border-radius: 100%; padding: 1px; }