打开/关闭搜索
打开/关闭菜单
1680
2.2万
6524
11.7万
舰R百科
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

舰R百科是靠无数志愿编辑者持续地建设更新完善的。编辑非常简单，无需代码知识，请勇于更新页面！
编辑入门 | 资助百科 | 留言讨论页 | 微博@舰R百科 | 百科编辑讨论Q群：366818861

MediaWiki:Citizen.css：修订间差异

MediaWiki界面页面
更多操作
以互动方式浏览历史
下一编辑→
创建页面，内容为“→这里所有CSS都会加载给Citizen皮肤的用户：​ .DeskOnly { display: none; } :root { --width-layout: 100vw; →Slightly wider content：​ } →* Citizen logo补丁/ /*：​ img.mw-logo-wordmark { filter: none !important; } →背景图片：​ .skin-citizen-light .citizen-page-container { background-color: rgba(255, 255, 255, 0.85); } .skin-citizen-dark .citizen-page-container { background-color: rgba(29, 35, 48, 0.85); } /* Make drawer always…”
 
无编辑摘要
第1行： 第1行：
/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* 这里放置的CSS将应用于MinervaNeue皮肤 */
/* 放置于这里的CSS将影响使用移动版网站的用户 */


.DeskOnly {
 
display: none;
/* 隐藏大家族模板 */
.homo114514{
display:block;
}
 
.navbox{
display:none !important;
}
 
/* 隐藏首页标题 */
 
.page-Main_Page .mw-first-heading {
display: none !important;
}
 
.sitenotice {
text-align: center;
display: none !important;
}
 
.sitenotice {
text-align: center;
}
 
.sitenotice-bold, .sitenotice-bold a {
color:rgb(207, 59, 81);
text-decoration: none;
text-align: center;
font-weight: bold;
}
 
/*隐藏页面顶端的logo*/
/*
.branding-box span{
position: absolute;
top:-200px;
}
*/
/*tabber修改*/
.tabber__section {
border-width: 0px 1px 1px 1px;
border-color: #6690E5;
border-style: solid;
}
 
.tabber__panel {
padding:3px;
}
 
 
/* 图片宽度 */
#mw-content-text img {
max-width:100%;
height: auto;
}
 
/*移动版不显示目录*/
.toc-mobile {
display:none
}
 
/* 移动版黑幕 */
.heimu, .heimu a, a .heimu, .heimu a.new {
background-color: #252525;
color: #252525;
text-shadow: none;
}
.heimu:hover, .heimu:active {
color: white;
}
.heimu:hover a, a:hover .heimu {
color: lightblue;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu {
color: #BA0000;
}
 
/* 修复单元格莫名空行 */
td {
    vertical-align: middle;
}
/* 修复子页面列表和common-box宽度不足 */
.mw-prefixindex-list-table,
.common-box {
    width: 100%!important;
}
/* 侧边栏和替换logo图片隐藏 */
#sidebar-character,
#wglogo {
    display: none;
}
/* code 内边距修复 */
code {
    padding: 3px
}
/* 搜索栏边框 */
.header .search-box input.search {
    padding: 7px 3px;
    border: 1px solid #CCC;
    border-radius: none;
}
 
