The editors' meeting has been canceled for technical reasons.
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→CSS placed here will be applied to all skins: 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;..." |
No edit summary |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | /* 这里放置的CSS将应用于所有皮肤 */ | ||
body { | body { | ||
background-color:#efeff1; | background-color:#efeff1; | ||
} | } | ||
body::before { | body::before { | ||
position: absolute; | |||
content: ""; | content: ""; | ||
top: 0; | top: 0; | ||
Line 12: | Line 12: | ||
background-image: | background-image: | ||
linear-gradient(to bottom, transparent 25%, #efeff1 70%), | linear-gradient(to bottom, transparent 25%, #efeff1 70%), | ||
url('https://www. | url('https://www.neurosama.info/mediawiki/resources/assets/vector.jpg'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 28: | Line 28: | ||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
background-color: transparent; | |||
background-image: none; | |||
} | } | ||
.mw-body { | .mw-body { | ||
Line 36: | Line 36: | ||
border-right-width: 0; | border-right-width: 0; | ||
background-color: var(--back-color-1); | 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; | |||
} | } | ||
Line 47: | Line 52: | ||
} | } | ||
@media screen and (min-width: 982px) { | @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) { | @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 { | #mw-panel .portal { | ||
Line 78: | Line 83: | ||
#mw-panel .portal h3 { | #mw-panel .portal h3 { | ||
cursor: default; | cursor: default; | ||
border: 0; | |||
padding: 5px 6px !important; | padding: 5px 6px !important; | ||
background-color: var(--twitch-purple); | background-color: var(--twitch-purple); | ||
font-size: 20px; | font-size: 20px; | ||
font-weight: bold; | |||
margin-top: 8px; | margin-top: 8px; | ||
color: #fff !important; | color: #fff !important; | ||
} | } | ||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | ||
font-weight: bold; | |||
} | } | ||
#mw-panel .portal h3::after { | #mw-panel .portal h3::after { | ||
Line 107: | Line 112: | ||
text-decoration: none; | text-decoration: none; | ||
margin: -2.5px 0 -2.5px 0; | margin: -2.5px 0 -2.5px 0; | ||
padding: 8px 0 8px 18px; | |||
box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9); | box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9); | ||
} | } | ||
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover { | #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 { | .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
background-image: none; | |||
} | } | ||
.vector-menu-tabs-legacy li { | .vector-menu-tabs-legacy li { | ||
Line 135: | Line 140: | ||
background: var(--back-color-1); | background: var(--back-color-1); | ||
border: 2px solid var(--border-color-1); | border: 2px solid var(--border-color-1); | ||
border-bottom: 0 solid #fff; | |||
margin: -1.5px 0 0 0; | |||
} | } | ||
/*用户栏*/ | /*用户栏*/ | ||
#p-personal{ | #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{ | #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{ | #mw-head #p-personal .vector-menu-content .vector-menu-content-list a.new{ | ||
color:#CCC; | |||
} | } | ||
/*?*/ | /*?*/ | ||
#mw-panel{ | #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; | |||
} | |||
.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-Main_Page #t-collapsible-toggle-all, body.page-Main_Page #t-collapsible-toggle-all{ | |||
display: none; | |||
} | |||
body.page-Main_Page #catlinks { | |||
display: none; | |||
} | |||
@font-face { | |||
font-family: 'Mojangles'; /* 自定义字体的名称 */ | |||
src: url('https://www.neuro-book.com/mediawiki/images/0/00/Mojangles.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
/*色表格*/ | /*色表格*/ | ||
:root { | :root { | ||
Line 168: | Line 399: | ||
--twitch-purple: #9147ff; | --twitch-purple: #9147ff; | ||
--twitch-purple-2:#772ce8; | --twitch-purple-2:#772ce8; | ||
--back-color-1:rgba(247, 247, 248,0. | --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; | |||
} | } |