|
/* 这里是全站的通用样式 */
/* 本样式表来源于 MCBBS Wiki （https://mcbbs.wiki/wiki/MediaWiki:Common.css） */
/* 以 知识共享 署名-非商业-相同方式共享 4.0 （CC BY-NC-SA 4.0） 协议共享 */
:root {
--themecolor: #A8CDFF;
--bgtop: 46px;
--themeimg:url(https://www.mcbbs.net/template/mcbbs/image/body_bg.jpg);
--bgtopbgleft:46px 20px;
--lightcolor: #FDF6E6;
--bgleft:20px;
--bgcolor: #fbf2dc;
--lightcolor:#FDF6E6;
--bgcolorbgcolor1: #fbf2dcE9D3AD;
--bgcolor1bgcolor2: #E9D3ADE7D3B1;
--bgcolor2bgcolor3: #E7D3B1E9CB97;
--bgcolor3linecolor: #E9CB97CFB78E;
--fontfamily: sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol;
--linecolor:#CFB78E;
--fontfamily2: 'Linux Libertine','Georgia','Times',serif,sans-serif,Tahoma;
--fontfamily:sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol;
--articlefont: Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif','Source Han Serif','Source Han Serif SC';
--fontfamily2:'Linux Libertine','Georgia','Times',serif,sans-serif,Tahoma;
}
body {
background-color: var(--themecolor);
}
/* 删除右上角帮助 */
}
#p-logo{
margin-top: 1.5em24px;
}
.ns-3100 #bodyContent:not(#siteNotice):before {
/* 左侧导航信息 */
content: "页面废存";
/*
position: fixed;
.portal {
font-size: 100px;
background: rgba(255,255,255,0.5);
font-weight: bold;
color: rgba(0,0,0,0.02);
top: 42%;
left: 36%;
transform: rotate(-45deg);
}
.portal li:hover {
background: rgba(255,255,255,0.7);
}
*/
.portal{
transition: all .3s;
}
.portal:hover {
background: rgba(255,255,255,0.5);
}
/*
#mw-panel:hover {
background: rgba(255,255,255,0.5);
}
*/
/* 新版首页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-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移动端兼容 */
.mobile-compatible-box {
/* 旧版首页表网格布局方案A */
#grid-a-body {
.mainpage-table {
table-layoutdisplay: fixedgrid;
width: 100%;
grid-template-areas: "a a b"
"c d e"
"f g h";
grid-template-columns: 1fr 1fr 1fr;
}
.mainpage-td {
.grid-a-box-title {
width: 33.33%;
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;
}
/* 右侧信息卡模板勋章列表样式 */
ul.gallery.medal{
.infolist {
widthtext-align:21em!important left;
}
li.gallerybox {
/*float: left;*/
/* info类模板 */
.infoBox {
margin: 0 auto;
}
.infoBoxTitle {
margin: 3px auto;
padding: 0;
text-align: center;
/* width: 132px!important; */
font-weight: 700;
}
.infoBoxIcon {
.medal li.gallerybox {
display: table-cell;
paddingmargin: 2px 0 2px-9px .5em10px;
vertical-align: middle;
}
.infoBoxText {
.medal .gallerytext {
display: table-cell;
padding: .25em2px .5em .25em 1.3em10px;
width: 100%;
vertical-align: middle;
}
.infoBoxContent {
.medal div.thumb {
border: 1px solid #ddd;
box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, 0.3);
border-left-width: 0;
backgroundborder-radius: #fbfbfb5px;
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;
}
.infoBoxBelow {
.medal, li.gallerybox div.thumb img {
display: block;
margin: 0 auto;
paddingheight: 0auto;
text-alignwidth: centerauto;
}
/* 编辑工具栏 */
/* 页面底部导航框（2011年8月16日引自中文维基）(所谓大家族模板) */
a[data-mw-charinsert-start] {
table.navbox {
display: inline-block!important;
border: 1px solid #aaa;
border: #0645ad 1px solid!important;
clear: both;
marginpadding: auto1px 5px;
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 #f5fcf5;
}
.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;
}
/* 网页特效 */
body {
.saturation0 { /*黑白*/
background:var(--themeimg) 0 0 no-repeat;
-webkit-filter: grayscale(100%);
background-attachment:fixed;
-moz-filter: grayscale(100%);
background-size:cover;
-ms-filter: gray(100%);
border-top:none;
-o-filter: grayscale(100%);
font-family:var(--fontfamily)
filter: grayscale(100%);
}
#mw-page-base {
background:none!important
}
#content:before {
content:'';
left:0;
height:var(--bgtop);
width:calc(100% - 90px);
padding:0 45px;
margin-top:-45px;
display:block;
position:absolute;
background:url(https://s2.ax1x.com/2019/11/28/QFB2X4.png)left top no-repeat,url(https://s2.ax1x.com/2019/11/28/QFBfB9.png)right top no-repeat,url(https://s2.ax1x.com/2019/11/28/QFBc1U.png)top repeat-x content-box
}
#content:after {
content:'';
left:0;
height:var(--bgtop);
width:calc(100% - 90px);
padding:0 45px;
bottom:0px;
margin-bottom:-45px;
display:block;
position:absolute;
background:url(https://s2.ax1x.com/2019/11/28/QFco4A.png)bottom repeat-x content-box,url(https://s2.ax1x.com/2019/11/28/QFcINd.png)left bottom no-repeat,url(https://s2.ax1x.com/2019/11/28/QFc5AH.png)right bottom no-repeat
}
#content {
padding:0 calc(var(--bgtop) * 1.5);
margin-right:var(--bgleft);
overflow:visible;
position:relative;
background:url(https://www.mcbbs.net/template/mcbbs/image/bg_border_left.png) left top repeat-y,url(https://www.mcbbs.net/template/mcbbs/image/bg_border_right.png) right top repeat-y;
background-color:var(--bgcolor);
min-height: 500px;
}
#left-navigation {
margin-top:calc(2em + var(--bgtop));
margin-left:calc(11em + var(--bgtop) * 1.5)
}
#right-navigation {
margin-top:calc(2em + var(--bgtop));
margin-right:calc(var(--bgtop) + var(--bgleft))
}
#left-navigation li,#right-navigation li {
background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%)
}
#left-navigation li.selected,#right-navigation li.selected {
background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%,white 100%)
}
#left-navigation li:first-child,#right-navigation li:first-child {
border-left:1px solid var(--linecolor)
}
#left-navigation li:last-child,#right-navigation li:last-child {
border-right:1px solid var(--linecolor)
}
#p-cactions .menu li {
border:1px solid var(--linecolor)
}
#left-navigation div,#left-navigation ul,#left-navigation span,#right-navigation div,#right-navigation ul,#right-navigation span,#p-cactions-label,#p-cactions .menu li {
background:none!important
}
#firstHeading {
margin-top:var(--bgtop)
}
#p-personal {
width:100%;
position:fixed;
top:0;
right:0;
padding:0.33em 1em;
background:url(https://www.mcbbs.net/template/mcbbs/image/top_bg.png);
background-size:contain
}
#p-personal ul {
float:right
}
#catlinks,pre,table.wikitable,li.gallerybox div.thumb,.toc,.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
}
.diff-deletedline {
border-color:#ffe49c!important
}
.diff-addedline {
border-color:#a3d3ff!important
}
#catlinks {
margin-bottom:2px
}
/*制作一个很像 pre 的 div ，帮助:注释 页面要用*/
::selection {
div.pre-like{
background:lightblue;
border: 1px solid var(--linecolor)!important;
color:black
background-color: var(--lightcolor);
padding: 1em;
}
/* center 替代 */
::-moz-selection {
.mwcenter {
background:lightblue;
text-align: center;
color:black
}
input,select {
background-color:var(--lightcolor);
border:1px solid var(--linecolor)
}
h1,h2,h3,h4,h5,h6 {
font-family:var(--fontfamily2)!important
}
.mwcenter > div, .mwcenter > table {
#footer {
margin-left: auto;
padding-bottom:0
margin-topright: 1emauto;
}
|