|
|
| （未显示3个用户的83个中间版本） |
| 第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;
| | --lightcolor: #FDF6E6; |
| --lightcolor:#FDF6E6;
| | --bgcolor: #fbf2dc; |
| --bgcolor:#fbf2dc;
| | --bgcolor1: #E9D3AD; |
| --bgcolor1:#E9D3AD;
| | --bgcolor2: #E7D3B1; |
| --bgcolor2:#E7D3B1;
| | --bgcolor3: #E9CB97; |
| --bgcolor3:#E9CB97;
| | --linecolor: #CFB78E; |
| --linecolor:#CFB78E;
| | --fontfamily: sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol; |
| --fontfamily:sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol;
| | --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'; |
| } | | } |
|
| |
|
| | | body { |
| | background-color: var(--themecolor); |
| | } |
|
| |
|
| /* 删除右上角帮助 */ | | /* 删除右上角帮助 */ |
| 第29行： |
第35行： |
| } | | } |
| #p-logo{ | | #p-logo{ |
| margin-top: 1.5em; | | margin-top: 24px; |
| } | | } |
|
| |
|
| /* 左侧导航信息 */
| | .ns-3100 #bodyContent:not(#siteNotice):before { |
| /*
| | content: "页面废存"; |
| .portal {
| | position: fixed; |
| background: rgba(255,255,255,0.5); | | font-size: 100px; |
| | 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 */ | | /* 新版首页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 { |
| 第76行： |
第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 { |
| 第92行： |
第70行： |
|
| |
|
|
| |
|
| /* 旧版首页表格 */ | | /* 网格布局方案A */ |
| .mainpage-table {
| | #grid-a-body { |
| table-layout: fixed; | | display: grid; |
| | width: 100%; |
| | grid-template-areas: "a a b" |
| | "c d e" |
| | "f g h"; |
| | grid-template-columns: 1fr 1fr 1fr; |
| } | | } |
| .mainpage-td { | | |
| width: 33.33%; | | .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 { | | .mainpage-table-title { |
| font-size: 20px; | | font-size: 20px; |
| 第109行： |
第111行： |
| } | | } |
|
| |
|
| /* 右侧信息卡模板 */ | | /* 勋章列表样式 */ |
| .infolist { | | ul.gallery.medal{ |
| width:21em!important; | | text-align: left; |
| | } |
| | li.gallerybox { |
| | /*float: left;*/ |
| | text-align: center; |
| | /* width: 132px!important; */ |
| } | | } |
|
| |
|
| .infolist .image img { | | .medal li.gallerybox { |
| max-width: 257px; | | margin: 0 -9px 10px; |
| } | | } |
|
| |
|
| /* info类模板 */
| | .medal .gallerytext { |
| .infoBox { | | padding: 2px 10px; |
| margin: 0 auto; | |
| } | | } |
| .infoBoxTitle { | | |
| margin: 3px auto; | | .medal div.thumb { |
| padding: 0; | | box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, 0.3); |
| text-align: center; | | border-radius: 5px; |
| font-weight: 700; | | 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; |
| } | | } |
| .infoBoxIcon { | | |
| display: table-cell;
| | .medal, li.gallerybox div.thumb img { |
| padding: 2px 0 2px .5em;
| | display: block; |
| 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; | | margin: 0 auto; |
| padding: 0; | | height: auto; |
| text-align: center; | | width: auto; |
| } | | } |
|
| |
|
| /* 页面底部导航框（2011年8月16日引自中文维基）(所谓大家族模板) */ | | /* 编辑工具栏 */ |
| table.navbox {
| | a[data-mw-charinsert-start] { |
| border: 1px solid #aaa;
| | display: inline-block!important; |
| clear: both;
| | border: #0645ad 1px solid!important; |
| margin: auto;
| | padding: 1px 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 {
| | /* 网页特效 */ |
| background:var(--themeimg) 0 0 no-repeat;
| | .saturation0 { /*黑白*/ |
| background-attachment:fixed;
| | -webkit-filter: grayscale(100%); |
| background-size:cover;
| | -moz-filter: grayscale(100%); |
| border-top:none;
| | -ms-filter: gray(100%); |
| font-family:var(--fontfamily)
| | -o-filter: grayscale(100%); |
| }
| | 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
| |
| } | | } |
|
| |
|
| ::selection { | | /*制作一个很像 pre 的 div ，帮助:注释 页面要用*/ |
| background:lightblue;
| | div.pre-like{ |
| color:black
| | border: 1px solid var(--linecolor)!important; |
| | background-color: var(--lightcolor); |
| | padding: 1em; |
| } | | } |
| ::-moz-selection {
| | /* center 替代 */ |
| background:lightblue;
| | .mwcenter { |
| color:black
| | text-align: center; |
| }
| |
| input,select {
| |
| background-color:var(--lightcolor);
| |
| border:1px solid var(--linecolor)
| |
| }
| |
| h1,h2,h3,h4,h5,h6 {
| |
| font-family:var(--fontfamily2)!important
| |
| } | | } |
| #footer {
| | .mwcenter > div, .mwcenter > table { |
| padding-bottom:0
| | margin-left: auto; |
| margin-top: 1em;
| | margin-right: auto; |
| } | | } |
