MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

MediaWiki:Common.css:修订间差异

来自MCBBS Wiki
跳到导航 跳到搜索
无编辑摘要
(// Edit via Wikiplus)
 
(未显示3个用户的23个中间版本)
第1行: 第1行:
/* 这里是全站的通用样式 */
/* 本样式表来源于 MCBBS Wiki (https://mcbbs.wiki/wiki/MediaWiki:Common.css) */
/* 以 知识共享 署名-非商业-相同方式共享 4.0 (CC BY-NC-SA 4.0) 协议共享 */

: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;
第13行: 第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';
}
--heimu: #000;

body {
background-color: var(--themecolor);
}
}


第32行: 第38行:
}
}


.ns-3100 #bodyContent:not(#siteNotice):before {

content: "页面废存";
$('.ns-3100:not(.mcbbswiki-user-online) #bodyContent') {
display: none;
position: fixed;
font-size: 100px;
font-weight: bold;
color: rgba(0,0,0,0.02);
top: 42%;
left: 36%;
transform: rotate(-45deg);
}
}



/* 顶部轮播文字 */
.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 {
第82行: 第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 {
第129行: 第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;
第145行: 第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 {
max-width: 256px;
height: auto;
}

.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.cn/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;
}
}


第262行: 第135行:
width: 76px!important;
width: 76px!important;
height: 76px!important;
height: 76px!important;
background: url(https://mcbbs-wiki.cn/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;
}
}
第271行: 第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;
}
}


第356行: 第162行:
}
}


/* 黑幕 */
.heimu {
transition: all .3s;
background: var(--heimu);
color: var(--heimu);
/* 黑幕:一块黑色区域,鼠标移入后显示内容
使用方法:将heimu类附加到你想实现黑幕的元素上
彩色黑幕:将元素的--heimu变量变为你想要的颜色 */
}
.heimu:not(:hover) a.
.heimu:not(:hover) span {
/*同时隐藏带自颜色的文字*/
color: var(--heimu);
}
.heimu:hover {
/*黑幕,鼠标移入后文字背景透明*/
background: transparent;
}
/*制作一个很像 pre 的 div ,帮助:注释 页面要用*/
/*制作一个很像 pre 的 div ,帮助:注释 页面要用*/
div.pre-like{
div.pre-like{
第380行: 第168行:
padding: 1em;
padding: 1em;
}
}
/* center 替代 */

.mwcenter {
.article-container{ /*kakagou提案的一个排版解决方案*/
display: block;
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%;
}
}
.mwcenter > div, .mwcenter > table {
.article-container h4,.article-container h5{
width: 50%;
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;
}