The editors' meeting has been canceled for technical reasons.
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* | /* 这里放置的CSS将应用于所有皮肤 */ | ||
body { | body { | ||
background-color:#efeff1; | background-color:#efeff1; | ||
Line 163: | Line 163: | ||
} | } | ||
/* 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 { | :root { | ||
Line 169: | Line 262: | ||
--twitch-purple-2:#772ce8; | --twitch-purple-2:#772ce8; | ||
--back-color-1:rgba(247, 247, 248,0.85); | --back-color-1:rgba(247, 247, 248,0.85); | ||
--back-color-2:rgba(247, 147, 148,0.85); | |||
--border-color-1:#FF66B2; | --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; | |||
} | } |
Revision as of 12:31, 1 November 2024
/* 这里放置的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); --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; }