MediaWiki:Common.css：修订间差异

2026年6月16日 (二) 21:32的版本

body,html {
	width:100%;
	height:100%;
	padding:0;
	margin:0
}


/* WIKI背景图 */
body {
	background:url("https://patchwiki.biligame.com/images/umamusume/a/ae/0o5v7jr3cqggjele4zr8jl2rrhvbzp4.png") no-repeat fixed 50% 0;
	background-size:cover;
}
/* WIKI页面透明化 */
.game-bg {
    background: rgb(255 255 255 / 84%);
}
.wiki-header {
    background: transparent;
}
/* 导航菜单 */
.wiki-header .wiki-nav {
    border: 1px solid #d0d0d0;
    background: #fff;
}
.menu-wrap .wiki-menu-li-1 {
    border-bottom: 0px solid rgba(0,0,0,.16);
}

.wiki-header .wiki-nav .nav-search-box {
    border-bottom: 0px solid rgba(0, 0, 0, 0.16);
}


/* ################新版页面开始################ */
/* 添加毛玻璃效果 */
.game-bg {
  position:relative;
  margin-top: 10px;
  border-radius: 16px;
}

.game-bg:before {
  content:"";
  position:absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(12px);
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

/* 顶部菜单美化 -部分参考自原神WIKI */
.menu-wrap .wiki-menu-li-1 {
    background: -10px -1px,linear-gradient(#B0E13E,#6BC30F) !important; 
    position: relative;
    background-repeat: no-repeat !important;
    box-shadow: -1px -1px 2px rgba(102,102,102,0.33) inset, 1px 1px 2px rgba(255,255,255,0.66) inset;
    border-radius: 2px;
    font-size: 16px;
}

.menu-wrap .wiki-menu-li-1>a {
    color: white !important;
    text-shadow: 1px 2px 2px rgba(102,102,102,0.33);
    font-weight: bold;
}

.menu-wrap .wiki-menu-li-1 a:hover {
	filter: brightness(0.9);
}

.menu-wrap .wiki-menu-li-1 a:hover::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	background: url("https://patchwiki.biligame.com/images/umamusume/thumb/8/8c/f2vchfk2k64m6tca70w0517i66ktu3h.svg/24px-UI_Mark.svg.png") no-repeat;
	width: 18px;
	background-size: 100% 100%;
	height: 36px;
	filter: brightness(0.9);
	z-index: 999;
	cursor: url(https://patchwiki.biligame.com/images/umamusume/a/ae/o0htx7vga5rt00mdmj8lee5unlcfz8y.png),auto;
}

.menu-wrap .wiki-menu-li-1:first-child {
    border-radius: 6px 0 0 6px;
    background: url(https://patchwiki.biligame.com/images/umamusume/1/1c/mlt9l0x6gk94abmu7kgwg56q44j4gcp.png) -10px -1px,linear-gradient(#B0E13E,#6BC30F) !important;
}

.menu-wrap .wiki-menu-li-1:last-child {
    border-radius: 0 6px 6px 0;
}

.menu-wrap .wiki-menu-ul-2 {
	background: #fff !important;
	border-radius: 0 8px 8px 8px;
	box-shadow: 0 1px 4px #ccc;
}
.menu-wrap .wiki-menu-li-2 {
	position: relative;
}
.menu-wrap .wiki-menu-li-2 a {
    background: #fff !important; 
    color: rgb(121,90,54) !important;

}

.menu-wrap .wiki-menu-li-2:hover {
	filter: brightness(0.9);
	font-weight: bold !important;
}

.menu-wrap .wiki-menu-li-2:hover::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  background: url("https://patchwiki.biligame.com/images/umamusume/thumb/8/8c/f2vchfk2k64m6tca70w0517i66ktu3h.svg/24px-UI_Mark.svg.png") no-repeat;
  width: 18px;
  background-size: 100% 100%;
  height: 36px;
  filter: invert(0.7) sepia(1);
  z-index: 9999;
  cursor: url(https://patchwiki.biligame.com/images/umamusume/a/ae/o0htx7vga5rt00mdmj8lee5unlcfz8y.png),auto;
}

.wiki-hoverbox .wiki-hoverbox-inner {
	background: #fff;
	box-shadow:  0 1px 4px #ccc;
	border-radius: 8px;
}

.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3 {
	position: relative;
}
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3 a {
    background: #fff !important; 
    color: rgb(121,90,54) !important;
    text-decoration: none;
}

.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3:hover {
	filter: brightness(0.9);
	font-weight: bold !important;
}

.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3:hover::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  background: url("https://patchwiki.biligame.com/images/umamusume/thumb/8/8c/f2vchfk2k64m6tca70w0517i66ktu3h.svg/24px-UI_Mark.svg.png") no-repeat;
  width: 18px;
  background-size: 100% 100%;
  height: 36px;
  filter: invert(0.7) sepia(1);
  z-index: 9999;
  cursor: url(https://patchwiki.biligame.com/images/umamusume/a/ae/o0htx7vga5rt00mdmj8lee5unlcfz8y.png),auto;
}