Template:炽焰天穹/style.css

.HBRc-frame {
	display: flex;
	flex-wrap: wrap;
}
.HBRc-frame>div {
	display: flex;
	text-align: left;
	flex: 1 20em;
	margin: .5em;
	min-width: 26%;
}
.HBRc-logo {
	margin-right: .2em;
	align-self: center;
}
.HBRc-logo img {
	width: 5em;
}
.HBRc {
	flex: 1;
}
.HBRc>div {
	border-bottom: 2px solid;
	font-weight: 700;
	padding: 0 .5em;
	color: #000;
}
.HBRc>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
.HBRc li {
	margin: .2em;
	flex: 1 1 auto;
	text-align: center;
	min-width: 26%;
	position: relative;
}
.HBRc li a {
	display: block;
	position: relative;
	min-width: 5em;
	padding: 0 .5em;
	text-decoration: none;
	background: #eabfce; /* 颜色来自官网，下同 */
	transition: .3s;
}
#HBRc-31B li a {
	background: #c9e3f1;
}
#HBRc-31C li a {
	background: #d4c8e4;
}
#HBRc-31D li a {
	background: #c5ecd9;
}
#HBRc-31E li a {
	background: #c2e7e9;
}
#HBRc-31F li a {
	background: #d4b8b8;
}
#HBRc-31X li a {
	background: #c8d7ef;
}
#HBRc-30G li a {
	background: #e9e8eb;
}

.HBRc li a:not(.new) {
	color: inherit;
}
/* 部分颜色太浅了在这里重新设置一下 */
#HBRc-31B li a:not(.new) {
	color: #096699;
}
#HBRc-31E li a:not(.new) {
	color: #10767a;
}
#HBRc-31X li a:not(.new) {
	color: #2d5a9f;
}
#HBRc-30G li a:not(.new) {
	color: #6b6675;
}
/* 与紫色分不清，重设一下 */
#HBRc-31A li a.new, #HBRc-O li a.new {
	color: #895757;
}

.HBRc li a:hover, .HBRc li a.mw-selflink {
	background: #b92b5d; /* 颜色来自官网，下同 */
	color: #FFF !important;
}
#HBRc-31B li a:hover, #HBRc-31B li a.mw-selflink {
	background: #4ca2d1;
}
#HBRc-31C li a:hover, #HBRc-31C li a.mw-selflink {
	background: #714aa5;
}
#HBRc-31D li a:hover, #HBRc-31D li a.mw-selflink {
	background: #317252;
}
#HBRc-31E li a:hover, #HBRc-31E li a.mw-selflink {
	background: #32acb1;
}
#HBRc-31F li a:hover, #HBRc-31F li a.mw-selflink {
	background: #711313;
}
#HBRc-31X li a:hover, #HBRc-31X li a.mw-selflink {
	background: #5b92e5;
}
#HBRc-30G li a:hover, #HBRc-30G li a.mw-selflink {
	background: #b4b1b9;
}

.HBRc-leader::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-style: solid;
	border-width: 1em 1em 0 0;
	border-color: transparent;
	border-top-color: currentColor;
}

/* [[Category:在模板名字空间下的CSS页面]] */