/*战舰少女R导航*/
        .zjsnr-banner {
            border: 1px solid #aaa;
            padding: 8px;
            margin: 5px 0;
            font-family: Arial, Tahoma, Microsoft YaHei, Hiragino Sans GB, Microsoft JhengHei, 微軟正黑體, sans-serif;
            background-color:#f9f9f9;
        }
 
        .zjsnr-banner .top img {
            vertical-align: top;
            float: left;
            display: inline-block;
        }
 
        .zjsnr-banner .top h2 {
            line-height: 1;
            /*float: left;*/
            /*display: inline-block;*/
            display: inline;
            border: none;
            font-weight: bolder;
        }
 
        .zjsnr-banner .top p {
            float: right;
            display: inline;
            text-align: right;
            line-height: 1;
            margin: 0;
        }
 
        .zjsnr-banner .clear {
            clear: both;
        }
 
        .zjsnr-banner .top hr {
            height: 1px;
            color: #aaa;
            background-color: #aaa;
            border: 0;
            margin: 12px 0;
        }
 
        .zjsnr-banner .banner1 {
            float: left;
            padding: 0;
            width: 16.41%;
            margin-left: .3%;
            display: inline;
            vertical-align: top;
        }
 
        .zjsnr-banner .banner1:first-child {
            margin-left: 0;
        }
 
        .zjsnr-banner .banner1 > .banner1-title {
            text-align: center;
            line-height: 30px;
            display: block;
            border: 1px solid #a7d7f9;;
            font-weight: bolder;
            font-size: 18px;
            font-family: 'Microsoft YaHei', 'STHeiti Light';
            margin: 0;
            cursor: pointer;
        }
 
        .zjsnr-banner .banner1 .banner2-wrap {
            position: relative;
            text-align: center;
 
        }
 
        .zjsnr-banner .banner2, .zjsnr-banner .banner2 li {
            list-style: none;
        }
 
        .zjsnr-banner .banner1 .banner2 {
            position: absolute;
            width: 100%;
            /*display: block;*/
            padding: 0;
            margin: 0;
            z-index: 9999;
            display: none;
        }
 
        .zjsnr-banner .banner-list {
            padding: 0;
            margin: 0;
            border: 1px solid #a7d7f9;
            border-top: none;
            display: block;
            text-align: center;
            background: white;
            overflow: hidden;
        }
 
        .zjsnr-banner .banner-list li {
            margin: 5px auto;
            color: #c3c3c3;
        }
 
        .zjsnr-banner .banner1 a:link, .zjsnr-banner .banner1 a:visited, .zjsnr-banner .banner1 a:hover, .zjsnr-banner .banner1 a:active {
            text-decoration: none;
            color: black;
        }
 
        .zjsnr-banner .banner1:hover {
            background: #a7d7f9;
        }
 
        .zjsnr-banner .countdown {
            width: 100%;
        }
 
        .zjsnr-banner .countdown p {
            text-align: center;
            font-size: 1.5em;
        }
 
        @media (max-width: 550px) {
            .zjsnr-banner .top img {
                display: none;
            }
 
            .zjsnr-banner .top p {
                float: left;
                margin-top: 10px;
            }
 
            .zjsnr-banner .banner1 {
                width: 100%;
                float: none;
                background: #a7d7f9;
                display: block;
                margin-left: 0;
            }
 
            .zjsnr-banner .banner1 .banner2 {
                position: relative;
            }
 
        }
/* 桌面端不显示 */
.deskOnly{display:none}
 
