MediaWiki:Vector.css:修订间差异
跳转到导航
跳转到搜索
(创建页面,内容为“→这里放置的CSS将影响使用Vector皮肤的用户: .Portal{ font-size: 50px; }”) |
无编辑摘要 |
||
(未显示3个用户的12个中间版本) | |||
第1行: | 第1行: | ||
/* 放置于这里的CSS将应用于所有皮肤 */ | |||
/* Test 123 | |||
OvO is watching you! | |||
*/ | |||
@font-face { | |||
font-family: 'JetBrainsMono'; | |||
src: url(https://0v0.zjsnrwiki.com/static/fonts/JetBrainsMono-Regular.woff2) format('woff2'); | |||
font-weight: 400; | |||
} | |||
@font-face { | |||
font-family: 'JetBrainsMono'; | |||
src: url(https://0v0.zjsnrwiki.com/static/fonts/JetBrainsMono-Bold.woff2) format('woff2'); | |||
font-weight: 700; | |||
} | |||
.sitenotice { | |||
} | |||
.sitenotice-bold, .sitenotice-bold a { | |||
color:rgb(207, 59, 81); | |||
text-decoration: none; | |||
text-align: center; | |||
font-weight: bold; | |||
} | |||
body { | |||
font-family: sans-serif; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
font-family: sans-serif !important; | |||
} | |||
.CodeMirror, .ace_editor, .mw-code, .diff, pre { | |||
font-family: "JetBrainsMono", sans-serif, monospace !important; | |||
} | |||
/*mw-body背景透明度*/ | |||
body.skin-vector-2022 .mw-page-container { | |||
background-color: rgba(255, 255, 255, 0.85); | |||
} | |||
body.skin-vector-legacy .mw-body { | |||
background-color: rgba(255, 255, 255, 0.85); | |||
} | |||
/*增加一个背景图片*/ | |||
body.skin-vector { | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
background-attachment: fixed; | |||
/* background: url(https://www.zjsnrwiki.com/images/archive/3/3e/20171012032217%21Main_light_bg_gai.png) no-repeat top left; */ | |||
} | |||
body.skin-citizen { | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
background-attachment: fixed; | |||
/* background: url(https://www.zjsnrwiki.com/images/archive/3/3e/20171012032217%21Main_light_bg_gai.png) no-repeat top left; */ | |||
} | |||
/*tabber修改*/ | |||
.tabber__section { | |||
border-width: 0px 1px 1px 1px; | |||
border-color: #6690E5; | |||
border-style: solid; | |||
} | |||
.tabber__panel { | |||
padding:3px; | |||
} | |||
/*139 footer修复*/ | |||
#footer-places { | |||
display: inline-block; | |||
} | |||
.page-首页 #catlinks { | |||
display: none; | |||
} | |||
/*顶部个人菜单文字描边*/ | |||
#p-personal .vector-menu-content-list { | |||
background-color: rgba(255, 255, 255, 0.8); | |||
background-clip: content-box; | |||
} | |||
/*mw-body背景透明度*/ | |||
/*.mw-body {*/ | |||
/* background-color: rgba(255, 255, 255, 0.85);*/ | |||
/*}*/ | |||
/*顶部个人菜单文字描边*/ | |||
#p-personal{ | |||
text-shadow: -1px -1px 1px #FFFFFF; | |||
} | |||
/*清除顶部导航栏的背景*/ | |||
#mw-page-base{ | |||
background:none; | |||
} | |||
#siteNoticeScroll { | |||
width: 100%; | |||
height: 25px; | |||
line-height: 25px; | |||
overflow: hidden; | |||
text-align: center; | |||
margin-bottom: 0.25em; | |||
} | |||
/*“更多”选项卡背景*/ | |||
#p-cactions { | |||
background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%); | |||
} | |||
#siteNoticeScroll ul { | |||
height: 25px; | |||
line-height: 25px; | |||
-webkit-transition: margin .73s ease-in-out; | |||
-moz-transition: margin .73s ease-in-out; | |||
transition: margin .73s ease-in-out; | |||
} | |||
#siteNoticeScroll li { | |||
height: 25px; | |||
list-style: none; | |||
float: left; | |||
width: 100%; | |||
} | |||
/*左侧导航栏样式*/ | |||
.portal { | |||
background-color: rgba(255, 255, 255, 0.75); | |||
} | |||
/*页尾样式*/ | |||
#footer { | |||
background-color: rgba(255, 255, 255, 0.75); | |||
} | |||
/* 回到顶部 */ | |||
.backToTop { | |||
display: none; | |||
width: 20px; | |||
padding: 5px 0; | |||
background-color: #000; | |||
color: #fff; | |||
font-size: 12px; | |||
text-align: center; | |||
position: fixed; | |||
_position: absolute; | |||
right: 0; | |||
bottom: 100px; | |||
_bottom: "auto"; | |||
cursor: pointer; | |||
opacity: .6; | |||
filter: Alpha(opacity=60); | |||
} | |||
/* 桌面版黑幕模板配合CSS */ | |||
.heimu, | |||
.heimu a, | |||
a .heimu, | |||
.heimu a.new { | |||
background-color: #252525 !important; | |||
color: #252525 !important; | |||
text-shadow: none !important; | |||
cursor:help; | |||
} | |||
.heimu a:hover, | |||
a:hover .heimu { | |||
color: #66CCFF !important | |||
} | |||
.heimu .new:hover, | |||
.new:hover .heimu { | |||
color: #FF6666 !important | |||
} | |||
.heimu:hover { | |||
color: #FFFFFF !important; | |||
} | |||
.heimu:hover a { | |||
color: #66CCFF !important; | |||
} | |||
.heimu .new:hover a { | |||
color: #FF6666 !important; | |||
} | |||
/* 隐藏首页标题,空行,讨论、查看源代码tab */ | |||
.page-首页 h1.firstHeading, | |||
.page-首页 #siteSub, | |||
.page-首页 #contentSub, | |||
.page-首页 li#ca-viewsource, | |||
.page-首页 li#ca-talk { | |||
display: none; | |||
} | |||
/* 大家族模板 */ | |||
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 #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; | |||
} | |||
/*战舰少女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; | |||
} | |||
} | |||
/* 装备模版的超链接文本样式 */ | |||
.equip_temp_text a:link, | |||
.equip_temp_text a:active, | |||
.equip_temp_text a:hover {color:#84C1FF} | |||
.equip_temp_text a:visited {color:#D3A4FF} | |||
/*齐柏林页面专用*/ | |||
.Zeppelin_div1{ | |||
background-color:#E0BAFF; | |||
border:#B356FF solid 1px; | |||
left:16px; | |||
} | |||
/* 舰娘模板 */ | |||
/* 滚动条 */ | |||
.ship_detail_track::-webkit-scrollbar-track | |||
{ | |||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | |||
border-radius: 10px; | |||
background-color: rgb(0,77,122); | |||
} | |||
.ship_detail_track::-webkit-scrollbar | |||
{ | |||
width: 6px; | |||
background-color: rgba(255,255,255,0); | |||
} | |||
.ship_detail_track::-webkit-scrollbar-thumb | |||
{ | |||
border-radius: 10px; | |||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | |||
background-color: rgba(208,205,199,1); | |||
} | |||
/* 齿轮动画 */ | |||
.chilun { | |||
-webkit-animation: chilun 0.25s steps(1, end) infinite; | |||
} | |||
@-webkit-keyframes chilun { | |||
0% { | |||
left: 0; | |||
} | |||
25% { | |||
left: -92.3px; | |||
} | |||
50% { | |||
left: -184.6px; | |||
} | |||
75% { | |||
left: -276.9px; | |||
} | |||
100% { | |||
left: -369.9px; | |||
} | |||
} | |||
/* 隐藏的面板 */ | |||
.ship_detail_more_info { | |||
height:36px; | |||
} | |||
.ship_detail_more_info div{ | |||
opacity:0; | |||
transition:opacity 0.5s; | |||
-moz-transition:opacity 0.5s; | |||
-webkit-transition:opacity 0.5s; | |||
-o-transition:opacity 0.5s; | |||
} | |||
.ship_detail_more_info:hover { | |||
height:140px; | |||
} | |||
.ship_detail_more_info:hover div{ | |||
opacity:100; | |||
} | |||
/* 移动端不显示 */ | |||
.mobileOnly{display:none} | |||
/*首页排版*/ | |||
.mainContent{position:absolute;top:0;left:51%;width:37.5vw;max-width:475px;z-index:9} | |||
.mainContentTag{height:27.5vw;max-height:360px;overflow:auto;} | |||
.recentNew{} | |||
/*CSS3*/ | |||
.div_css3 | |||
{ | |||
width:100px; | |||
height:100px; | |||
background:red; | |||
animation:myfirst 5s; | |||
-moz-animation:myfirst 5s; /* Firefox */ | |||
-webkit-animation:myfirst 5s; /* Safari and Chrome */ | |||
-o-animation:myfirst 5s; /* Opera */ | |||
} | |||
@keyframes myfirst | |||
{ | |||
from {background:red;} | |||
to {background:yellow;} | |||
} | |||
@-moz-keyframes myfirst /* Firefox */ | |||
{ | |||
from {background:red;} | |||
to {background:yellow;} | |||
} | |||
@-webkit-keyframes myfirst /* Safari and Chrome */ | |||
{ | |||
from {background:red;} | |||
to {background:yellow;} | |||
} | |||
@-o-keyframes myfirst /* Opera */ | |||
{ | |||
from {background:red;} | |||
to {background:yellow;} | |||
} | |||
.img { | |||
background: blue; | |||
width: 50px; | |||
height: 50px; | |||
-webkit-animation: circle 1s infinite linear; | |||
/*匀速 循环*/ | |||
} | |||
@-webkit-keyframes circle { | |||
0% { | |||
transform: rotate(0deg); | |||
} | |||
100% { | |||
transform: rotate(-360deg); | |||
} | |||
} | |||
/* 首页 */ | |||
.mainPageSelected | |||
{ | |||
opacity:0; | |||
transition:opacity 0.3s; | |||
-moz-transition:opacity 0.3s; | |||
-webkit-transition:opacity 0.3s; | |||
-o-transition:opacity 0.3s; | |||
} | |||
.mainPageSelected:hover | |||
{ | |||
opacity:100; | |||
} | |||
.mainNav | |||
{ | |||
position:relative; | |||
margin:0 auto 0 auto; | |||
width:75vw; | |||
height:75vw; | |||
max-width:1000px; | |||
max-height:1000px; | |||
overflow:hidden; | |||
} | |||
.mainBlock1 | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainXinshourumen | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:28.8%; | |||
height:12.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainHaogandu | |||
{ | |||
position:absolute; | |||
top:12.8%; | |||
left:0%; | |||
width:28.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainZhanlipin | |||
{ | |||
position:absolute; | |||
top:19.2%; | |||
left:0%; | |||
width:28.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainHaiyuziliao | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:28.8%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainLishizhanyi | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:28.8%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainYuanzheng | |||
{ | |||
position:absolute; | |||
top:12.8%; | |||
left:28.8%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainRenwu | |||
{ | |||
position:absolute; | |||
top:19.2%; | |||
left:28.8%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainBlock2 | |||
{ | |||
position:absolute; | |||
top:29.6%; | |||
left:0%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainZhandoujizhi | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:28.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainJineng | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:0%; | |||
width:28.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainGangqu | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:28.8%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainBlock3 | |||
{ | |||
position:absolute; | |||
top:46.4%; | |||
left:0%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainJianchuanhuode | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:38.4%; | |||
height:12.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainJianniangtujian | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:38.4%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainSuoshutuanti | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:38.4%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainJianchuanleixing | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:57.6%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainHuanzhuang | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:57.6%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainZaochuanchang | |||
{ | |||
position:absolute; | |||
top:12.8%; | |||
left:0%; | |||
width:24.0%; | |||
border-left:solid 2px #FFF; | |||
border-top:solid 2px #FFF; | |||
border-bottom:solid 2px #FFF; | |||
} | |||
.mainGuisu | |||
{ | |||
position:absolute; | |||
top:12.8%; | |||
left:24.0%; | |||
width:24.0%; | |||
border-right:solid 2px #FFF; | |||
border-top:solid 2px #FFF; | |||
border-bottom:solid 2px #FFF; | |||
} | |||
.mainShenhaijiandui_11, | |||
.mainShenhaijiandui_21 | |||
{ | |||
position:absolute; | |||
top:12.8%; | |||
left:48.0%; | |||
width:28.8%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainShenhaijiandui_12, | |||
.mainShenhaijiandui_22 | |||
{ width:100% } | |||
.mainBlock3_1 | |||
{ | |||
position:absolute; | |||
top:46.4%; | |||
left:80.0%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainZhuangbei | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainZhuangbeitujian | |||
{ | |||
position:absolute; | |||
top:9.6%; | |||
left:0%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainBlock4 | |||
{ | |||
position:absolute; | |||
top:70.2%; | |||
left:0%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainWeixing | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainChangkan | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:19.2%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainLishi | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:38.4%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainBlock5 | |||
{ | |||
position:absolute; | |||
top:70.2%; | |||
left:60.8%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainZaxue | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:38.4%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainHuashi | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:0%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainPeiyin | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:19.45%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainBlock6 | |||
{ | |||
position:absolute; | |||
top:86.4%; | |||
left:0%; | |||
width:100%; | |||
height:100%; | |||
} | |||
.mainYingshi | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:0%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainManhua | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:19.2%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainYouxi | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:38.4%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainXiaoshuo | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:57.6%; | |||
width:19.2%; | |||
border:solid 2px #FFF; | |||
} | |||
.mainHetuji | |||
{ | |||
position:absolute; | |||
top:0%; | |||
left:76.8%; | |||
width:22.4%; | |||
border:solid 2px #FFF; | |||
} | |||
/* 舰娘图鉴页面 */ | |||
.ShipAttrPanel { position:relative; min-width:768px; max-width:1280px; height:900px; color:white;overflow:hidden; } | |||
.ShipIllust { position:absolute; top:calc(50% - 75px); left:calc(50% - 250px); z-index:3; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%) } | |||
.ShipQ { position:absolute; top:100px; left:calc(50% - 500px); z-index:3; } | |||
.ShipChibiButton { width:10em; color: black; background: rgba(255,255,255,0.5); border-width: 3px; border-style: solid; border-radius: 10px; border-color: #000; text-align: center; line-height: 2em; font-weight: bold; cursor: hand; } | |||
.ShipRarityCage { position:absolute; top:40px; width:100%; height:870px; overflow:hidden; z-index:1; } | |||
.ShipRarity { position:absolute; top:50%; left:50%; width:1280px; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%) } | |||
.ShipDataPanel { position:absolute; top:40px; width:100%; height:870px; overflow:hidden; } | |||
.ShipAttrIndex { font-family:Tahoma; position:absolute; top:40px; left:60px; font-size:2em; -webkit-text-stroke:0.75px black; text-stroke:0.75px black;z-index:4 } | |||
.ShipAttrBase { position:absolute; top:10px; right:10px; width:500px; height:724; z-index:4; } | |||
.ShipAttrGear { position:absolute; width:92px; height:350px; bottom:-3px; right:0px; z-index:-1; overflow:hidden; } | |||
.ShipAttrLink { position:absolute; top:-1px; left:250px; background-color:rgba(255,255,255,0.5); font-weight:bold; } | |||
.ShipAttrFlag { position:absolute; top:14px; left:60px; } | |||
.ShipAttrName { position:absolute; top:22px; left:180px; font-size:1.7em; font-weight:bold; } | |||
.ShipAttrCost { position:absolute; top:30px; left:28px; font-size:1.7em; font-weight:bold; cursor:help } | |||
.ShipAttrSp { position:absolute; top:78px; left:28px; font-size:1.7em; font-weight:bold; color:#903; cursor:help } | |||
.ShipAttrClass { position:absolute; top:54px; right:38px; font-size:1.1em; text-align:right; } | |||
.ShipAttrType { position:absolute; top:592px; width:100px; } | |||
.ShipAttrSize { position:absolute; top:54px; left:58px; font-size:1.1em; text-align:left; } | |||
.ShipAttrHp { position:absolute; top:86px; left:130px; font-size:1.1em; } | |||
.ShipAttrAtk { position:absolute; top:84px; left:242px; } | |||
.ShipAttrAtkMax { position:absolute; top:91px; left:260px; color:#0f0; } | |||
.ShipAttrDef { position:absolute; top:119px; left:130px; } | |||
.ShipAttrDefMax { position:absolute; top:126px; left:148px; color:#0f0; } | |||
.ShipAttrTpd { position:absolute; top:119px; left:242px; } | |||
.ShipAttrTpdMax { position:absolute; top:126px; left:260px; color:#0f0; } | |||
.ShipAttrEva { position:absolute; top:153px; left:130px; } | |||
.ShipAttrEvaMax { position:absolute; top:160px; left:148px; color:#0f0; } | |||
.ShipAttrAa { position:absolute; top:153px; left:242px; } | |||
.ShipAttrAaMax { position:absolute; top:160px; left:260px; color:#0f0; } | |||
.ShipAttrCap { position:absolute; top:190px; left:130px; font-size:1.1em; } | |||
.ShipAttrAs { position:absolute; top:188px; left:242px; } | |||
.ShipAttrAsMax { position:absolute; top:195px; left:260px; color:#0f0; } | |||
.ShipAttrSpeed { position:absolute; top:224px; left:130px; font-size:1.1em; } | |||
.ShipAttrRec { position:absolute; top:222px; left:242px; } | |||
.ShipAttrRecMax { position:absolute; top:229px; left:260px; color:#0f0; } | |||
.ShipAttrRange { position:absolute; top:259px; left:130px; font-size:1.1em; } | |||
.ShipAttrLuck { position:absolute; top:259px; left:242px; font-size:1.1em; } | |||
.ShipAttrSFuel { position:absolute; top:330px; left:126px; font-size:1.1em; } | |||
.ShipAttrSAmmo { position:absolute; top:330px; left:230px; font-size:1.1em; } | |||
.ShipAttrSAtk { position:absolute; top:330px; left:330px; font-size:1.1em; } | |||
.ShipAttrSDef { position:absolute; top:365px; left:330px; font-size:1.1em; } | |||
.ShipAttrSTpd { position:absolute; top:330px; left:432px; font-size:1.1em; } | |||
.ShipAttrSAa { position:absolute; top:365px; left:432px; font-size:1.1em; } | |||
.ShipAttrDFuel { position:absolute; top:433px; left:333px; font-size:1.1em; } | |||
.ShipAttrDAmmo { position:absolute; top:433px; left:435px; font-size:1.1em; } | |||
.ShipAttrDSteel { position:absolute; top:468px; left:333px; font-size:1.1em; } | |||
.ShipAttrDBaux { position:absolute; top:468px; left:435px; font-size:1.1em; } | |||
.ShipAttrModCon { position:absolute; top:5px; width:175px; font-size:1.1em; color:#70f3ff; } | |||
.ShipAttrSkill { position:absolute; top:109px; width:175px; font-size:1.1em; color:#70f3ff; } | |||
.ShipAttrSkillDesc { position:absolute; top:135px; left:1px; width:175px; height:80px; overflow:auto; font-size:0.9em; } | |||
.ShipAttrModSkill1 { position:absolute; top:5px; width:175px; color:#70f3ff; font-size:1.1em; } | |||
.ShipAttrModSkill1Desc { position:absolute; top:31px; left:1px; width:175px; height:80px; overflow:auto; font-size:0.9em; } | |||
.ShipAttrModSkill2 { position:absolute; top:109px; width:175px; font-size:1.1em; color:#70f3ff;} | |||
.ShipAttrModSkill2Desc { position:absolute; top:135px; left:1px; width:175px; height:80px; overflow:auto; font-size:0.9em; } | |||
.ShipAttrCap1 { position:absolute; top:520px; left:96px; } | |||
.ShipAttrCap2 { position:absolute; top:520px; left:191px; } | |||
.ShipAttrCap3 { position:absolute; top:520px; left:288px; } | |||
.ShipAttrCap4 { position:absolute; top:520px; left:384px; } | |||
.ShipAttrAccess { position:absolute; overflow:auto; top:395px; left:60px; width:205px; height:100px;font-size:0.9em } | |||
.ShipAttrMorePanel { position:absolute; top:357px; left:60px; width:209px; overflow:hidden; } | |||
.ShipAttrRTime { position:absolute; top:42px; left:66px; font-size:1.1em; } | |||
.ShipAttrAcc { position:absolute; top:40px; left:165px; } | |||
.ShipAttrAccMax { position:absolute; top:47px; left:183px; color:#0f0; } | |||
.ShipAttrRFuel { position:absolute; top:112px; left:66px; font-size:1.1em; } | |||
.ShipAttrRSteel { position:absolute; top:112px; left:171px; font-size:1.1em; } | |||
.ShipAttrDescPanel { position:absolute; top:730px; width:800px; left:calc(50% - 400px); z-index:4; } | |||
.ShipAttrDesc { position:absolute; top:10px; left:65px; width:675px; height:100px; overflow:auto; } | |||
.EquipAttrCage { position:absolute; left:8px; width:72px; text-align:center; font-size:0.9em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } | |||
.EquipAttrEmpty { position:absolute; top:24px; width:83px; height:83px; } | |||
.EquipAttrCap { position:absolute; top:78px; left:60px; font-size:16px; color:#fff; text-shadow:0px 0px 5px #000,1px 1px 0px #000; } | |||
.EquipAttrMsl { position:absolute; top:25px; left:23px; font-size:16px; color:#fff; text-shadow:0px 0px 5px #000,1px 1px 0px #000; } | |||
.EquipAttrNoHole { position:absolute; top:24px; width:83px; height:83px; } | |||
.EquipAttrBox { position:absolute; top:25px; left:1px; width:83px; height:83px; } | |||
.EquipAttrDesc { position:absolute; top:111px; left:3px; width:7em; max-height:60px; overflow-y:auto; font-size:0.85em; line-height:1.2; font-family:'黑体';} | |||
/* 台词表 */ | |||
.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 { | |||
display:table; | |||
text-align:center; | |||
font-weight:bold; | |||
width:100%; | |||
max-width:1000px; | |||
} | |||
div.eqC1, div.eqC2, div.eqP1, div.eqP2 { | |||
display:table-row; | |||
} | |||
div.eqTable .eqCaption { | |||
display:table-cell; | |||
border:solid 1px rgb(170,170,170); | |||
border-right:solid 0px rgb(170,170,170); | |||
background-color:rgb(242,242,242); | |||
width:20%; | |||
} | |||
div.eqTable .eqCaption:last-child { | |||
border:solid 1px rgb(170,170,170); | |||
} | |||
div.eqTable .eqPic { | |||
display:table-cell; | |||
border:solid 1px rgb(170,170,170); | |||
border-right:solid 0px rgb(170,170,170); | |||
background-color:rgb(249,249,249); | |||
width:20%; | |||
} | |||
div.eqTable .eqPic:last-child { | |||
border:solid 1px rgb(170,170,170); | |||
} | |||
/* 彩虹字体 */ | |||
.rainbowText { | |||
color:red; | |||
background:-webkit-linear-gradient(left,#f3c741,#e21d3a,#bb44b8,#3c7af7); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
display:inline-block; | |||
} | |||
/* sm2(音频播放器) */ | |||
.sm2-bar-ui { | |||
font-size: 16px; | |||
} | |||
.sm2-bar-ui .sm2-main-controls, | |||
.sm2-bar-ui .sm2-playlist-drawer { | |||
background-color: #98c5e9; | |||
} | |||
.sm2-bar-ui .sm2-inline-texture { | |||
background: transparent; | |||
} | |||
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ | /* 这里放置的CSS将影响使用Vector皮肤的用户 */ | ||
#content { | |||
grid-template-areas: | |||
'titlebar-cx .' | |||
'titlebar columnEnd' | |||
'toolbar columnEnd' | |||
'content columnEnd' | |||
'post-content columnEnd'; | |||
} | |||
#flowthread { | |||
grid-area: post-content; | |||
} | } | ||
.vector-sticky-header-context-bar-primary { | |||
font-family: sans-serif !important; | |||
} | |||
/*@media screen and (min-width: 1200px) */ | |||
/* { .mw-page-container-inner {*/ | |||
/* grid-template-columns: 10em minmax(0,1fr) !important;*/ | |||
/* }*/ | |||
/* }*/ | |||
/*@media screen and (min-width: 1000px) */ | |||
/* { .mw-page-container-inner {*/ | |||
/* grid-template-columns: 10em minmax(0,1fr) !important;*/ | |||
/* }*/ | |||
/* }*/ | |||
/*.mw-portlet {*/ | |||
/* border-bottom: 1px solid #c8ccd1 !important;*/ | |||
/*}*/ | |||
/*.vector-menu-heading {*/ | |||
/* font-size: 1em !important;*/ | |||
/*}*/ | |||
/*.vector-menu-content-list {*/ | |||
/* margin: -5px 0 10px 5px !important;*/ | |||
/*}*/ | |||
/*.vector-menu-content-list li {*/ | |||
/* margin-bottom: -0.67em;*/ | |||
/*}*/ |
2024年7月31日 (三) 15:56的最新版本
/* 放置于这里的CSS将应用于所有皮肤 */
/* Test 123
OvO is watching you!
*/
@font-face {
font-family: 'JetBrainsMono';
src: url(https://0v0.zjsnrwiki.com/static/fonts/JetBrainsMono-Regular.woff2) format('woff2');
font-weight: 400;
}
@font-face {
font-family: 'JetBrainsMono';
src: url(https://0v0.zjsnrwiki.com/static/fonts/JetBrainsMono-Bold.woff2) format('woff2');
font-weight: 700;
}
.sitenotice {
}
.sitenotice-bold, .sitenotice-bold a {
color:rgb(207, 59, 81);
text-decoration: none;
text-align: center;
font-weight: bold;
}
body {
font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif !important;
}
.CodeMirror, .ace_editor, .mw-code, .diff, pre {
font-family: "JetBrainsMono", sans-serif, monospace !important;
}
/*mw-body背景透明度*/
body.skin-vector-2022 .mw-page-container {
background-color: rgba(255, 255, 255, 0.85);
}
body.skin-vector-legacy .mw-body {
background-color: rgba(255, 255, 255, 0.85);
}
/*增加一个背景图片*/
body.skin-vector {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
/* background: url(https://www.zjsnrwiki.com/images/archive/3/3e/20171012032217%21Main_light_bg_gai.png) no-repeat top left; */
}
body.skin-citizen {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
/* background: url(https://www.zjsnrwiki.com/images/archive/3/3e/20171012032217%21Main_light_bg_gai.png) no-repeat top left; */
}
/*tabber修改*/
.tabber__section {
border-width: 0px 1px 1px 1px;
border-color: #6690E5;
border-style: solid;
}
.tabber__panel {
padding:3px;
}
/*139 footer修复*/
#footer-places {
display: inline-block;
}
.page-首页 #catlinks {
display: none;
}
/*顶部个人菜单文字描边*/
#p-personal .vector-menu-content-list {
background-color: rgba(255, 255, 255, 0.8);
background-clip: content-box;
}
/*mw-body背景透明度*/
/*.mw-body {*/
/* background-color: rgba(255, 255, 255, 0.85);*/
/*}*/
/*顶部个人菜单文字描边*/
#p-personal{
text-shadow: -1px -1px 1px #FFFFFF;
}
/*清除顶部导航栏的背景*/
#mw-page-base{
background:none;
}
#siteNoticeScroll {
width: 100%;
height: 25px;
line-height: 25px;
overflow: hidden;
text-align: center;
margin-bottom: 0.25em;
}
/*“更多”选项卡背景*/
#p-cactions {
background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
}
#siteNoticeScroll ul {
height: 25px;
line-height: 25px;
-webkit-transition: margin .73s ease-in-out;
-moz-transition: margin .73s ease-in-out;
transition: margin .73s ease-in-out;
}
#siteNoticeScroll li {
height: 25px;
list-style: none;
float: left;
width: 100%;
}
/*左侧导航栏样式*/
.portal {
background-color: rgba(255, 255, 255, 0.75);
}
/*页尾样式*/
#footer {
background-color: rgba(255, 255, 255, 0.75);
}
/* 回到顶部 */
.backToTop {
display: none;
width: 20px;
padding: 5px 0;
background-color: #000;
color: #fff;
font-size: 12px;
text-align: center;
position: fixed;
_position: absolute;
right: 0;
bottom: 100px;
_bottom: "auto";
cursor: pointer;
opacity: .6;
filter: Alpha(opacity=60);
}
/* 桌面版黑幕模板配合CSS */
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
background-color: #252525 !important;
color: #252525 !important;
text-shadow: none !important;
cursor:help;
}
.heimu a:hover,
a:hover .heimu {
color: #66CCFF !important
}
.heimu .new:hover,
.new:hover .heimu {
color: #FF6666 !important
}
.heimu:hover {
color: #FFFFFF !important;
}
.heimu:hover a {
color: #66CCFF !important;
}
.heimu .new:hover a {
color: #FF6666 !important;
}
/* 隐藏首页标题,空行,讨论、查看源代码tab */
.page-首页 h1.firstHeading,
.page-首页 #siteSub,
.page-首页 #contentSub,
.page-首页 li#ca-viewsource,
.page-首页 li#ca-talk {
display: none;
}
/* 大家族模板 */
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 #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;
}
/*战舰少女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;
}
}
/* 装备模版的超链接文本样式 */
.equip_temp_text a:link,
.equip_temp_text a:active,
.equip_temp_text a:hover {color:#84C1FF}
.equip_temp_text a:visited {color:#D3A4FF}
/*齐柏林页面专用*/
.Zeppelin_div1{
background-color:#E0BAFF;
border:#B356FF solid 1px;
left:16px;
}
/* 舰娘模板 */
/* 滚动条 */
.ship_detail_track::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: rgb(0,77,122);
}
.ship_detail_track::-webkit-scrollbar
{
width: 6px;
background-color: rgba(255,255,255,0);
}
.ship_detail_track::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: rgba(208,205,199,1);
}
/* 齿轮动画 */
.chilun {
-webkit-animation: chilun 0.25s steps(1, end) infinite;
}
@-webkit-keyframes chilun {
0% {
left: 0;
}
25% {
left: -92.3px;
}
50% {
left: -184.6px;
}
75% {
left: -276.9px;
}
100% {
left: -369.9px;
}
}
/* 隐藏的面板 */
.ship_detail_more_info {
height:36px;
}
.ship_detail_more_info div{
opacity:0;
transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
}
.ship_detail_more_info:hover {
height:140px;
}
.ship_detail_more_info:hover div{
opacity:100;
}
/* 移动端不显示 */
.mobileOnly{display:none}
/*首页排版*/
.mainContent{position:absolute;top:0;left:51%;width:37.5vw;max-width:475px;z-index:9}
.mainContentTag{height:27.5vw;max-height:360px;overflow:auto;}
.recentNew{}
/*CSS3*/
.div_css3
{
width:100px;
height:100px;
background:red;
animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */
}
@keyframes myfirst
{
from {background:red;}
to {background:yellow;}
}
@-moz-keyframes myfirst /* Firefox */
{
from {background:red;}
to {background:yellow;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background:red;}
to {background:yellow;}
}
@-o-keyframes myfirst /* Opera */
{
from {background:red;}
to {background:yellow;}
}
.img {
background: blue;
width: 50px;
height: 50px;
-webkit-animation: circle 1s infinite linear;
/*匀速 循环*/
}
@-webkit-keyframes circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
/* 首页 */
.mainPageSelected
{
opacity:0;
transition:opacity 0.3s;
-moz-transition:opacity 0.3s;
-webkit-transition:opacity 0.3s;
-o-transition:opacity 0.3s;
}
.mainPageSelected:hover
{
opacity:100;
}
.mainNav
{
position:relative;
margin:0 auto 0 auto;
width:75vw;
height:75vw;
max-width:1000px;
max-height:1000px;
overflow:hidden;
}
.mainBlock1
{
position:absolute;
top:0%;
left:0%;
width:100%;
height:100%;
}
.mainXinshourumen
{
position:absolute;
top:0%;
left:0%;
width:28.8%;
height:12.8%;
border:solid 2px #FFF;
}
.mainHaogandu
{
position:absolute;
top:12.8%;
left:0%;
width:28.8%;
border:solid 2px #FFF;
}
.mainZhanlipin
{
position:absolute;
top:19.2%;
left:0%;
width:28.8%;
border:solid 2px #FFF;
}
.mainHaiyuziliao
{
position:absolute;
top:0%;
left:28.8%;
width:19.2%;
border:solid 2px #FFF;
}
.mainLishizhanyi
{
position:absolute;
top:6.4%;
left:28.8%;
width:19.2%;
border:solid 2px #FFF;
}
.mainYuanzheng
{
position:absolute;
top:12.8%;
left:28.8%;
width:19.2%;
border:solid 2px #FFF;
}
.mainRenwu
{
position:absolute;
top:19.2%;
left:28.8%;
width:19.2%;
border:solid 2px #FFF;
}
.mainBlock2
{
position:absolute;
top:29.6%;
left:0%;
width:100%;
height:100%;
}
.mainZhandoujizhi
{
position:absolute;
top:0%;
left:0%;
width:28.8%;
border:solid 2px #FFF;
}
.mainJineng
{
position:absolute;
top:6.4%;
left:0%;
width:28.8%;
border:solid 2px #FFF;
}
.mainGangqu
{
position:absolute;
top:0%;
left:28.8%;
width:19.2%;
border:solid 2px #FFF;
}
.mainBlock3
{
position:absolute;
top:46.4%;
left:0%;
width:100%;
height:100%;
}
.mainJianchuanhuode
{
position:absolute;
top:0%;
left:0%;
width:38.4%;
height:12.8%;
border:solid 2px #FFF;
}
.mainJianniangtujian
{
position:absolute;
top:0%;
left:38.4%;
width:19.2%;
border:solid 2px #FFF;
}
.mainSuoshutuanti
{
position:absolute;
top:6.4%;
left:38.4%;
width:19.2%;
border:solid 2px #FFF;
}
.mainJianchuanleixing
{
position:absolute;
top:0%;
left:57.6%;
width:19.2%;
border:solid 2px #FFF;
}
.mainHuanzhuang
{
position:absolute;
top:6.4%;
left:57.6%;
width:19.2%;
border:solid 2px #FFF;
}
.mainZaochuanchang
{
position:absolute;
top:12.8%;
left:0%;
width:24.0%;
border-left:solid 2px #FFF;
border-top:solid 2px #FFF;
border-bottom:solid 2px #FFF;
}
.mainGuisu
{
position:absolute;
top:12.8%;
left:24.0%;
width:24.0%;
border-right:solid 2px #FFF;
border-top:solid 2px #FFF;
border-bottom:solid 2px #FFF;
}
.mainShenhaijiandui_11,
.mainShenhaijiandui_21
{
position:absolute;
top:12.8%;
left:48.0%;
width:28.8%;
border:solid 2px #FFF;
}
.mainShenhaijiandui_12,
.mainShenhaijiandui_22
{ width:100% }
.mainBlock3_1
{
position:absolute;
top:46.4%;
left:80.0%;
width:100%;
height:100%;
}
.mainZhuangbei
{
position:absolute;
top:0%;
left:0%;
width:19.2%;
border:solid 2px #FFF;
}
.mainZhuangbeitujian
{
position:absolute;
top:9.6%;
left:0%;
width:19.2%;
border:solid 2px #FFF;
}
.mainBlock4
{
position:absolute;
top:70.2%;
left:0%;
width:100%;
height:100%;
}
.mainWeixing
{
position:absolute;
top:0%;
left:0%;
width:19.2%;
border:solid 2px #FFF;
}
.mainChangkan
{
position:absolute;
top:0%;
left:19.2%;
width:19.2%;
border:solid 2px #FFF;
}
.mainLishi
{
position:absolute;
top:0%;
left:38.4%;
width:19.2%;
border:solid 2px #FFF;
}
.mainBlock5
{
position:absolute;
top:70.2%;
left:60.8%;
width:100%;
height:100%;
}
.mainZaxue
{
position:absolute;
top:0%;
left:0%;
width:38.4%;
border:solid 2px #FFF;
}
.mainHuashi
{
position:absolute;
top:6.4%;
left:0%;
width:19.2%;
border:solid 2px #FFF;
}
.mainPeiyin
{
position:absolute;
top:6.4%;
left:19.45%;
width:19.2%;
border:solid 2px #FFF;
}
.mainBlock6
{
position:absolute;
top:86.4%;
left:0%;
width:100%;
height:100%;
}
.mainYingshi
{
position:absolute;
top:0%;
left:0%;
width:19.2%;
border:solid 2px #FFF;
}
.mainManhua
{
position:absolute;
top:0%;
left:19.2%;
width:19.2%;
border:solid 2px #FFF;
}
.mainYouxi
{
position:absolute;
top:0%;
left:38.4%;
width:19.2%;
border:solid 2px #FFF;
}
.mainXiaoshuo
{
position:absolute;
top:0%;
left:57.6%;
width:19.2%;
border:solid 2px #FFF;
}
.mainHetuji
{
position:absolute;
top:0%;
left:76.8%;
width:22.4%;
border:solid 2px #FFF;
}
/* 舰娘图鉴页面 */
.ShipAttrPanel { position:relative; min-width:768px; max-width:1280px; height:900px; color:white;overflow:hidden; }
.ShipIllust { position:absolute; top:calc(50% - 75px); left:calc(50% - 250px); z-index:3; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%) }
.ShipQ { position:absolute; top:100px; left:calc(50% - 500px); z-index:3; }
.ShipChibiButton { width:10em; color: black; background: rgba(255,255,255,0.5); border-width: 3px; border-style: solid; border-radius: 10px; border-color: #000; text-align: center; line-height: 2em; font-weight: bold; cursor: hand; }
.ShipRarityCage { position:absolute; top:40px; width:100%; height:870px; overflow:hidden; z-index:1; }
.ShipRarity { position:absolute; top:50%; left:50%; width:1280px; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%) }
.ShipDataPanel { position:absolute; top:40px; width:100%; height:870px; overflow:hidden; }
.ShipAttrIndex { font-family:Tahoma; position:absolute; top:40px; left:60px; font-size:2em; -webkit-text-stroke:0.75px black; text-stroke:0.75px black;z-index:4 }
.ShipAttrBase { position:absolute; top:10px; right:10px; width:500px; height:724; z-index:4; }
.ShipAttrGear { position:absolute; width:92px; height:350px; bottom:-3px; right:0px; z-index:-1; overflow:hidden; }
.ShipAttrLink { position:absolute; top:-1px; left:250px; background-color:rgba(255,255,255,0.5); font-weight:bold; }
.ShipAttrFlag { position:absolute; top:14px; left:60px; }
.ShipAttrName { position:absolute; top:22px; left:180px; font-size:1.7em; font-weight:bold; }
.ShipAttrCost { position:absolute; top:30px; left:28px; font-size:1.7em; font-weight:bold; cursor:help }
.ShipAttrSp { position:absolute; top:78px; left:28px; font-size:1.7em; font-weight:bold; color:#903; cursor:help }
.ShipAttrClass { position:absolute; top:54px; right:38px; font-size:1.1em; text-align:right; }
.ShipAttrType { position:absolute; top:592px; width:100px; }
.ShipAttrSize { position:absolute; top:54px; left:58px; font-size:1.1em; text-align:left; }
.ShipAttrHp { position:absolute; top:86px; left:130px; font-size:1.1em; }
.ShipAttrAtk { position:absolute; top:84px; left:242px; }
.ShipAttrAtkMax { position:absolute; top:91px; left:260px; color:#0f0; }
.ShipAttrDef { position:absolute; top:119px; left:130px; }
.ShipAttrDefMax { position:absolute; top:126px; left:148px; color:#0f0; }
.ShipAttrTpd { position:absolute; top:119px; left:242px; }
.ShipAttrTpdMax { position:absolute; top:126px; left:260px; color:#0f0; }
.ShipAttrEva { position:absolute; top:153px; left:130px; }
.ShipAttrEvaMax { position:absolute; top:160px; left:148px; color:#0f0; }
.ShipAttrAa { position:absolute; top:153px; left:242px; }
.ShipAttrAaMax { position:absolute; top:160px; left:260px; color:#0f0; }
.ShipAttrCap { position:absolute; top:190px; left:130px; font-size:1.1em; }
.ShipAttrAs { position:absolute; top:188px; left:242px; }
.ShipAttrAsMax { position:absolute; top:195px; left:260px; color:#0f0; }
.ShipAttrSpeed { position:absolute; top:224px; left:130px; font-size:1.1em; }
.ShipAttrRec { position:absolute; top:222px; left:242px; }
.ShipAttrRecMax { position:absolute; top:229px; left:260px; color:#0f0; }
.ShipAttrRange { position:absolute; top:259px; left:130px; font-size:1.1em; }
.ShipAttrLuck { position:absolute; top:259px; left:242px; font-size:1.1em; }
.ShipAttrSFuel { position:absolute; top:330px; left:126px; font-size:1.1em; }
.ShipAttrSAmmo { position:absolute; top:330px; left:230px; font-size:1.1em; }
.ShipAttrSAtk { position:absolute; top:330px; left:330px; font-size:1.1em; }
.ShipAttrSDef { position:absolute; top:365px; left:330px; font-size:1.1em; }
.ShipAttrSTpd { position:absolute; top:330px; left:432px; font-size:1.1em; }
.ShipAttrSAa { position:absolute; top:365px; left:432px; font-size:1.1em; }
.ShipAttrDFuel { position:absolute; top:433px; left:333px; font-size:1.1em; }
.ShipAttrDAmmo { position:absolute; top:433px; left:435px; font-size:1.1em; }
.ShipAttrDSteel { position:absolute; top:468px; left:333px; font-size:1.1em; }
.ShipAttrDBaux { position:absolute; top:468px; left:435px; font-size:1.1em; }
.ShipAttrModCon { position:absolute; top:5px; width:175px; font-size:1.1em; color:#70f3ff; }
.ShipAttrSkill { position:absolute; top:109px; width:175px; font-size:1.1em; color:#70f3ff; }
.ShipAttrSkillDesc { position:absolute; top:135px; left:1px; width:175px; height:80px; overflow:auto; font-size:0.9em; }
.ShipAttrModSkill1 { position:absolute; top:5px; width:175px; color:#70f3ff; font-size:1.1em; }
.ShipAttrModSkill1Desc { position:absolute; top:31px; left:1px; width:175px; height:80px; overflow:auto; font-size:0.9em; }
.ShipAttrModSkill2 { position:absolute; top:109px; width:175px; font-size:1.1em; color:#70f3ff;}
.ShipAttrModSkill2Desc { position:absolute; top:135px; left:1px; width:175px; height:80px; overflow:auto; font-size:0.9em; }
.ShipAttrCap1 { position:absolute; top:520px; left:96px; }
.ShipAttrCap2 { position:absolute; top:520px; left:191px; }
.ShipAttrCap3 { position:absolute; top:520px; left:288px; }
.ShipAttrCap4 { position:absolute; top:520px; left:384px; }
.ShipAttrAccess { position:absolute; overflow:auto; top:395px; left:60px; width:205px; height:100px;font-size:0.9em }
.ShipAttrMorePanel { position:absolute; top:357px; left:60px; width:209px; overflow:hidden; }
.ShipAttrRTime { position:absolute; top:42px; left:66px; font-size:1.1em; }
.ShipAttrAcc { position:absolute; top:40px; left:165px; }
.ShipAttrAccMax { position:absolute; top:47px; left:183px; color:#0f0; }
.ShipAttrRFuel { position:absolute; top:112px; left:66px; font-size:1.1em; }
.ShipAttrRSteel { position:absolute; top:112px; left:171px; font-size:1.1em; }
.ShipAttrDescPanel { position:absolute; top:730px; width:800px; left:calc(50% - 400px); z-index:4; }
.ShipAttrDesc { position:absolute; top:10px; left:65px; width:675px; height:100px; overflow:auto; }
.EquipAttrCage { position:absolute; left:8px; width:72px; text-align:center; font-size:0.9em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.EquipAttrEmpty { position:absolute; top:24px; width:83px; height:83px; }
.EquipAttrCap { position:absolute; top:78px; left:60px; font-size:16px; color:#fff; text-shadow:0px 0px 5px #000,1px 1px 0px #000; }
.EquipAttrMsl { position:absolute; top:25px; left:23px; font-size:16px; color:#fff; text-shadow:0px 0px 5px #000,1px 1px 0px #000; }
.EquipAttrNoHole { position:absolute; top:24px; width:83px; height:83px; }
.EquipAttrBox { position:absolute; top:25px; left:1px; width:83px; height:83px; }
.EquipAttrDesc { position:absolute; top:111px; left:3px; width:7em; max-height:60px; overflow-y:auto; font-size:0.85em; line-height:1.2; font-family:'黑体';}
/* 台词表 */
.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 {
display:table;
text-align:center;
font-weight:bold;
width:100%;
max-width:1000px;
}
div.eqC1, div.eqC2, div.eqP1, div.eqP2 {
display:table-row;
}
div.eqTable .eqCaption {
display:table-cell;
border:solid 1px rgb(170,170,170);
border-right:solid 0px rgb(170,170,170);
background-color:rgb(242,242,242);
width:20%;
}
div.eqTable .eqCaption:last-child {
border:solid 1px rgb(170,170,170);
}
div.eqTable .eqPic {
display:table-cell;
border:solid 1px rgb(170,170,170);
border-right:solid 0px rgb(170,170,170);
background-color:rgb(249,249,249);
width:20%;
}
div.eqTable .eqPic:last-child {
border:solid 1px rgb(170,170,170);
}
/* 彩虹字体 */
.rainbowText {
color:red;
background:-webkit-linear-gradient(left,#f3c741,#e21d3a,#bb44b8,#3c7af7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:inline-block;
}
/* sm2(音频播放器) */
.sm2-bar-ui {
font-size: 16px;
}
.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
background-color: #98c5e9;
}
.sm2-bar-ui .sm2-inline-texture {
background: transparent;
}
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
#content {
grid-template-areas:
'titlebar-cx .'
'titlebar columnEnd'
'toolbar columnEnd'
'content columnEnd'
'post-content columnEnd';
}
#flowthread {
grid-area: post-content;
}
.vector-sticky-header-context-bar-primary {
font-family: sans-serif !important;
}
/*@media screen and (min-width: 1200px) */
/* { .mw-page-container-inner {*/
/* grid-template-columns: 10em minmax(0,1fr) !important;*/
/* }*/
/* }*/
/*@media screen and (min-width: 1000px) */
/* { .mw-page-container-inner {*/
/* grid-template-columns: 10em minmax(0,1fr) !important;*/
/* }*/
/* }*/
/*.mw-portlet {*/
/* border-bottom: 1px solid #c8ccd1 !important;*/
/*}*/
/*.vector-menu-heading {*/
/* font-size: 1em !important;*/
/*}*/
/*.vector-menu-content-list {*/
/* margin: -5px 0 10px 5px !important;*/
/*}*/
/*.vector-menu-content-list li {*/
/* margin-bottom: -0.67em;*/
/*}*/