틀:툴팁/CSS
< 틀:툴팁
.tooltip {
display: inline-block; /* 메시지를 텍스트 아래에 표시 */
text-decoration: inherit; /* 취소선, 밑줄 등을 툴팁이 적용된 텍스트에도 적용 */
}
.tooltip:hover .tooltip-msg {
padding: 0.25em 0.75em; /* .messagebox 개조 */
/* 메시지를 텍스트 아래에 표시 */
display: block;
position: absolute;
}
.tooltip-msg {
display: none; /* 마우스를 대지 않으면 숨김 */
/* .messagebox 개조 */
width: auto;
font-size: 100%;
}
.tooltip-msg img {
margin-right: 0.5em !important; /* 메시지에 아이콘 추가시 적절한 여백 확보 */
}
/* <onlyinclude>{{#css:틀:툴팁/CSS}}</onlyinclude> */