/* 台词表 */
.DiagTitleBlue { background:#4682B4;color:white;text-align:center }
.DiagTitleRed { background:#FF9C9C;color:white;text-align:center }
.DiagWhite { background:#FFFFFF;color:black;padding:0px 10px; }
.DiagBlue { background:#CCE9FD;color:black;padding:0px 10px; }
.DiagRed { background:#FFD2D2;color:black;padding:0px 10px; }
.DiagAudioWhite { width:45%;background:#FFFFFF;color:black; }
.DiagAudioBlue { width:45%;background:#CCE9FD;color:black; }
.DiagAudioRed { width:45%;background:#FFD2D2;color:black; }
 
 
 
/* 装备图鉴页面 */
div.eqTable {
text-align:center;
font-weight:bold;
width:100%;
position:relative;
}
}


:root {
div.eqTable img{
    --width-layout: 100vw; /* Slightly wider content */
width:80px !important;
height:80px !important;
}
div.eqTable .eqCaption {
border:solid 1px rgb(170,170,170);
background-color:rgb(242,242,242);
float:right;
width:100%;
height:80px;
padding:auto;
}
}


/** Citizen logo补丁/
div.eqTable .eqPic {
/**/
border:solid 1px rgb(170,170,170);
img.mw-logo-wordmark {
background-color:rgb(255,255,255);
filter: none !important;
display:block;
width:82px;
height:80px;
}
}


/*背景图片*/
div.eqTable .eqC1 {
.skin-citizen-light .citizen-page-container {
position:absolute;
background-color: rgba(255, 255, 255, 0.85);
left:85px;
top:0px;
width:calc(100% - 85px);
line-height:80px;
}
}


.skin-citizen-dark .citizen-page-container {
div.eqTable .eqC2 {
background-color: rgba(29, 35, 48, 0.85);
position:absolute;
left:85px;
bottom:0px;
width:calc(100% - 85px);
line-height:80px;
}
}


.eqTable .eqC1 .eqCaption:nth-of-type(odd) { background-color:rgb(255,255,255); }
.eqTable .eqC2 .eqCaption:nth-of-type(even) { background-color:rgb(255,255,255); }
/* 响应式表格反转 */
table.responded {
    border: 0px solid #ccc !important;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0 auto;
}


/* Make drawer always visible > 1300px */
table.responded th {
/* Code from https://coasterpedia.net/wiki/MediaWiki:Citizen.css */
      display: none;
/* TODO: improvement required */
@media screen and ( min-width: 1300px ) {
    :root {
        --fixed-menu-width: 240px;
     }
     }
      
 
     .citizen-page-container {
table.responded tr {
        /* Reserve space for drawer */
    padding: 5px;
        margin-left: calc( var( --header-size ) + var( --fixed-menu-width ) );
     margin-bottom: 10px;
     display: block;
}
 
table.responded td {
    display: block;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid #ccc !important;
    min-height:1.5em;
}
 
table.responded td:last-child {
    border-bottom: 0;
}
 
table.responded td:before {
      float: left;
      font-weight: bold;
     }
     }
   
 
    .citizen-drawer__button {
/* 换装表格 */
        /* Hide drawer button */
table.skin1 th {display: none;}
        display: none;
table.skin1 tr {display: grid; grid-template-columns: 80px 2fr 3fr; grid-template-rows: auto auto auto; margin: 10px 0;}
table.skin1 td {display: flex; align-items: center; padding: 5px;}
table.skin1 td:nth-of-type(1) {grid-area: 2 / 1 / 4 / 4; padding: 0; border:1px solid #fff !important;}
table.skin1 td:nth-of-type(2) {display: none;}
table.skin1 td:nth-of-type(3) {display: none;}
table.skin1 td:nth-of-type(4) {grid-area: 1 / 1 / 2 / 2; background-color: #ddeeff;}
table.skin1 td:nth-of-type(5) {grid-area: 1 / 2 / 2 / 3; background-color: #ddeeff;}
table.skin1 td:nth-of-type(6) {grid-area: 1 / 3 / 2 / 4; background-color: #ddeeff;}
table.skin1 td:nth-of-type(7) {grid-area: 2 / 2 / 3 / 3;}
table.skin1 td:nth-of-type(8) {grid-area: 3 / 2 / 4 / 3;}
table.skin1 td:nth-of-type(9) {grid-area: 2 / 3 / 4 / 4;}
 
/* 卫星观测表格 */
table.satellite img {
width:160px !important;
height:auto !important;
}
 
table.satellite td:last-child { text-align:left; }
 
table.satellite td { width:85vw;}
 
table.satellite.satellite1 td:nth-of-type(1):before { content:'图片'; }
table.satellite.satellite1 td:nth-of-type(2):before { content:'系统名'; }
table.satellite.satellite1 td:nth-of-type(3):before { content:'卫星出处'; }
table.satellite.satellite1 td:nth-of-type(4):before { content:'上天时间'; }
table.satellite.satellite1 td:nth-of-type(5):before { content:'备注： '; }
 
table.satellite.satellite2 td:nth-of-type(1):before { content:'立绘'; }
table.satellite.satellite2 td:nth-of-type(2):before { content:'舰名'; }
table.satellite.satellite2 td:nth-of-type(3):before { content:'舰级'; }
table.satellite.satellite2 td:nth-of-type(4):before { content:'舰种'; }
table.satellite.satellite2 td:nth-of-type(5):before { content:'国籍'; }
table.satellite.satellite2 td:nth-of-type(6):before { content:'卫星出处'; }
table.satellite.satellite2 td:nth-of-type(7):before { content:'上天时间'; }
table.satellite.satellite2 td:nth-of-type(8):before { content:'备注： '; }
 
table.satellite.satellite3 td:nth-of-type(1):before { content:'截图'; }
table.satellite.satellite3 td:nth-of-type(2):before { content:'舰名'; }
table.satellite.satellite3 td:nth-of-type(3):before { content:'舰级'; }
table.satellite.satellite3 td:nth-of-type(4):before { content:'舰种'; }
table.satellite.satellite3 td:nth-of-type(5):before { content:'国籍'; }
table.satellite.satellite3 td:nth-of-type(6):before { content:'卫星出处'; }
table.satellite.satellite3 td:nth-of-type(7):before { content:'上天时间'; }
table.satellite.satellite3 td:nth-of-type(8):before { content:'备注： '; }
 
table.satellite.satellite4 td:nth-of-type(1):before { content:'舰名'; }
table.satellite.satellite4 td:nth-of-type(2):before { content:'舰种'; }
table.satellite.satellite4 td:nth-of-type(3):before { content:'国籍'; }
table.satellite.satellite4 td:nth-of-type(4):before { content:'语言'; }
table.satellite.satellite4 td:nth-of-type(5):before { content:'卫星出处'; }
table.satellite.satellite4 td:nth-of-type(6):before { content:'上天时间'; }
table.satellite.satellite4 td:nth-of-type(7):before { content:'备注'; }
 
 
/* 出身表格 */
table.shipyard th {display: none;}
table.shipyard tr {display: grid; grid-template-columns: auto 90px 90px 90px; grid-template-rows: auto auto auto; margin: 10px 0;}
table.shipyard td {align-items: center; padding: 5px;}
 
table.shipyard td:nth-of-type(1) {grid-area: 1 / 1 / 3 / 2;}
table.shipyard td:nth-of-type(2) {grid-area: 1 / 2 / 2 / 3; text-align: center;}
table.shipyard td:nth-of-type(2):before {content: '开工\A'; white-space: pre;}
table.shipyard td:nth-of-type(3) {grid-area: 1 / 3 / 2 / 4; text-align: center;}
table.shipyard td:nth-of-type(3):before {content: '下水\A'; white-space: pre;}
table.shipyard td:nth-of-type(4) {grid-area: 1 / 4 / 2 / 5; text-align: center;}
table.shipyard td:nth-of-type(4):before {content: '出厂\A'; white-space: pre;}
table.shipyard td:nth-of-type(5) {grid-area: 2 / 2 / 3 / 5;}
 
/* 意军军舰表格 */
 
table.shipyardit td { width:85vw; }
 
table.shipyardit td:nth-of-type(1):before { content:'开工时间'; }
table.shipyardit td:nth-of-type(2):before { content:'下水时间'; }
table.shipyardit td:nth-of-type(3):before { content:'出厂日期'; }
table.shipyardit td:nth-of-type(4):before { content:'服役日期'; }
table.shipyardit td:nth-of-type(5):before { content:'舰名'; }
table.shipyardit td:nth-of-type(5){font-weight:bold; color:rgb(135,183,255);}
table.shipyardit td:nth-of-type(6):before { content:'译名1';}
table.shipyardit td:nth-of-type(6){font-weight:bold; color:rgb(135,183,255);}
table.shipyardit td:nth-of-type(7):before { content:'译名2';}
table.shipyardit td:nth-of-type(7){font-weight:bold; color:rgb(135,183,255);}
 
/* 技能表格 */
table.skill td:last-child { text-align:left;}
table.skill td:nth-of-type(6) { text-align:left; }
table.skill tr.skill2 td:nth-of-type(3) { text-align:left; }
 
table.skill td { width:85vw;}
 
table.skill tr:not(.skill2) td:nth-of-type(1):before { content:'编号'; }
table.skill tr:not(.skill2) td:nth-of-type(2):before { content:'舰娘'; }
table.skill tr:not(.skill2) td:nth-of-type(3):before { content:'技能'; }
table.skill tr:not(.skill2) td:nth-of-type(4):before { content:'改造等级'; }
table.skill tr:not(.skill2) td:nth-of-type(5):before { content:'技能类型'; }
table.skill tr:not(.skill2) td:nth-of-type(6):before { content:'备注： '; }
 
table.skill tr.skill2 td:nth-of-type(1):before { content:'技能2'; }
table.skill tr.skill2 td:nth-of-type(2):before { content:'技能类型'; }
table.skill tr.skill2 td:nth-of-type(3):before { content:'备注： '; }
 
/* 舰船获得方式表格 */
table.getship {text-align:left !important;}
table.getship th {display: none;}
table.getship tr {display: grid; grid-template-columns: 80px 2fr 1fr; grid-template-rows: auto auto; margin: 10px 0;}
table.getship td {padding: 5px;}
table.getship td:nth-of-type(1):before {content:'No.'; }
table.getship td:nth-of-type(1) {grid-area: 1 / 1 / 2 / 2; background-color: #ddeeff;}
table.getship td:nth-of-type(2) {grid-area: 2 / 1 / 3 / 3; padding: 0; border:1px solid #fff !important;}
table.getship td:nth-of-type(3) {grid-area: 1 / 2 / 2 / 3; background-color: #ddeeff;}
table.getship td:nth-of-type(4) {display: none;}
table.getship td:nth-of-type(5) {grid-area: 1 / 3 / 2 / 4; background-color: #ddeeff;}
table.getship td:nth-of-type(6) {grid-area: 2 / 2 / 3 / 4;}
 
 
 
/* 彩虹字体 */
.rainbowText {
color:red;
background:-webkit-linear-gradient(left,#f3c741,#e21d3a,#bb44b8,#3c7af7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:inline-block;
}
 
/* Adpex页面专用 */
@media screen and (max-width: 400px){
.ifHide{
width:10px;
}
}
/* End Adpex */
 
/* 首页布局 */
 
.mainContent{width:90vw;}
.mainContentTag{height:350px;overflow:auto;}
 
.mainNav{position:relative; margin:0 auto 0 auto; width:90vw; height:200vw; max-width:576px; max-height:1280px; overflow:hidden;}
 
.mainBlock1{position:absolute; top:0%; left:0%; width:100%; height:100%; }
 
.mainXinshourumen{position:absolute; top:0%; left:0%; width:60%; border:solid 2px #FFF; }
 
.mainHaogandu{position:absolute; top:12%; left:0%; width:60%; border:solid 2px #FFF; }
 
.mainZhanlipin{position:absolute; top:18%; left:0%; width:60%; border:solid 2px #FFF; }
 
.mainHaiyuziliao{position:absolute; top:0%; left:60%; width:40%; border:solid 2px #FFF; }
 
.mainLishizhanyi{position:absolute; top:6%; left:60%; width:40%; border:solid 2px #FFF; }
 
.mainYuanzheng{position:absolute; top:12%; left:60%; width:40%; border:solid 2px #FFF; }
 
.mainRenwu{position:absolute; top:18%; left:60%; width:40%; border:solid 2px #FFF; }
 
.mainBlock2{position:absolute; top:25%; left:0%; width:100%; height:100%; }
 
.mainZhandoujizhi{position:absolute; top:0%; left:0%; width:60%; border:solid 2px #FFF; }
 
.mainJineng{position:absolute; top:6%; left:0%; width:60%; border:solid 2px #FFF; }
 
.mainGangqu{position:absolute; top:0%; left:60%; width:40%; border:solid 2px #FFF; }
 
.mainBlock3{position:absolute; top:38%; left:0%; width:100%; height:100%; }
 
.mainJianchuanhuode{position:absolute; top:0%; left:0%; width:66.6%; height:10%; border:solid 2px #FFF; }
 
.mainJianniangtujian{position:absolute; top:10%; left:0%; width:33.3%; border:solid 2px #FFF; }
 
.mainSuoshutuanti{position:absolute; top:15%; left:0%; width:33.3%; border:solid 2px #FFF; }
 
.mainJianchuanleixing{position:absolute; top:10%; left:33.3%; width:33.3%; border:solid 2px #FFF; }
 
.mainHuanzhuang{position:absolute; top:15%; left:33.3%; width:33.3%; border:solid 2px #FFF; }
 
.mainZaochuanchang{position:absolute; top:20%; left:0%; width:50%; border-left:solid 2px #FFF; border-top:solid 2px #FFF; border-bottom:solid 2px #FFF; }
 
.mainGuisu{position:absolute; top:20%; left:50%; width:50%; border-right:solid 2px #FFF; border-top:solid 2px #FFF; border-bottom:solid 2px #FFF; z-index:10; }
 
.mainShenhaijiandui_11{ position:absolute; top:15%; left:66.6%; width:33.3%; height:5%; border:solid 2px #FFF; overflow:hidden; }
 
.mainShenhaijiandui_12{ position:absolute; width:150%; left:-17.5%; }
 
.mainShenhaijiandui_21{ position:absolute; top: 15%; left:66.6%; width: 50%; height:5%; border:solid 2px #FFF; overflow:hidden; z-index:9; }
 
.mainShenhaijiandui_22{ position:absolute; width:200%; left: -10.5%; }
 
.mainBlock3_1{position:absolute; top:38%; left:66.6%; width:33.3%; height:15%}
 
.mainZhuangbei{position:absolute; top:0%; left:0%; width:100%; border:solid 2px #FFF; }
 
.mainZhuangbeitujian{position:absolute; top:50%; left:0%; width:100%; border:solid 2px #FFF; }
 
.mainBlock4{position:absolute; top:65%; left:0%; width:100%; height:100%; }
 
.mainWeixing{position:absolute; top:0%; left:0%; width:33.3%; border:solid 2px #FFF; }
 
.mainChangkan{position:absolute; top:0%; left:33.3%; width:33.3%; border:solid 2px #FFF; }
 
.mainLishi{position:absolute; top:0%; left:66.6%; width:33.3%; border:solid 2px #FFF; }
 
.mainBlock5{position:absolute; top:76%; left:0%; width:100%; height:100%; }
 
.mainZaxue{position:absolute; top:0%; left:0%; width:66.7%; border:solid 2px #FFF; }
 
.mainHuashi{position:absolute; top:5%; left:0%; width:33.3%; border:solid 2px #FFF; }
 
.mainPeiyin{position:absolute; top:5%; left:33.3%; width:33.3%; border:solid 2px #FFF; }
 
.mainBlock6{position:absolute; top:86%; left:0%; width:100%; height:100%; }
 
.mainYingshi{position:absolute; top:0%; left:0%; width:33.3%; border:solid 2px #FFF; }
 
.mainManhua{position:absolute; top:0%; left:33.3%; width:33.3%; border:solid 2px #FFF; }
 
.mainYouxi{position:absolute; top:5%; left:0%; width:33.3%; border:solid 2px #FFF; }
 
.mainXiaoshuo{position:absolute; top:5%; left:33.3%; width:33.3%; border:solid 2px #FFF; }
 
.mainHetuji{position:absolute; top:0%; left:76.8%; width:22.4%; border:solid 2px #FFF; display:none;}
 
/* 敌舰配置面板 */
.stage-overlay{top:0;height:100%;background-color:rgba(0,0,0,.5);display:none}
.stage-overlay,.stage-panel{position:fixed;left:0;width:100%}
.stage-panel{bottom:-300px;background-color:#fff;transition:bottom .3s;box-shadow:0 -2px 10px rgba(0,0,0,.1)}
.stage-content-container{position:relative;font-size:16px;text-align:center;margin-top:30px;margin: 10px 0 75px 0;}
.stage-close-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0);background:0 0;border:none;font-size:16px;color:#888;padding:15px}
.stage-buttons-container{display:flex;gap:2px;padding:20px;flex-wrap:wrap}
.stage-main-btn{width:50px;height:50px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5em;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5);border:2px solid}
.stage-main-btn,.stage-main-btn.red{background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))}
.stage-main-btn.red{border-color:rgba(168,53,62)}
.stage-main-btn.green{background-image:linear-gradient(180deg,rgba(91,168,74),rgba(91,168,74,.8));border-color:rgba(41,118,19)}
.stage-main-btn.blue{background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8));border-color:rgba(0,101,180)}
.stage-main-btn.purple{background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8));border-color:rgba(114,74,171)}
.stage-main-btn.gray{background-image:linear-gradient(180deg,rgba(146,146,146),rgba(146,146,146,.8));border-color:rgba(99,99,99)}
.stage-main-btn.light{background-image:linear-gradient(180deg,rgba(212,212,212),rgba(212,212,212,.8));border-color:rgba(146,146,146);color:black;}
.stage-main-btn.dark{background-image:linear-gradient(180deg,rgba(53,53,53),rgba(53,53,53,.8));border-color:rgba(34,34,34)}
.stage-main-btn.livid{background-image:linear-gradient(180deg,rgba(123,149,176),rgba(123,149,176,.8));border-color:rgba(77,102,127)}
div.stage-content-container>tr:first-of-type{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:75px 45px 30px 30px;margin:20px 0}
div.stage-content-container td{display:grid;justify-content:center;align-content:center;padding:5px;background-color:#eee;border:1px solid #fff;line-height:1.1em;}
div.stage-content-container>tr:first-of-type>td:first-of-type{font-size:1.5em;font-weight:700;grid-area:1/1/2/7;align-self:start;background-color:#fff}
div.stage-content-container>tr:first-of-type>td:nth-of-type(2){grid-area:2/1/3/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))}
div.stage-content-container>tr:first-of-type>td:nth-of-type(3){grid-area:3/1/4/3}
div.stage-content-container>tr:first-of-type>td:nth-of-type(4){grid-area:3/3/4/5}
div.stage-content-container>tr:first-of-type>td:nth-of-type(5){grid-area:3/5/4/7}
div.stage-content-container>tr:first-of-type>td:nth-of-type(6){grid-area:4/1/5/3}
div.stage-content-container>tr:first-of-type>td:nth-of-type(7){grid-area:4/3/5/5}
div.stage-content-container>tr:first-of-type>td:nth-of-type(8){grid-area:4/5/5/7}
div.stage-content-container>tr:first-of-type>td:nth-of-type(9){grid-area:2/2/3/3;color:#fff;background-image:linear-gradient(180deg,rgba(91,168,74),rgba(91,168,74,.8))}
div.stage-content-container>tr:first-of-type>td:nth-of-type(9):before{content:"索敌"}
div.stage-content-container>tr:first-of-type>td:nth-of-type(10){grid-area:2/3/3/4;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:first-of-type>td:nth-of-type(10):before{content:"制空"}
div.stage-content-container>tr:first-of-type>td:nth-of-type(11){grid-area:2/4/3/5;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:first-of-type>td:nth-of-type(11):before{content:"空优"}
div.stage-content-container>tr:first-of-type>td:nth-of-type(12){grid-area:2/5/3/6;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:first-of-type>td:nth-of-type(12):before{content:"空确"}
div.stage-content-container>tr:first-of-type>td:nth-of-type(13){grid-area:2/6/3/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))}
div.stage-content-container>tr:first-of-type>td:nth-of-type(13):before{content:"战速"}
div.stage-content-container>tr:nth-of-type(2){display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:45px 30px 30px;margin:20px 0}
div.stage-content-container>tr:nth-of-type(2)>td:first-of-type{grid-area:1/1/2/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(2){grid-area:2/1/3/3}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(3){grid-area:2/3/3/5}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(4){grid-area:2/5/3/7}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(5){grid-area:3/1/4/3}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(6){grid-area:3/3/4/5}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(7){grid-area:3/5/4/7}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(8){grid-area:1/2/2/3;color:#fff;background-image:linear-gradient(180deg,rgba(91,168,74),rgba(91,168,74,.8))}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(8):before{content:"索敌"}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(9){grid-area:1/3/2/4;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(9):before{content:"制空"}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(10){grid-area:1/4/2/5;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(10):before{content:"空优"}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(11){grid-area:1/5/2/6;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(11):before{content:"空确"}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(12){grid-area:1/6/2/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))}
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(12):before{content:"战速"}
div.stage-content-container>tr:nth-of-type(3){display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:45px 30px 30px;margin:20px 0}
div.stage-content-container>tr:nth-of-type(3)>td:first-of-type{grid-area:1/1/2/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(2){grid-area:2/1/3/3}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(3){grid-area:2/3/3/5}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(4){grid-area:2/5/3/7}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(5){grid-area:3/1/4/3}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(6){grid-area:3/3/4/5}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(7){grid-area:3/5/4/7}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(8){grid-area:1/2/2/3;color:#fff;background-image:linear-gradient(180deg,rgba(91,168,74),rgba(91,168,74,.8))}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(8):before{content:"索敌"}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(9){grid-area:1/3/2/4;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(9):before{content:"制空"}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(10){grid-area:1/4/2/5;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(10):before{content:"空优"}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(11){grid-area:1/5/2/6;color:#fff;background-image:linear-gradient(180deg,rgba(62,150,234),rgba(62,150,234,.8))}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(11):before{content:"空确"}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(12){grid-area:1/6/2/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))}
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(12):before{content:"战速"}
 
table.shipAttrTable {
border-collapse: collapse;
}
 
table.shipAttrTable td, table.shipAttrTable th {
border:1px solid #ccc;
padding: 2px;
}
 
table.shipAttrTable th {
background-color: #eee;
}
 
@media screen and (min-width: 1120px) {
    .citizen-toc-enabled .citizen-body-container {
        grid-template-areas:
        'content sidebar'
        'flowthread flowthread'
        'footer footer';
        grid-template-columns: minmax(0, var(--width-layout)) var(--width-toc);
     }
     }
      
     #flowthread {
    .citizen-drawer__card {
    grid-area: flowthread;
        bottom: 0;
        /* Put drawer behind other header cards */
        z-index: -1;
        margin: 0;
        /* Compensate header border */
        margin-left: 1px;
        padding: 0;
        min-width: auto;
        width: var( --fixed-menu-width );
        max-height: none;
        border-right: 1px solid var( --border-color-base );
        border-radius: 0;
        background-color: var( --color-surface-0 );
        box-shadow: none;
        /* Force drawer to show */
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
        visibility: visible !important;
        left:var(--header-size);
    }
   
    .citizen-drawer__card > * {
        /* Force drawer content to show */
        opacity: 1 !important;
     }
     }
}
.citizen-body-container {
    display: grid
;
    grid-template-areas:
        'content'
        'flowthread'
        'footer';
    grid-template-columns: minmax(0, var(--width-layout));
    gap: 0 var(--space-lg);
    justify-content: center;
    padding: 0 var(--padding-page);
    margin-bottom: var(--space-xl);
}
#flowthread {
grid-area: flowthread;
}
:root {
--color-surface-0-oklch__l:100%;
/*--color-surface-1-oklch__l:90%;
--color-surface-2-oklch__l:97%;
--color-surface-3-oklch__l:96%;
--color-surface-4-oklch__l:95%;*/
--delta-lightness-surface-base: -1%;
--color-surface-0-oklch__c: 0;
--shadow-opacity: 0.1;
}
.citizen-drawer__menu {
    --size-icon: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, auto));
}


    .citizen-drawer__header {
.wikitable th {
        padding-left: var( --space-xl );
    text-align: center;
        padding-right: var( --space-xl );
}
    }


    .citizen-drawer__logo {
pre, .mw-code {
        /* Hide drawer header logo */
white-space: pre-wrap;
        display: none;
}
    }


    .citizen-drawer__siteinfo  .mw-logo-wordmark {
h2, h3, h4 {
        font-size: 1.25rem;
margin-block-end: 0.75em;
    }
}


    .citizen-siteStats {
.mw-headline {
        font-size: 0.8125rem;
max-width: calc(100% - 80px);
     }
     display: inline-block;
}


    #citizen-siteStats__item--images,
img.mw-logo-wordmark {
     #citizen-siteStats__item--users {
     height: revert-layer;
        /* Hide image and user stats to make space */
}
        display: none;
.citizen-drawer__logo img {
    }
    height: revert-layer;
   
}
    .citizen-drawer__menu {
        padding-left: var( --space-xs );
        padding-right: var( --space-xs );
        grid-template-columns: 1fr;
    }}
检索自“https://www.zjsnrwiki.com/wiki/MediaWiki:Citizen.css”