|
|
| (未显示3个用户的27个中间版本) |
| 第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); |
| | } |
|
| |
|
| /* 删除右上角帮助 */ | | /* 删除右上角帮助 */ |
| 第34行: |
第38行: |
| } | | } |
|
| |
|
| /* 顶部轮播文字 */
| | .ns-3100 #bodyContent:not(#siteNotice):before { |
| .topsign{ | | content: "页面废存"; |
| position: relative; | | position: fixed; |
| width: 100%; | | font-size: 100px; |
| height: 65px; | | font-weight: bold; |
| overflow: hidden; | | color: rgba(0,0,0,0.02); |
| }
| | top: 42%; |
| | | left: 36%; |
| .topsign .topsignitem{
| | transform: rotate(-45deg); |
| 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 { |
| 第78行: |
第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 { |
| 第125行: |
第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; |
| 第141行: |
第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 {
| |
| color: #946ce6!important;
| |
| background-image: url(https://wiki.crash-logs.cn/images/b/b2/%E7%88%B1%E5%8F%91%E7%94%B5.png);
| |
| background-repeat: no-repeat;
| |
| background-size: 20px;
| |
| padding-left: 23px;
| |
| }
| |
|
| |
| /* 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;
| |
| } | | } |
|
| |
|
| 第257行: |
第135行: |
| width: 76px!important; | | width: 76px!important; |
| height: 76px!important; | | height: 76px!important; |
| background: url(https://wiki.crash-logs.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; |
| } | | } |
| 第266行: |
第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;
| |
| } | | } |
|
| |
|
| 第351行: |
第162行: |
| } | | } |
|
| |
|
| .heimu,.blackcurtain{/*黑幕*/
| | /*制作一个很像 pre 的 div ,帮助:注释 页面要用*/ |
| transition: all .3s;
| | div.pre-like{ |
| background: var(--heimu);
| |
| color: var(--heimu);
| |
| /* 黑幕:一块黑色区域,鼠标移入后显示内容
| |
| 使用方法:将heimu类或者blackcurtain类附加到你想实现黑幕的元素上
| |
| 彩色黑幕:将元素的--heimu变量变为你想要的颜色 */
| |
| }
| |
| .heimu:hover,.blackcurtain:hover{ /*黑幕,鼠标移入后文字背景透明*/
| |
| background: transparent;
| |
| }
| |
| div.pre-like{ /*制作一个很像 pre 的 div ,帮助:注释 页面要用*/ | |
| border: 1px solid var(--linecolor)!important; | | border: 1px solid var(--linecolor)!important; |
| background-color: var(--lightcolor); | | background-color: var(--lightcolor); |
| padding: 1em; | | padding: 1em; |
| } | | } |
| | | /* center 替代 */ |
| .article-container{ /*kakagou提案的一个排版解决方案*/
| | .mwcenter { |
| 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%;
| |
| } | | } |
| .article-container h4,.article-container h5{ | | .mwcenter > div, .mwcenter > table { |
| width: 50%; | | margin-left: auto; |
| | margin-right: auto; |
| } | | } |
| */
| |