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);
}
h2 {
font-family: "Linux Libertine", Georgia, Times, serif, NospzGothicMoe, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 800;
}
/*侧边栏*/
#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;
}
/** Template stylings **/
/* [[Template:SimpleNavbox]] */
table.navbox{
border:1px solid #AAA;
clear:both;
margin:auto;
padding:1px;
text-align:center;
width:100%;
}
table.navbox+table.navbox{
margin-top:-1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th{
padding-left:1em;
padding-right:1em;
text-align:center;
}
.navbox-group{
font-weight:700;
white-space:nowrap;
}
.navbox,
.navbox-subgroup{
background:none repeat scroll 0 0 #FDFDFD;
}
.navbox-list{
border-color:#FDFDFD;
}
.navbox-title,
table.navbox th{
background:none repeat scroll 0 0 #A5E4A5;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title{
background:none repeat scroll 0 0 #C0ECC0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow{
background:none repeat scroll 0 0 #E6F6E6;
}
.navbox-even{
background:none repeat scroll 0 0 #F5FCF5;
}
.navbox-odd{
background:none repeat scroll 0 0 transparent;
}
/* Infoboxes */
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 90%;
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: 24.5em;
}
}
.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: inherit;
}
.infobox-data{
max-width:168px;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: center;
}
/* 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;
}
/*猛汉版*/
.infoBox{
margin:0 auto;
width:80%;
box-sizing:border-box;
}
.infoBoxTitle{
margin:3px auto;
padding:0;
text-align:center;
font-weight:700;
}
.infoBoxIcon{
display:table-cell;
padding:2px 0 2px 0.5em;
vertical-align:middle;
}
.infoBoxText{
display:table-cell;
padding:0.25em 0.5em 0.25em 1.3em;
width:100%;
vertical-align:middle;
}
.infoBoxContent{
border:1px solid #DDD;
border-left-width:0;
background:#FBFBFB;
}
.infoBoxBelow{
margin:0 auto;
padding:0;
text-align:center;
}
/*中文站特供*/
#ca-varlang-1.ca-variants-zh-Hans {
display: none;
}
#ca-varlang-2.ca-variants-zh-Hant {
display: none;
}
.screen-width-detector {
display: none; /* 隐藏检测器 */
}
.screen-small { display: none; }
.screen-medium { display: none; }
.screen-large { display: none; }
@media (max-width: 768px) {
.screen-small { display: block; }
}
@media (min-width: 769px) and (max-width: 1024px) {
.screen-medium { display: block; }
}
@media (min-width: 1025px) {
.screen-large { display: block; }
}
body.page-首页 #t-collapsible-toggle-all, body.page-Main_Page #t-collapsible-toggle-all{
display: none;
}
/*色表格*/
:root {
--font-weight-semibold: 600;
--twitch-purple: #9147ff;
--twitch-purple-2:#772ce8;
--back-color-1:rgba(247, 247, 248,0.85);
--back-color-2:rgba(247, 147, 148,0.85);
--border-color-1:#FF66B2;
--link-color: #0645ad;
--link-color-active: #faa700;
--custom-background-blue: #ccf;
--custom-background-cyan: #cef;
--custom-background-green: #cfc;
--custom-background-gray: #d2d2d2;
--custom-background-grey: var(--custom-background-gray);
--custom-background-magenta: #fdf;
--custom-background-orange: #fdb;
--custom-background-purple: #ecf;
--custom-background-red: #fcc;
--custom-background-yellow: #ffc;
--custom-border-blue: #36e;
--custom-border-cyan: #9df;
--custom-border-green: #5d5;
--custom-border-gray: #bbb;
--custom-border-grey: var(--custom-border-gray);
--custom-border-magenta: #f9f;
--custom-border-orange: #f90;
--custom-border-purple: #96c;
--custom-border-red: #e44;
--custom-border-yellow: #fc3;
--custom-closed-topic-neutral: #eef;
--custom-closed-topic-no: #fee;
--custom-closed-topic-yes: #efe;
--custom-code-background: #f8f9fa;
--custom-load-page-button-color: #fff8;
--custom-main-page-background: #fcfcfc;
--custom-main-page-border: var(--custom-border-gray);
--custom-main-page-edition-subheader: #333;
--custom-mcwiki-header-color: #bcd4f5;
--custom-navbox-background: #fff;
--custom-navbox-top: #ccc;
--custom-navbox-middle: #ddd;
--custom-navbox-thru: #eee;
--custom-nbt-inherit-color: #e6e6fa;
--custom-table-background: #f8f9fa;
--custom-table-alternate-background: #f0f1f2;
--custom-table-choice-always: #003600;
--custom-table-choice-always-background: #80d080;
--custom-table-choice-default: #fff;
--custom-table-choice-in-off-background: #060;
--custom-table-choice-in-on-background: #0c0;
--custom-table-choice-na: #000;
--custom-table-choice-na-background: #fff;
--custom-table-choice-neutral: #634800;
--custom-table-choice-neutral-background: #ffeb9c;
--custom-table-choice-never: #3c0404;
--custom-table-choice-never-background: #ff8080;
--custom-table-choice-no: #840606;
--custom-table-choice-no-background: #ffc7ce;
--custom-table-choice-out-off-background: #900;
--custom-table-choice-out-on-background: #f00;
--custom-table-choice-partial: #665400;
--custom-table-choice-partial-background: #ffd;
--custom-table-choice-planned: #0131b7;
--custom-table-choice-planned-background: #dfdfff;
--custom-table-choice-rarely: #533400;
--custom-table-choice-rarely-background: #fdce5e;
--custom-table-choice-unknown: #222;
--custom-table-choice-unknown-background: #ccc;
--custom-table-choice-yes: #005600;
--custom-table-choice-yes-background: #c6efce;
--custom-table-header-background: #eaecf0;
--custom-topic-30-days: #bbb;
--custom-topic-7-days: #ddd;
}