MediaWiki:Common.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* 这里放置的CSS将应用于所有皮肤 */
body {
    background-color:#efeff1;
}
body::before {
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 930px; /* 限制背景图片的显示高度 */
    background-image: 
        linear-gradient(to bottom, transparent 25%, #efeff1 70%),
        url('https://www.neuro-book.com/mediawiki/resources/assets/vector.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    z-index: -1; /* 确保在其他内容下方 */
    pointer-events: none; /* 允许鼠标事件穿透 */
}

#mw-head {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: transparent;
}
#mw-page-base {
	background-color: transparent;
	background-image: none;
}
.mw-body {
    margin-top: -1px;
    border: 2px solid var(--border-color-1);
    border-right-width: 0;
    background-color: var(--back-color-1);
}

/*侧边栏*/
#mw-panel {
    position: absolute;
    padding-left: 0;
    top: 0;
    width: 10em;
    left: 0;
}
@media screen and (min-width: 982px) {
	#mw-panel #p-logo {
		margin-left:0.5em;
	}
	#mw-panel .portal h3 {
		margin: 8px -10px 0 0;
	}
	#mw-panel .portal .vector-menu-content {
		margin: -5px -10px 0 0;
	}
}
@media screen and (max-width: 982px) {
	#mw-panel #p-logo {
		margin-left:0;
	}
	#mw-panel .portal h3 {
		margin: 8px 0 0 0;
	}
	#mw-panel .portal .vector-menu-content {
		margin: -5px 0 0 0;
	}
}
#mw-panel .portal {
    margin: 0 0 0 0;
    padding: 0;
    direction: ltr;
    background-position: top left;
    background-repeat: no-repeat;
}

#mw-panel .portal h3 {
    cursor: default;
	border: 0;
    padding: 5px 6px !important;
    background-color: var(--twitch-purple);
    font-size: 20px;
	font-weight: bold;
    margin-top: 8px;
    color: #fff !important;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
	font-weight: bold;
}
#mw-panel .portal h3::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #fff;
    position: absolute;
    margin-top: 5px;
    margin-left: 4px;
}
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a {
    display: block;
    font-weight: normal;
    color: #000;
    transition: all 0.15s ease-in;
    font-size: 0.9rem;
    background-color: #f7f7f8;
    text-decoration: none;
    margin: -2.5px 0 -2.5px 0;
	padding: 8px 0 8px 18px;
    box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9);
}
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover {
	color: #fff;
	background-color: var(--twitch-purple-2);
	margin: -2.5px 0 -2.5px 5px;
	padding: 12px 0 12px 25px;
}
/*标签*/
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: none;
}
.vector-menu-tabs-legacy li {
    background-image: none;
    background-color:var(--twitch-purple);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.vector-menu-tabs-legacy li a{
    color:#fff;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited{
    color:#CCC;
}
.vector-menu-tabs-legacy .selected {/*选择的标签*/
    background: var(--back-color-1);
    border: 2px solid  var(--border-color-1);
	border-bottom: 0 solid #fff;
	margin: -1.5px 0 0 0;
}

/*用户栏*/
#p-personal{
	position: absolute;
	/* border: 2px solid #9e7b67; */
	background: var(--twitch-purple);
	padding: 3px;
	padding-right: 22px;
	top:0;
	right:0;
	width:100%;
	font: inherit;
	font-weight: var(--font-weight-semibold);
}
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a{
	color:#fff;
}
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a.new{
	color:#CCC;
}
/*?*/
#mw-panel{
	margin: 40px 0 0 0;
}


/* Infoboxes */
.infobox {
	border: 1px solid #a2a9b1;
	color: black;
	padding: 0.2em;
	font-size: 88%;
	line-height: 1.5em;
	border-spacing: 3px;
}

@media screen {
	.infobox {
		background-color: #f8f9fa;
    }
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
	}
    
	.infobox .nowrap {
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		/* @noflip */
		margin: 0.5em 0 0.5em 1em;
		/* @noflip */
		float: right;
		/* @noflip */
		clear: right;
		width: 22em;
	}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}
/*色表格*/
:root {
    --font-weight-semibold: 600;
    --twitch-purple: #9147ff;
    --twitch-purple-2:#772ce8;
    --back-color-1:rgba(247, 247, 248,0.85);
    --border-color-1:#FF66B2;
    --custom-border-blue: #36e;
}