MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题,可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线!
您可以在回声洞中发表吐槽!
服务器状态监控。点击进入
本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
MediaWiki:Common.css:修订间差异
跳到导航
跳到搜索
无编辑摘要 |
(// Edit via Wikiplus) |
||
(未显示3个用户的17个中间版本) | |||
第5行: | 第5行: | ||
:root { |
:root { |
||
--themecolor: #A8CDFF; |
--themecolor: #A8CDFF; |
||
--themeimg: url(https://www.mcbbs.net/template/mcbbs/image/body_bg.jpg); |
|||
--bgtop: 46px; |
--bgtop: 46px; |
||
--bgleft: 20px; |
--bgleft: 20px; |
||
第17行: | 第16行: | ||
--fontfamily2: 'Linux Libertine','Georgia','Times',serif,sans-serif,Tahoma; |
--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'; |
--articlefont: Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif','Source Han Serif','Source Han Serif SC'; |
||
} |
|||
body { |
|||
background-color: var(--themecolor); |
|||
} |
} |
||
第33行: | 第36行: | ||
#p-logo{ |
#p-logo{ |
||
margin-top: 24px; |
margin-top: 24px; |
||
} |
|||
.ns-3100:not(.mcbbswiki-user-online) #bodyContent { |
|||
display: none; |
|||
} |
} |
||
第51行: | 第49行: | ||
} |
} |
||
/* 顶部轮播文字 */ |
|||
.topsign{ |
|||
position: relative; |
|||
width: 100%; |
|||
height: 65px; |
|||
overflow: hidden; |
|||
} |
|||
.topsign .topsignitem{ |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
height: auto; |
|||
} |
|||
.topsign .topsignitem p{ |
|||
line-height: 50px; |
|||
text-align: center; |
|||
} |
|||
/* 新版首页DIV */ |
/* 新版首页DIV */ |
||
#mainpage-body { |
|||
display: grid; |
|||
width: 100%; |
|||
grid-template-areas: "a a b" |
|||
"c c d" |
|||
"e e f" |
|||
"g h i"; |
|||
grid-template-columns: 1fr 1fr 1fr; |
|||
} |
|||
.mainpage-box-title { |
.mainpage-box-title { |
||
第96行: | 第64行: | ||
} |
} |
||
#mainpage-body :nth-child(1) {grid-area: a;} |
|||
#mainpage-body :nth-child(2) {grid-area: b;} |
|||
#mainpage-body :nth-child(3) {grid-area: c;} |
|||
#mainpage-body :nth-child(4) {grid-area: d;} |
|||
#mainpage-body :nth-child(5) {grid-area: e;} |
|||
#mainpage-body :nth-child(6) {grid-area: f;} |
|||
#mainpage-body :nth-child(7) {grid-area: g;} |
|||
#mainpage-body :nth-child(8) {grid-area: h;} |
|||
#mainpage-body :nth-child(9) {grid-area: i;} |
|||
/* 首页DIV移动端兼容 */ |
/* 首页DIV移动端兼容 */ |
||
.mobile-compatible-box { |
.mobile-compatible-box { |
||
第143行: | 第101行: | ||
#grid-a-body :nth-child(8) {grid-area: h;} |
#grid-a-body :nth-child(8) {grid-area: h;} |
||
/* 旧版首页表格 */ |
|||
.mainpage-table { |
|||
table-layout: fixed; |
|||
} |
|||
.mainpage-td { |
|||
width: 33.33%; |
|||
} |
|||
.mainpage-table-title { |
.mainpage-table-title { |
||
font-size: 20px; |
font-size: 20px; |
||
第159行: | 第109行: | ||
padding:10px; |
padding:10px; |
||
vertical-align: top; |
vertical-align: top; |
||
} |
|||
/* 右侧信息卡模板 */ |
|||
.infolist { |
|||
width:256px!important; |
|||
/* |
|||
background: var(--lightcolor); |
|||
border: var(--linecolor) 1px solid; |
|||
padding: 2px; |
|||
*/ |
|||
} |
|||
.infolist .salt img, |
|||
.infolist .image img { |
|||
max-width: 100%; |
|||
height: auto; |
|||
max-height: 384px; |
|||
} |
|||
.infolist-bottombar { |
|||
max-width: 250px; |
|||
text-align: center; |
|||
} |
|||
.infolist-bottom { |
|||
margin: 0; |
|||
width: 250px; |
|||
background:#E0CBA7; |
|||
text-align: center; |
|||
line-height: 50px; |
|||
border-radius:7px; |
|||
font-size: 14px; |
|||
display: inline-block; |
|||
} |
|||
.infolist-bottom:hover { |
|||
-webkit-filter: brightness(1.05); |
|||
filter: brightness(1.05); |
|||
} |
|||
.infolist-bottom:active { |
|||
-webkit-filter: brightness(0.95); |
|||
filter: brightness(0.95); |
|||
} |
|||
.infolist-bottombar a.external { |
|||
background-image: none; |
|||
padding-right: 0; |
|||
text-decoration: none; |
|||
} |
|||
.bottom-afdian { |
|||
color: #946ce6!important; |
|||
background-color: #E4DBF5; |
|||
} |
|||
.bottom-afdian span { |
|||
height: 14px; |
|||
padding: 3px 1px 3px 23px; |
|||
color: #946ce6!important; |
|||
background-image: url(https://mcbbs.wiki/images/b/b2/%E7%88%B1%E5%8F%91%E7%94%B5.png); |
|||
background-repeat: no-repeat; |
|||
background-size: 20px; |
|||
} |
|||
/* info类模板 */ |
|||
.infoBox { |
|||
margin: 0 auto; |
|||
} |
|||
.infoBoxTitle { |
|||
margin: 3px auto; |
|||
padding: 0; |
|||
text-align: center; |
|||
font-weight: 700; |
|||
} |
|||
.infoBoxIcon { |
|||
display: table-cell; |
|||
padding: 2px 0 2px .5em; |
|||
vertical-align: middle; |
|||
} |
|||
.infoBoxText { |
|||
display: table-cell; |
|||
padding: .25em .5em .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; |
|||
} |
} |
||
第278行: | 第135行: | ||
width: 76px!important; |
width: 76px!important; |
||
height: 76px!important; |
height: 76px!important; |
||
background: url(https://mcbbs.wiki/images/a/ac/magic_imgbg.gif) no-repeat 0 0; |
background: url(https://upload.mcbbs.wiki/images/a/ac/magic_imgbg.gif) no-repeat 0 0; |
||
margin: auto!important; |
margin: auto!important; |
||
} |
} |
||
第287行: | 第144行: | ||
height: auto; |
height: auto; |
||
width: auto; |
width: auto; |
||
} |
|||
/* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */ |
|||
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; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
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 #FDF6E6; |
|||
} |
|||
.navbox-odd { |
|||
background: none repeat scroll 0 0 transparent; |
|||
} |
|||
.collapseButton { |
|||
float: right; |
|||
font-weight: 400; |
|||
text-align: right; |
|||
width: auto; |
|||
} |
|||
.navbox .collapseButton { |
|||
width: 6em; |
|||
} |
|||
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) |
|||
Address alignment issue of nested tabs in Navbox */ |
|||
.navbox .TabLabel { |
|||
text-align: left; |
|||
} |
} |
||
第378行: | 第168行: | ||
padding: 1em; |
padding: 1em; |
||
} |
} |
||
/* center 替代 */ |
|||
.mwcenter { |
|||
.article-container{ /*kakagou提案的一个排版解决方案*/ |
|||
text-align: center; |
|||
margin-block-start: 1rem; |
|||
margin-block-end: 1rem; |
|||
max-width:40rem; |
|||
margin-left:auto; |
|||
margin-right:auto; |
|||
font-family: var(--articlefont); |
|||
font-size: 1.2rem; |
|||
white-space:pre-wrap; |
|||
/* 用法:将整个页面用一个.article-container的div包裹起来 |
|||
正文左右两边有边距 |
|||
h2、h3、h4、h5标题居中 |
|||
详见 用户:Salt lovely/沙盒/样式测试用 */ |
|||
} |
|||
.article-container h2,.article-container h3,.article-container h4,.article-container h5{ |
|||
font-family: var(--articlefont) !important; |
|||
line-height:1.5; |
|||
margin-top: 0; |
|||
margin-bottom: 0; |
|||
} |
|||
.article-container h3,.article-container h4,.article-container h5{ |
|||
border-bottom: 1px solid; |
|||
font-size:1.17em; |
|||
} |
|||
/* |
|||
.article-container h3{ |
|||
width: 75%; |
|||
} |
|||
.article-container h4,.article-container h5{ |
|||
width: 50%; |
|||
} |
|||
*/ |
|||
/* MediaWiki 默认样式修正 */ |
|||
.mw-prefs-buttons { |
|||
background-color: #FBF2DB; |
|||
} |
} |
||
.mwcenter > div, .mwcenter > table { |
|||
.oo-ui-tabSelectWidget-framed { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
} |
2024年3月3日 (日) 17:01的最新版本
/* 这里是全站的通用样式 */
/* 本样式表来源于 MCBBS Wiki (https://mcbbs.wiki/wiki/MediaWiki:Common.css) */
/* 以 知识共享 署名-非商业-相同方式共享 4.0 (CC BY-NC-SA 4.0) 协议共享 */
:root {
--themecolor: #A8CDFF;
--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';
}
body {
background-color: var(--themecolor);
}
/* 删除右上角帮助 */
#mw-indicator-mw-helplink {
display:none;
}
dfn {
font-style: Sans-serif;
}
/* LOGO */
#p-logo a{
background-size: contain;
}
#p-logo{
margin-top: 24px;
}
.ns-3100 #bodyContent:not(#siteNotice):before {
content: "页面废存";
position: fixed;
font-size: 100px;
font-weight: bold;
color: rgba(0,0,0,0.02);
top: 42%;
left: 36%;
transform: rotate(-45deg);
}
/* 新版首页DIV */
.mainpage-box-title {
font-size: 20px;
color: #694B19;
background: #E9CB97;
text-align: center;
line-height: 36px;
}
.mainpage-box-content {
padding:10px;
}
/* 首页DIV移动端兼容 */
.mobile-compatible-box {
display: none;
}
/* 网格布局方案A */
#grid-a-body {
display: grid;
width: 100%;
grid-template-areas: "a a b"
"c d e"
"f g h";
grid-template-columns: 1fr 1fr 1fr;
}
.grid-a-box-title {
font-size: 20px;
color: #694B19;
background: #E9CB97;
text-align: center;
line-height: 36px;
}
.grid-a-box-content {
padding:10px;
}
#grid-a-body :nth-child(1) {grid-area: a;}
#grid-a-body :nth-child(2) {grid-area: b;}
#grid-a-body :nth-child(3) {grid-area: c;}
#grid-a-body :nth-child(4) {grid-area: d;}
#grid-a-body :nth-child(5) {grid-area: e;}
#grid-a-body :nth-child(6) {grid-area: f;}
#grid-a-body :nth-child(7) {grid-area: g;}
#grid-a-body :nth-child(8) {grid-area: h;}
.mainpage-table-title {
font-size: 20px;
color: #694B19;
background: #E9CB97;
}
.mainpage-table-box {
padding:10px;
vertical-align: top;
}
/* 勋章列表样式 */
ul.gallery.medal{
text-align: left;
}
li.gallerybox {
/*float: left;*/
text-align: center;
/* width: 132px!important; */
}
.medal li.gallerybox {
margin: 0 -9px 10px;
}
.medal .gallerytext {
padding: 2px 10px;
}
.medal div.thumb {
box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, 0.3);
border-radius: 5px;
padding: 10px;
width: 76px!important;
height: 76px!important;
background: url(https://upload.mcbbs.wiki/images/a/ac/magic_imgbg.gif) no-repeat 0 0;
margin: auto!important;
}
.medal, li.gallerybox div.thumb img {
display: block;
margin: 0 auto;
height: auto;
width: auto;
}
/* 编辑工具栏 */
a[data-mw-charinsert-start] {
display: inline-block!important;
border: #0645ad 1px solid!important;
padding: 1px 5px;
}
/* 网页特效 */
.saturation0 { /*黑白*/
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: gray(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
/*制作一个很像 pre 的 div ,帮助:注释 页面要用*/
div.pre-like{
border: 1px solid var(--linecolor)!important;
background-color: var(--lightcolor);
padding: 1em;
}
/* center 替代 */
.mwcenter {
text-align: center;
}
.mwcenter > div, .mwcenter > table {
margin-left: auto;
margin-right: auto;
}