MCBBS Wiki欢迎您共同参与编辑！在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题，可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户，请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线！
您可以在回声洞中发表吐槽！
服务器状态监控。点击进入
本站由MCBBS用户自行搭建，与MCBBS及东银河系漫游指南（北京）科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
MediaWiki:Vector.css：修订间差异
跳到导航
跳到搜索
小 （// Edit via Wikiplus） |
Sheep-realms（留言 | 贡献） 无编辑摘要 |
||
| （未显示2个用户的5个中间版本） | |||
| 第3行： | 第3行： | ||
/* 今版源代码：https://github.com/mcbbs-wiki/mcbbs-wiki-widget-repo */ |
/* 今版源代码：https://github.com/mcbbs-wiki/mcbbs-wiki-widget-repo */ |
||
:root { |
:root { |
||
--theme-color: #a8cdff; |
|||
--theme-bg-img: url(//mcbbs.wiki/salt/summer/body_bg.jpg); |
|||
--theme-topbar-img: url(//mcbbs.wiki/salt/summer/top_bg.png); |
|||
/*左上图片*/ |
|||
--book-border-left-top: url(//mcbbs.wiki/salt/book/left-top.png); |
|||
/*上方图片*/ |
|||
--book-border-top: url(//mcbbs.wiki/salt/book/top.png); |
|||
/*右上图片*/ |
|||
--book-border-right-top: url(//mcbbs.wiki/salt/book/right-top.png); |
|||
/*左侧图片*/ |
|||
--book-border-left: url(//mcbbs.wiki/salt/book/left.png); |
|||
/*右侧图片*/ |
|||
--book-border-right: url(//mcbbs.wiki/salt/book/right.png); |
|||
/*左下图片*/ |
|||
--book-border-left-bottom: url(//mcbbs.wiki/salt/book/left-bottom.png); |
|||
/*下方图片*/ |
|||
--book-border-bottom: url(//mcbbs.wiki/salt/book/bottom.png); |
|||
/*右下图片*/ |
|||
--book-border-right-bottom: url(//mcbbs.wiki/salt/book/right-bottom.png); |
|||
--bgtop: 46px; |
--bgtop: 46px; |
||
--bgleft: 20px; |
--bgleft: 20px; |
||
| 第40行： | 第21行： | ||
--selection-color: lightblue; |
--selection-color: lightblue; |
||
--selection-font-color: #000; } |
--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 { |
|||
/* 背景 */ |
|||
body { |
|||
background: var(--theme-bg-img) 0 0 no-repeat var(--theme-color); |
|||
background-position: center; |
|||
background-attachment: fixed; |
|||
background-size: cover; |
|||
border-top: none; |
|||
font-family: var(--fontfamily); } |
|||
/* 左侧栏 */ |
|||
#mw-panel .portal:hover { |
|||
background-color: transparent; } |
|||
#mw-panel .portal > .vector-menu-heading { |
|||
margin: 0; |
|||
padding: 0; |
|||
position: relative; |
|||
background-image: none; |
|||
font-size: 1rem; |
|||
line-height: 1.3rem; |
|||
cursor: pointer; } |
|||
#mw-panel .portal > .vector-menu-heading::after { |
|||
position: absolute; |
|||
bottom: 0; |
|||
right: 0; |
|||
opacity: 0; |
|||
font-size: 0.75rem; |
|||
line-height: 1.3rem; |
|||
transition: 0.3s ease; } |
|||
#mw-panel .portal > .vector-menu-heading:hover::after { |
|||
opacity: 0.9; } |
|||
#mw-panel .portal .vector-menu-content { |
|||
padding-top: 0; |
|||
margin-left: 0; |
|||
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 > .vector-menu-heading::after { |
|||
content: '点击展开'; } |
|||
#mw-panel .portal.salt-close .vector-menu-content { |
|||
max-height: 0px; } |
|||
#mw-panel .portal.salt-open > .vector-menu-heading::after { |
|||
content: '点击收起'; } |
|||
#mw-panel .portal.salt-open .vector-menu-content { |
|||
max-height: var(--salt-open-height, 100vh); } |
|||
/* 其他适配 */ |
|||
#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); } |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
font-family: var(--fontfamily) !important; } |
|||
#firstHeading { |
|||
margin-top: var(--bgtop); } |
|||
.diff-deletedline { |
|||
border-color: var(--delete-linecolor) !important; } |
|||
.diff-addedline { |
|||
border-color: var(--add-linecolor) !important; } |
|||
#catlinks { |
|||
margin-bottom: 2px; } |
|||
::selection { |
|||
background: var(--selection-color); |
|||
color: var(--selection-font-color); } |
|||
::-moz-selection { |
|||
background: var(--selection-color); |
|||
color: var(--selection-font-color); } |
|||
input, |
|||
select { |
|||
background-color: var(--lightcolor); |
background-color: var(--lightcolor); |
||
} |
|||
border: 1px solid var(--linecolor); } |
|||
body.mw-special-Preferences #siteNotice { |
|||
display: none; } |
|||
.ve-active #bodyContent { |
|||
background-color: #ffffff; } |
|||
/* 旧版书页样式 */ |
|||
.skin-vector-legacy #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; } |
|||
.skin-vector-legacy #mw-panel .portal { |
|||
/*面板折叠相关样式功能*/ |
|||
padding: 0.75rem 0 0 0; |
|||
margin: 0; } |
|||
.skin-vector-legacy #mw-panel #p-logo { |
|||
width: 10rem; |
|||
height: 10rem; |
|||
margin-top: -14px; |
|||
margin-left: -1rem; } |
|||
.skin-vector-legacy #mw-panel #p-logo a { |
|||
background-size: contain; } |
|||
.skin-vector-legacy #mw-panel #p-logo + .portal { |
|||
margin-top: 0; } |
|||
.skin-vector-legacy #mw-panel #p-logo + .portal .vector-menu-content { |
|||
margin-left: 0; } |
|||
.skin-vector-legacy #mw-panel .vector-menu-content { |
|||
border-top: 2px solid var(--linecolor); } |
|||
.skin-vector-legacy .mw-prefs-buttons { |
|||
background-color: #fbf2db; } |
|||
.skin-vector-legacy .oo-ui-tabSelectWidget-framed { |
|||
background-color: #e3c99e; } |
|||
.skin-vector-legacy #p-personal { |
|||
/* 最顶部的信息栏 */ |
|||
width: 100%; |
|||
position: fixed; |
|||
top: 0; |
|||
right: 0; |
|||
height: 2.5rem; |
|||
padding: 0.5rem 1rem; |
|||
background-image: var(--theme-topbar-img); |
|||
background-size: contain; |
|||
box-sizing: border-box; |
|||
opacity: 0.5; |
|||
font-size: 1rem; |
|||
transition: opacity 0.3s ease 0.5s; } |
|||
.skin-vector-legacy #p-personal:hover { |
|||
opacity: 1; |
|||
transition-delay: 0s; } |
|||
.skin-vector-legacy #p-personal ul { |
|||
float: right; } |
|||
.skin-vector-legacy #p-personal ul li { |
|||
height: 1rem; |
|||
margin-top: 0; |
|||
margin-bottom: 0; |
|||
font-size: 0.9rem; |
|||
line-height: 1rem; } |
|||
.skin-vector-legacy #p-personal #pt-notifications-alert, |
|||
.skin-vector-legacy #p-personal #pt-notifications-notice { |
|||
margin-right: 0; } |
|||
.skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
.skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
||
top: 2.5rem; |
|||
/* 顶部的信息栏遮挡可视化编辑器 */ |
|||
} |
|||
top: 2.5rem; } |
|||
.skin-vector-legacy #mw-head { |
|||
/* 顶部栏 */ |
|||
top: calc( 46px + 3rem); |
|||
padding: 0 57px 0 69px; |
|||
width: calc(100% - 126px); } |
|||
.skin-vector-legacy #mw-head #left-navigation, |
|||
.skin-vector-legacy #mw-head #right-navigation { |
|||
margin-top: 0rem; } |
|||
.skin-vector-legacy #mw-head #left-navigation nav, |
|||
.skin-vector-legacy #mw-head #left-navigation div, |
|||
.skin-vector-legacy #mw-head #left-navigation ul, |
|||
.skin-vector-legacy #mw-head #left-navigation span, |
|||
.skin-vector-legacy #mw-head #left-navigation a, |
|||
.skin-vector-legacy #mw-head #right-navigation nav, |
|||
.skin-vector-legacy #mw-head #right-navigation div, |
|||
.skin-vector-legacy #mw-head #right-navigation ul, |
|||
.skin-vector-legacy #mw-head #right-navigation span, |
|||
.skin-vector-legacy #mw-head #right-navigation a { |
|||
background-image: none; |
|||
background-color: transparent; } |
|||
.skin-vector-legacy #mw-head #left-navigation li, |
|||
.skin-vector-legacy #mw-head #right-navigation li { |
|||
border-left: none; |
|||
border-right: none; } |
|||
.skin-vector-legacy #mw-head #left-navigation li:first-child, |
|||
.skin-vector-legacy #mw-head #right-navigation li:first-child { |
|||
border-left: 1px solid var(--linecolor); } |
|||
.skin-vector-legacy #mw-head #left-navigation li:last-child, |
|||
.skin-vector-legacy #mw-head #right-navigation li:last-child { |
|||
border-right: 1px solid var(--linecolor); } |
|||
.skin-vector-legacy #mw-head #left-navigation ul li, |
|||
.skin-vector-legacy #mw-head #right-navigation ul li { |
|||
height: 2.7rem; |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 20%); } |
|||
.skin-vector-legacy #mw-head #left-navigation ul li:hover, |
|||
.skin-vector-legacy #mw-head #right-navigation ul li:hover { |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 12%); } |
|||
.skin-vector-legacy #mw-head #left-navigation ul li a, |
|||
.skin-vector-legacy #mw-head #right-navigation ul li a { |
|||
font-size: 0.875rem; |
|||
padding-top: 1rem; |
|||
text-align: center; } |
|||
.skin-vector-legacy #mw-head #left-navigation ul li.icon a, |
|||
.skin-vector-legacy #mw-head #right-navigation ul li.icon a { |
|||
padding-top: 2.5rem; } |
|||
.skin-vector-legacy #mw-head #left-navigation ul.menu li, |
|||
.skin-vector-legacy #mw-head #right-navigation ul.menu li { |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 12%); } |
|||
.skin-vector-legacy #mw-head #left-navigation ul.menu li:hover, |
|||
.skin-vector-legacy #mw-head #right-navigation ul.menu li:hover { |
|||
background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 6%); } |
|||
.skin-vector-legacy #mw-head #p-cactions .menu li { |
|||
border: 1px solid var(--linecolor); |
|||
background-color: var(--lightcolor); } |
|||
.skin-vector-legacy #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: var(--book-border-left) left top repeat-y, var(--book-border-right) right top repeat-y; |
|||
background-color: var(--bgcolor); |
|||
border: none; |
|||
border-width: 0; } |
|||
.skin-vector-legacy #content::after, .skin-vector-legacy #content::before { |
|||
content: ''; |
|||
left: 0; |
|||
height: 46px; |
|||
width: calc(100% - 92px); |
|||
padding: 0 46px; |
|||
display: block; |
|||
position: absolute; } |
|||
.skin-vector-legacy #content::before { |
|||
top: -46px; |
|||
background: var(--book-border-left-top) left top no-repeat, var(--book-border-right-top) right top no-repeat, var(--book-border-top) top repeat-x content-box; } |
|||
.skin-vector-legacy #content::after { |
|||
bottom: -46px; |
|||
background: var(--book-border-left-bottom) left bottom no-repeat, var(--book-border-right-bottom) right bottom no-repeat, var(--book-border-bottom) bottom repeat-x content-box; } |
|||
.skin-vector-legacy #footer { |
|||
/* 页脚 */ |
|||
padding-bottom: 0; |
|||
margin-top: 46px; |
|||
clear: both; |
|||
transition: all 0.3s; } |
|||
.skin-vector-legacy #footer:hover { |
|||
/*鼠标滑过，背景变白*/ |
|||
background: rgba(255, 255, 255, 0.7); } |
|||
@media screen and (max-width: 982px) { |
|||
.skin-vector-legacy { |
|||
/* 适配 */ } |
|||
.skin-vector-legacy #mw-panel { |
|||
left: 0; } |
|||
.skin-vector-legacy #content { |
|||
margin-left: 10rem; |
|||
margin-right: 0; } } |
|||
.skin-vector-legacy #mw-page-base, |
|||
.skin-vector-legacy #mw-head-base { |
|||
background-color: transparent; |
|||
opacity: 0; |
|||
display: none; |
|||
height: 0; } |
|||
.skin-vector-legacy fieldset, |
|||
.skin-vector-legacy ul, |
|||
.skin-vector-legacy li, |
|||
.skin-vector-legacy a, |
|||
.skin-vector-legacy span, |
|||
.skin-vector-legacy em, |
|||
.skin-vector-legacy pre, |
|||
.skin-vector-legacy h1, |
|||
.skin-vector-legacy h2, |
|||
.skin-vector-legacy h3, |
|||
.skin-vector-legacy h4, |
|||
.skin-vector-legacy h5, |
|||
.skin-vector-legacy h6 { |
|||
border-color: var(--linecolor) !important; } |
|||
. |
.mw-category-group li { |
||
border-color: |
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;
}