틀:툴팁/도화 문서 원본 보기

<onlyinclude>{{#css: .tooltip-2 {
	position: relative;
	color: inherit;
	cursor: pointer;
	user-select: none;
}
.tooltip-2:hover {
	text-decoration: underline;
}

/* 위쪽 툴팁 */
.tooltip-2 .tooltip-top-content {
	color: var(--namu--text);
	font-size: 10px;
	line-height: 1.6;
	user-select: text;
	visibility: hidden;
    width: max-content;
	max-width: 260px;
	background: var(--namu--cite--background);
	border: 1px solid var(--namu--table--border);
	border-radius: 3px;
	box-shadow: 0 0 2px var(--namu--cite--border);
	padding: 6px 12px;
	position: absolute;
	bottom: 180%;
	left: 50%;
	opacity:0.7;
	transform: translateX(-50%);
}
.tooltip-2 .tooltip-top-content::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -7.5px;
	border-width: 7.5px;
	border-style: solid;
	border-color: #ddd transparent transparent transparent;
}

/* 아래쪽 툴팁 */
.tooltip-2 .tooltip-bottom-content {
	color: var(--namu--text);
	font-size: 10px;
	line-height: 1.6;
	user-select: text;
	visibility: hidden;
    width: max-content;
	max-width: 260px;
	background: var(--namu--cite--background);
	border: 1px solid var(--namu--table--border);
	border-radius: 3px;
	box-shadow: 0 0 2px var(--namu--cite--border);
	padding: 6px 12px;
	position: absolute;
	top: 180%;
	left: 50%;
	opacity:0.7;
	transform: translateX(-50%);
}
.tooltip-2 .tooltip-bottom-content::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7.5px;
	border-width: 7.5px;
	border-style: solid;
	border-color: transparent transparent #ddd transparent;
}

/* 호버 기능 */
.tooltip-top-content:hover {
	cursor: auto;
}
.tooltip-2:hover .tooltip-top-content {
	visibility: visible;
}
.tooltip-bottom-content:hover {
	cursor: auto;
}
.tooltip-2:hover .tooltip-bottom-content {
	visibility: visible;
}
 }}<sup class="tooltip-2">[{{{1|1}}}]<span class="tooltip-{{{pos|top}}}-content">{{{2|그냥 아무 의미 없이 긴 글이 필요해서 {{exhide|type=wikip|로렘 입숨}}을 쓴 건데용?}}}</span></sup></onlyinclude>