MediaWiki:Common.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的47个中间版本) | |||
第2行: | 第2行: | ||
body { | body { | ||
background-color:#efeff1; | background-color:#efeff1; | ||
font-family: 'NunitoSans', system-ui,sans-serif; | |||
} | } | ||
body::before { | body::before { | ||
position: absolute; | |||
content: ""; | content: ""; | ||
top: 0; | top: 0; | ||
第12行: | 第13行: | ||
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; | ||
第28行: | 第29行: | ||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
background-color: transparent; | |||
background-image: none; | |||
} | } | ||
.mw-body { | .mw-body { | ||
第38行: | 第39行: | ||
} | } | ||
h2 { | |||
font-family: 'Fredoka', 'Yuanyou', Times, serif; | |||
font-weight: 800; | |||
} | |||
h2#mw-previewheader { | |||
font-family: 'Fredoka', 'Yuanyou', Times, serif; | |||
font-weight: 800; | |||
} | |||
.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 .mw-headline { | |||
font-family: 'Fredoka', 'Yuanyou', Times, serif; | |||
font-weight: 800; | |||
} | |||
h1 { | |||
font-family: 'FirstCoffee','ResourceHanRoundedHC', system-ui,sans-serif, Times, serif; | |||
font-weight: 400; | |||
} | |||
h1#firstHeading { | |||
font-family: 'FirstCoffee' ,'ResourceHanRoundedHC', sans-serif, Times, serif; | |||
font-weight: 400; | |||
} | |||
.mw-code{ | |||
font-family: '3270' ,'WenQuanBit16', system-ui,sans-serif; | |||
background-color: #1F1F1F; | |||
color: #50F72D; | |||
border: 2px solid #1F88D9; | |||
} | |||
/*侧边栏*/ | /*侧边栏*/ | ||
#mw-panel { | #mw-panel { | ||
第47行: | 第74行: | ||
} | } | ||
@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 { | ||
第78行: | 第105行: | ||
#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 { | ||
第107行: | 第134行: | ||
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 { | ||
第135行: | 第162行: | ||
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: | margin: 40px 0 0 0; | ||
} | |||
.tabber__tabs{ | |||
flex-wrap: wrap; | |||
} | |||
/** 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 */ | /* Infoboxes */ | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | |||
color: black; | |||
padding: 0.2em; | |||
font-size: 90%; | |||
line-height: 1.5em; | |||
border-spacing: 3px; | |||
} | } | ||
@media screen { | @media screen { | ||
.infobox { | |||
background-color: #f8f9fa; | |||
} | } | ||
} | } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.infobox { | |||
width: 100%; | |||
} | |||
.infobox .nowrap { | |||
white-space: normal; | |||
} | |||
} | } | ||
@media (min-width: 640px) { | @media (min-width: 640px) { | ||
.infobox { | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 24.5em; | |||
} | |||
} | } | ||
第214行: | 第303行: | ||
.infobox th, | .infobox th, | ||
.infobox td { | .infobox td { | ||
vertical-align: inherit; | |||
} | |||
.infobox-data{ | |||
max-width:168px; | |||
} | } | ||
第222行: | 第315行: | ||
.infobox th, | .infobox th, | ||
.infobox td { | .infobox td { | ||
/* @noflip */ | |||
text-align: center; | |||
} | } | ||
第231行: | 第324行: | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption { | ||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | } | ||
第239行: | 第332行: | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption { | ||
padding: 0.2em; | |||
} | } | ||
第248行: | 第341行: | ||
.infobox .infobox-full-data, | .infobox .infobox-full-data, | ||
.infobox .infobox-below { | .infobox .infobox-below { | ||
text-align: center; | |||
} | } | ||
/* Remove .infobox when element selectors above are removed */ | /* Remove .infobox when element selectors above are removed */ | ||
.infobox .infobox-navbar { | .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; | |||
} | |||
body.page-首页 #catlinks { | |||
display: none; | |||
} | |||
body.page-首页 > .mw-body > .mw-indicators{ | |||
display:none; | |||
} | |||
@font-face { | |||
font-family: 'Mojangles'; /* 自定义字体的名称 */ | |||
src: url('https://www.neurosama.info/mediawiki/images/0/00/Mojangles.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'NunitoSans'; | |||
src: url('https://www.neurosama.info/mediawiki/images/9/91/NunitoSans.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
unicode-range: U+0000-007F; /* 英文字母和数字 */ | |||
} | |||
@font-face { | |||
font-family: 'HarmonyOSSansSC'; | |||
src: url('https://www.neurosama.info/mediawiki/images/d/de/HarmonyOS_SansSC_Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'HarmonyOSSansTC'; | |||
src: url('https://www.neurosama.info/mediawiki/images/5/56/HarmonyOS_SansTC_Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Yuanyou'; | |||
src: url('https://www.neurosama.info/mediawiki/images/2/27/Yuanyou.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Fredoka'; | |||
src: url('https://www.neurosama.info/mediawiki/images/a/a5/Fredoka-Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'FirstCoffee'; | |||
src: url('https://www.neurosama.info/mediawiki/images/d/d4/First_Coffee.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'ResourceHanRoundedHC'; | |||
src: url('https://www.neurosama.info/mediawiki/images/9/96/ResourceHanRoundedHC-Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'ResourceHanRoundedJ'; | |||
src: url('https://www.neurosama.info/mediawiki/images/0/0f/ResourceHanRoundedJ-Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'ResourceHanRoundedK'; | |||
src: url('https://www.neurosama.info/mediawiki/images/c/c2/ResourceHanRoundedK-Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: '3270'; | |||
src: url('https://www.neurosama.info/mediawiki/images/5/50/3270-Regular.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'WenQuanBit16'; | |||
src: url('https://www.neurosama.info/mediawiki/images/b/ba/WenQuanBitmapSong16px.ttf') format('truetype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
font-display: swap; | |||
} | |||
.font-bit{ | |||
font-family: 'Mojangles' ,'WenQuanBit16', Times, serif; | |||
} | |||
.font-neuro{ | |||
font-family: 'FirstCoffee','ResourceHanRoundedHC','ResourceHanRoundedJ','ResourceHanRoundedK', Times, serif; | |||
} | |||
.font-neuro-web-title{ | |||
font-family: 'Fredoka', 'Yuanyou', Times, serif; | |||
} | |||
.font-neuro-web-body{ | |||
font-family: 'NunitoSans', 'HarmonyOSSansSC', 'HarmonyOSSansTC',system-ui,sans-seriff; | |||
} | } | ||
/*色表格*/ | /*色表格*/ |