Template:夏日重现/styles.css

.Summer-link {
	display: inline-block;
	height: 22px;
	margin: 2px 3px;
	line-height: 22px;
	text-align: center;
	overflow: hidden;
	vertical-align: bottom;
}
.Summer-link > a {
	text-decoration: unset;
}
.Summer-link div:first-child {
	height: 22px;
	padding: 0 8px;
	background: white;
}
.Summer-link div + div {
	position: relative;
	height: 22px;
	padding: 0 8px;
	top: -22px;
	left: 100%;
	color: white;
	overflow: hidden;
	transition: all 0.2s ease-out;
}
.Summer-link div + div > span {
	position: relative;
	left: calc(-100% - 16px);
	transition: all 0.2s ease-out;
}
.Summer-link:hover div:not(.Summer-self) + div,
.Summer-link:hover div:not(.Summer-self) + div > span {
	left: 0;
}
/* [[Category:在模板名字空间下的CSS页面]] */