MCBBS Wiki欢迎您共同参与编辑！在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题，可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户，请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线！
您可以在回声洞中发表吐槽！
服务器状态监控。点击进入
本站由MCBBS用户自行搭建，与MCBBS及东银河系漫游指南（北京）科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
MediaWiki:Vector.css：修订间差异
跳到导航
跳到搜索
无编辑摘要 |
Sheep-realms（留言 | 贡献） 无编辑摘要 |
||
| （未显示4个用户的21个中间版本） | |||
| 第1行： | 第1行： | ||
@charset "UTF-8"; |
@charset "UTF-8"; |
||
/* 源代码： |
/* 初版源代码：用户:Salt_lovely/Vector.scss */ |
||
/* 今版源代码：https://github.com/mcbbs-wiki/mcbbs-wiki-widget-repo */ |
|||
:root { |
:root { |
||
--themecolor: #a8cdff; |
|||
--bgtop: 46px; |
--bgtop: 46px; |
||
--bgleft: 20px; |
--bgleft: 20px; |
||
| 第11行： | 第11行： | ||
--bgcolor3: #e9cb97; |
--bgcolor3: #e9cb97; |
||
--linecolor: #cfb78e; |
--linecolor: #cfb78e; |
||
--fontfamily: sans-serif, |
--fontfamily: sans-serif, 'Microsoft Yahei', apple color emoji, segoe ui emoji, |
||
segoe ui symbol; |
|||
--fontfamily2: |
--fontfamily2: 'Linux Libertine', 'Georgia', 'Times', serif, sans-serif, |
||
Tahoma; |
|||
--articlefont: Lora, |
--articlefont: Lora, 'Palatino Linotype', 'Book Antiqua', 'New York', |
||
'DejaVu serif', 'Source Han Serif', 'Source Han Serif SC'; |
|||
--delete-linecolor: #ffe49c; |
|||
} |
|||
--add-linecolor: #a3d3ff; |
|||
--selection-color: lightblue; |
|||
/* 背景 */ |
|||
--selection-font-color: #000; } |
|||
body { |
|||
#catlinks, pre, table.wikitable, li.gallerybox div.thumb, .toc, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-warning, .toccolours, table.navbox { |
|||
background: var(--themeimg) 0 0 no-repeat; |
|||
background-position: center; |
|||
background-attachment: fixed; |
|||
background-size: cover; |
|||
border-top: none; |
|||
font-family: var(--fontfamily); |
|||
} |
|||
body * { |
|||
border-color: var(--linecolor); |
|||
} |
|||
/* 左侧栏 */ |
|||
#mw-panel { |
|||
position: fixed; |
|||
width: 8rem; |
|||
left: 0.5rem; |
|||
top: 3rem; |
|||
padding: 0 1rem 0.5rem 1rem; |
|||
background-color: #fff9; |
|||
border: 1px solid #ccc; |
|||
border-radius: 4px; |
|||
} |
|||
#mw-panel #p-logo { |
|||
width: 10rem; |
|||
height: 10rem; |
|||
margin-top: -14px; |
|||
margin-left: -1rem; |
|||
} |
|||
#mw-panel #p-logo a { |
|||
background-size: contain; |
|||
} |
|||
#mw-panel #p-logo + .portal { |
|||
margin-top: 0; |
|||
} |
|||
#mw-panel #p-logo + .portal .vector-menu-content { |
|||
margin-left: 0; |
|||
} |
|||
#mw-panel .portal { |
|||
padding: 0.75rem 0 0 0; |
|||
margin: 0; |
|||
} |
|||
#mw-panel .portal:hover { |
|||
background-color: transparent; |
|||
} |
|||
#mw-panel .portal > h1, |
|||
#mw-panel .portal > h2, |
|||
#mw-panel .portal > h3, |
|||
#mw-panel .portal > h4, |
|||
#mw-panel .portal > h5, |
|||
#mw-panel .portal > h6 { |
|||
margin: 0; |
|||
padding: 0; |
|||
position: relative; |
|||
background-image: none; |
|||
font-size: 1rem; |
|||
line-height: 1.3rem; |
|||
cursor: pointer; |
|||
} |
|||
#mw-panel .portal > h1::after, |
|||
#mw-panel .portal > h2::after, |
|||
#mw-panel .portal > h3::after, |
|||
#mw-panel .portal > h4::after, |
|||
#mw-panel .portal > h5::after, |
|||
#mw-panel .portal > h6::after { |
|||
position: absolute; |
|||
bottom: 0; |
|||
right: 0; |
|||
opacity: 0; |
|||
font-size: 0.75rem; |
|||
line-height: 1.3rem; |
|||
transition: 0.3s ease; |
|||
} |
|||
#mw-panel .portal > h1:hover::after, |
|||
#mw-panel .portal > h2:hover::after, |
|||
#mw-panel .portal > h3:hover::after, |
|||
#mw-panel .portal > h4:hover::after, |
|||
#mw-panel .portal > h5:hover::after, |
|||
#mw-panel .portal > h6:hover::after { |
|||
opacity: 0.9; |
|||
} |
|||
#mw-panel .portal .vector-menu-content { |
|||
padding-top: 0; |
|||
margin-left: 0; |
|||
border-top: 2px solid var(--linecolor) !important; |
|||
background-image: none; |
|||
transition: max-height 0.3s ease; |
|||
overflow: hidden; |
|||
} |
|||
#mw-panel .portal .vector-menu-content li { |
|||
padding: 0; |
|||
font-size: 0.9rem; |
|||
line-height: 1.2rem; |
|||
} |
|||
#mw-panel .portal .vector-menu-content li a { |
|||
width: 100%; |
|||
display: inline-block; |
|||
} |
|||
#mw-panel .portal.salt-close > h1::after, |
|||
#mw-panel .portal.salt-close > h2::after, |
|||
#mw-panel .portal.salt-close > h3::after, |
|||
#mw-panel .portal.salt-close > h4::after, |
|||
#mw-panel .portal.salt-close > h5::after, |
|||
#mw-panel .portal.salt-close > h6::after { |
|||
content: "点击展开"; |
|||
} |
|||
#mw-panel .portal.salt-close .vector-menu-content { |
|||
max-height: 0px; |
|||
/*overflow: hidden;*/ |
|||
} |
|||
#mw-panel .portal.salt-open > h1::after, |
|||
#mw-panel .portal.salt-open > h2::after, |
|||
#mw-panel .portal.salt-open > h3::after, |
|||
#mw-panel .portal.salt-open > h4::after, |
|||
#mw-panel .portal.salt-open > h5::after, |
|||
#mw-panel .portal.salt-open > h6::after { |
|||
content: "点击收起"; |
|||
} |
|||
#mw-panel .portal.salt-open .vector-menu-content { |
|||
max-height: var(--salt-open-height, 100vh); |
|||
} |
|||
/* 最顶部的信息栏 */ |
|||
#p-personal { |
|||
width: 100%; |
|||
position: fixed; |
|||
top: 0; |
|||
right: 0; |
|||
height: 1.5rem; |
|||
padding: 0.5rem 1rem; |
|||
background: var(--themebar); |
|||
background-size: contain; |
|||
opacity: 0.5; |
|||
font-size: 1rem; |
|||
transition-duration: 0.3s; |
|||
transition-timing-function: ease; |
|||
transition-delay: 0.5s; |
|||
} |
|||
#p-personal:hover { |
|||
opacity: 1; |
|||
transition-delay: 0s; |
|||
} |
|||
#p-personal ul { |
|||
float: right; |
|||
} |
|||
#p-personal ul li { |
|||
height: 1rem; |
|||
margin-top: 0; |
|||
margin-bottom: 0; |
|||
font-size: 0.9rem; |
|||
line-height: 1rem; |
|||
} |
|||
/*顶栏遮挡可视化编辑器*/ |
|||
.skin-vector .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
|||
top: 2.5rem; |
|||
} |
|||
/* 顶部栏 */ |
|||
#mw-head { |
|||
top: calc( |
|||
46px + 3rem); |
|||
padding: 0 57px 0 69px; |
|||
width: calc(100% - 126px); |
|||
} |
|||
#mw-head #left-navigation, |
|||
#mw-head #right-navigation { |
|||
margin-top: 0rem; |
|||
} |
|||
#mw-head #left-navigation nav, |
|||
#mw-head #left-navigation div, |
|||
#mw-head #left-navigation ul, |
|||
#mw-head #left-navigation span, |
|||
#mw-head #left-navigation a, |
|||
#mw-head #right-navigation nav, |
|||
#mw-head #right-navigation div, |
|||
#mw-head #right-navigation ul, |
|||
#mw-head #right-navigation span, |
|||
#mw-head #right-navigation a { |
|||
background-image: none; |
|||
background-color: transparent; |
|||
} |
|||
#mw-head #left-navigation li, |
|||
#mw-head #right-navigation li { |
|||
border-left: none; |
|||
border-right: none; |
|||
} |
|||
#mw-head #left-navigation li:first-child, |
|||
#mw-head #right-navigation li:first-child { |
|||
border-left: 1px solid var(--linecolor); |
|||
} |
|||
#mw-head #left-navigation li:last-child, |
|||
#mw-head #right-navigation li:last-child { |
|||
border-right: 1px solid var(--linecolor); |
|||
} |
|||
#mw-head #left-navigation ul li, |
|||
#mw-head #right-navigation ul li { |
|||
height: 2.7rem; |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 20%); |
|||
} |
|||
#mw-head #left-navigation ul li:hover, |
|||
#mw-head #right-navigation ul li:hover { |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 12%); |
|||
} |
|||
#mw-head #left-navigation ul li a, |
|||
#mw-head #right-navigation ul li a { |
|||
font-size: 0.875rem; |
|||
padding-top: 1rem; |
|||
text-align: center; |
|||
} |
|||
#mw-head #left-navigation ul li.icon a, |
|||
#mw-head #right-navigation ul li.icon a { |
|||
padding-top: 2.5rem; |
|||
} |
|||
#mw-head #left-navigation ul.menu li, |
|||
#mw-head #right-navigation ul.menu li { |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 12%); |
|||
} |
|||
#mw-head #left-navigation ul.menu li:hover, |
|||
#mw-head #right-navigation ul.menu li:hover { |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 6%); |
|||
} |
|||
#mw-head #p-cactions .menu li { |
|||
border: 1px solid var(--linecolor); |
|||
background-color: var(--lightcolor); |
background-color: var(--lightcolor); |
||
} |
} |
||
.skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
|||
#p-personal #pt-notifications-alert, |
|||
top: 2.5rem; |
|||
#p-personal #pt-notifications-notice { |
|||
margin-right: 0; |
|||
} |
|||
/* 主体 */ |
|||
#content { |
|||
top: calc( |
|||
46px + 3rem); |
|||
min-height: 400px; |
|||
padding: 1px 69px; |
|||
margin-left: 11rem; |
|||
margin-right: 0.5rem; |
|||
margin-bottom: calc(92px + 5rem); |
|||
overflow: visible; |
|||
position: relative; |
|||
background: url(/salt/book/left.png) left top repeat-y, url(/salt/book/right.png) right top repeat-y; |
|||
background-color: var(--bgcolor); |
|||
border: none; |
|||
border-width: 0; |
|||
} |
|||
#content::after, #content::before { |
|||
content: ""; |
|||
left: 0; |
|||
height: 46px; |
|||
width: calc(100% - 92px); |
|||
padding: 0 46px; |
|||
display: block; |
|||
position: absolute; |
|||
} |
|||
#content::before { |
|||
top: -46px; |
|||
background: url(/salt/book/left-top.png) left top no-repeat, url(/salt/book/right-top.png) right top no-repeat, url(/salt/book/top.png) top repeat-x content-box; |
|||
} |
|||
#content::after { |
|||
bottom: -46px; |
|||
background: url(/salt/book/left-bottom.png) left bottom no-repeat, url(/salt/book/right-bottom.png) right bottom no-repeat, url(/salt/book/bottom.png) bottom repeat-x content-box; |
|||
} |
|||
/* 页脚 */ |
|||
#footer { |
|||
padding-bottom: 0; |
|||
margin-top: 46px; |
|||
clear: both; |
|||
transition: all 0.3s; |
|||
} |
|||
#footer:hover { |
|||
/*鼠标滑过，背景变白*/ |
|||
background: rgba(255, 255, 255, 0.7); |
|||
} |
|||
/* 滚动公告 */ |
|||
.topsign{ |
|||
position: relative; |
|||
width: 100%; |
|||
height: 65px; |
|||
overflow: hidden; |
|||
} |
|||
.topsign > *{ |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
/* 适配 */ |
|||
@media screen and (max-width: 982px) { |
|||
#mw-panel { |
|||
left: 0; |
|||
} |
|||
#content { |
|||
margin-left: 10rem; |
|||
margin-right: 0; |
|||
} |
|||
} |
|||
#mw-page-base, |
|||
#mw-head-base { |
|||
background-color: transparent; |
|||
opacity: 0; |
|||
display: none; |
|||
height: 0; |
|||
} |
|||
#catlinks, |
|||
pre, |
|||
table.wikitable, |
|||
li.gallerybox div.thumb, |
|||
.toc, |
|||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, |
|||
.mw-warning, |
|||
.toccolours, |
|||
table.navbox, |
|||
#simpleSearch { |
|||
background-color: var(--lightcolor); |
|||
} |
|||
fieldset, |
|||
ul, |
|||
li, |
|||
a, |
|||
span, |
|||
em, |
|||
pre, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
border-color: var(--linecolor) !important; |
|||
} |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
font-family: var(--fontfamily) !important; |
|||
} |
|||
#firstHeading { |
|||
margin-top: var(--bgtop); |
|||
} |
|||
.diff-deletedline { |
|||
border-color: #ffe49c !important; |
|||
} |
|||
.diff-addedline { |
|||
border-color: #a3d3ff !important; |
|||
} |
|||
#catlinks { |
|||
margin-bottom: 2px; |
|||
} |
|||
::selection { |
|||
background: lightblue; |
|||
color: black; |
|||
} |
|||
::-moz-selection { |
|||
background: lightblue; |
|||
color: black; |
|||
} |
|||
input, |
|||
select { |
|||
background-color: var(--lightcolor); |
|||
border: 1px solid var(--linecolor); |
|||
} |
} |
||
.mw-category-group li { |
|||
.page-特殊_参数设置 #siteNotice { |
|||
border-color: unset !important; |
|||
} |
} |
||
2023年6月1日 (四) 11:35的最新版本
@charset "UTF-8";
/* 初版源代码：用户:Salt_lovely/Vector.scss */
/* 今版源代码：https://github.com/mcbbs-wiki/mcbbs-wiki-widget-repo */
:root {
--bgtop: 46px;
--bgleft: 20px;
--lightcolor: #fdf6e6;
--bgcolor: #fbf2dc;
--bgcolor1: #e9d3ad;
--bgcolor2: #e7d3b1;
--bgcolor3: #e9cb97;
--linecolor: #cfb78e;
--fontfamily: sans-serif, 'Microsoft Yahei', apple color emoji, segoe ui emoji,
segoe ui symbol;
--fontfamily2: 'Linux Libertine', 'Georgia', 'Times', serif, sans-serif,
Tahoma;
--articlefont: Lora, 'Palatino Linotype', 'Book Antiqua', 'New York',
'DejaVu serif', 'Source Han Serif', 'Source Han Serif SC';
--delete-linecolor: #ffe49c;
--add-linecolor: #a3d3ff;
--selection-color: lightblue;
--selection-font-color: #000; }
#catlinks, pre, table.wikitable, li.gallerybox div.thumb, .toc, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-warning, .toccolours, table.navbox {
background-color: var(--lightcolor);
}
.skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
top: 2.5rem;
}
.mw-category-group li {
border-color: unset !important;
}