MediaWiki:Mobile.css

/* 放置于这里的CSS将影响使用移动版网站的用户 */


/* 隐藏首页标题 */
.page-首页 h1 {
	display: none;
}

.sitenotice {
	text-align: center;
	display: none !important;
}

.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:90vw
}

/*移动版不显示目录*/
.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;
}

div.eqTable img{
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;
}

div.eqTable .eqPic {
border:solid 1px rgb(170,170,170);
background-color:rgb(255,255,255);
display:block;
width:82px;
height:80px;
}

div.eqTable .eqC1 {
position:absolute;
left:85px;
top:0px;
width:calc(100% - 85px);
line-height:80px;
}

div.eqTable .eqC2 {
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;
}

table.responded th {
      display: none;
    }

table.responded tr {
    padding: 5px;
    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;
    }

/* 换装表格 */
table.skin img {
width:120px !important;
height:120px !important;
}

table.skin td { width:85vw;min-width:16px; }

table.skin.skin1 td:nth-of-type(1):before { content:'Q版立绘'; }
table.skin.skin1 td:nth-of-type(2):before { content:'正常立绘'; }
table.skin.skin1 td:nth-of-type(3):before { content:'编号'; }
table.skin.skin1 td:nth-of-type(4):before { content:'舰娘'; }
table.skin.skin1 td:nth-of-type(5):before { content:'装扮名称'; }
table.skin.skin1 td:nth-of-type(6):before { content:'获取方式'; }
table.skin.skin1 td:nth-of-type(7):before { content:'价格'; }
table.skin.skin1 td:nth-of-type(8):before { content:'备注'; }

table.skin.skin2 td:nth-of-type(1):before { content:'Q版立绘'; }
table.skin.skin2 td:nth-of-type(2):before { content:'正常立绘'; }
table.skin.skin2 td:nth-of-type(3):before { content:'编号'; }
table.skin.skin2 td:nth-of-type(4):before { content:'舰娘'; }
table.skin.skin2 td:nth-of-type(5):before { content:'获取方式'; }
table.skin.skin2 td:nth-of-type(6):before { content:'备注'; }

table.skin.skin3 td:nth-of-type(1):before { content:'Q版立绘'; }
table.skin.skin3 td:nth-of-type(2):before { content:'正常立绘'; }
table.skin.skin3 td:nth-of-type(3):before { content:'编号'; }
table.skin.skin3 td:nth-of-type(4):before { content:'舰娘'; }
table.skin.skin3 td:nth-of-type(5):before { content:'获取方式'; }
table.skin.skin3 td:nth-of-type(6):before { content:'价格'; }
table.skin.skin3 td:nth-of-type(7):before { content:'备注'; }

/* 卫星观测表格 */
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 td:last-child { text-align:left;}

table.shipyard td { width:85vw; }

table.shipyard td:first-child{
text-align:left; 
font-family:'楷体';
font-size:1.25em;
font-weight:bold; }
table.shipyard td:nth-of-type(2):before { content:'开工时间'; }
table.shipyard td:nth-of-type(3):before { content:'下水时间'; }
table.shipyard td:nth-of-type(4):before { content:'出厂日期'; }
table.shipyard td:nth-of-type(5):before { content:'备注： '; }

/* 意军军舰表格 */

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 td:last-child { text-align:left; }

table.getship td { width:85vw;}

table.getship td:nth-of-type(1):before { content:'图鉴编号'; }
table.getship td:nth-of-type(2):before { content:'立绘'; }
table.getship td:nth-of-type(3):before { content:'名称'; }
table.getship td:nth-of-type(4):before { content:'舰级'; }
table.getship td:nth-of-type(5):before { content:'建造时间'; }

/* 彩虹字体 */
.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;}