黎歌/style.css

/* 适用于条目[[黎歌]]的css样式表，更新于07月12日，转载使用请遵守版权协议，务必注明来源 */
/** 标题修改 **/
h2 {
	font-family: sans-serif;
	text-shadow:1px 0 #f2cce4, 0 1px #f2cce4, -1px 0 #f2cce4, 0 -1px #f2cce4, 0.5px 0.5px #f2cce4, 0.5px -0.5px #f2cce4, -0.5px 0.5px #f2cce4, -0.5px -0.5px #f2cce4;
	transition:all 0.5s ease;
}
h3, h4 {
	color: #E7A4CF;
	font-family: sans-serif;
	transition:all 1s ease;
}
h2 .mw-headline::before {
	content: '🕊️';
}
h2 {
	border-bottom: 1.2px solid #90B5E2!important;
}
h2:after {
	background-color:#90B5E2 !important;
}
h2:hover {
	color:#E7A4CF !important;
	animation:Glow 1.5s ease infinite alternate;
}
@keyframes Glow {
	from {
		text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f2cce4,0 0 70px #f2cce4,0 0 80px #f2cce4,0 0 100px #f2cce4,0 0 150px #f2cce4;
	}
	to {
		text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f2cce4,0 0 35px #f2cce4,0 0 40px #f2cce4,0 0 50px #f2cce4,0 0 75px #f2cce4;
	}
}
h3:hover, h4:hover, h3:focus, h4:focus {
	letter-spacing: 0.3em;
}

/** 下划线新增 **/
.neeko {
	position: relative;
	text-decoration: none;
}
.neeko:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background: #90B5E2;
	transform: scale(0);
	transition: all 0.3s;
}
.neeko:hover:before {
	transform: scale(1);
}

/** LOGO细节调节、动画 **/
.reallogo{
	margin:0.2em 0%;
	height:auto;
	min-width:250px;
	max-width:30%;
}
.logo:hover {
	animation-name: bounce;
	animation-duration: 1s;
	transform-origin: center bottom;
}
@keyframes bounce {
	from,
	20%,
	53%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}
	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}
	80% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0) scaleY(0.95);
	}
	90% {
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}

/** 编辑按钮右置、半透明 **/
.mw-editsection {
	float: right;
	font-size: 13px;
	opacity: 0.4;
	transition: opacity 0.5s;
}
.mw-editsection:hover {
	opacity: 1;
}

/** 自链样式修改 **/
a.mw-selflink {
	color: #E7A4CF;
	font-weight: bold;
	text-decoration: inherit;
}

/** 更改选中颜色 **/
::selection {
	color: #4784cf;
	background-color: #c8daf1;
}

/** 表格样式、信息框样式修改 **/
table.wikitable {
	border-radius: 15px;
	border: rgba(231,164,207,1.00) 3px solid;
	overflow: hidden;
}
.wikitable th {
	border: 1.2px solid #90B5E2;
	color:#4784cf;
	border-radius: 4px;
	background-color: rgba(243, 210, 231, 0.4);
}
.wikitable td {
	border: 1.2px solid #90B5E2;
	background-color: rgba(249, 232, 243, 0.1);
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: rgba(243, 210, 231, 0.4);
}
table.infobox2 {
	border-collapse: separate !important;
}

/** 无序列表前置样式 **/
ul {
	list-style: none;
}
ul > li::before {
	content: "🥕 ";
}
#toc ul > li::before {
	content: "";
	display: none;
}
ul > li.gallerybox::before {
	content: "";
	display: none;
}
.navbox ul > li::before {
	content: "";
	display: none;
}

/** 巡回图标滤镜修改 **/
img[src="https://img.moegirl.org.cn/common/thumb/3/3f/Commons-emblem-success.svg/50px-Commons-emblem-success.svg.png"] {
	animation:hue-rotate 360s linear infinite paused;
	animation-delay:-175s;
}

/** Navbox圆角（测试） **/
table.navbox {
	border-radius: 15px;
}

/** 小屏幕显示调整（测试） **/
@media screen and (max-width: 960px) {
	table.wikitable {
		margin: 0.5em 0;
		width: 100%!important;
	}
	.reallogo{
		margin:0.2em 15%;
		height:auto;
		max-width:70%;
	}
	h2 {
		padding: 5px 0em;
		border-radius: 5px 5px 0 0;
	}
	table.wikitable tbody{
		overflow-x: scroll;
	}
	
}
/* [[Category:在主名字空间下的CSS页面]] */