LUNARiA -Virtualized Moonchild-/style.css

/* Only for [[LUNARiA -Virtualized Moonchild-]] */
.character {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
}

.character > .image,
.character > .text {
	position: relative;
}

.character > .image {
	width: 300px;
	margin: 1em 3em 1em 0;
}

.character > .text {
	flex-grow: 1;
	width: 300px;
}

.character .virtual,
.character .real {
	transition: opacity 0.25s linear;
}

.character:not(hover) .virtual,
.character:hover .real {
	opacity: 1;
}

.character:hover .virtual,
.character:not(:hover)  .real {
	opacity: 0;
}

.character:hover > .image > .virtual,
.character:not(:hover) > .image > .real {
	position: absolute;
	top: 0;
	left: 0
}
/*[[分类:在主名字空间下的CSS页面]]*/