MediaWiki:Vector.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| (未显示3个用户的39个中间版本) | |||
| 第1行: | 第1行: | ||
/* 放置于这里的CSS将应用于所有皮肤 */ | |||
/* Test 123 | |||
OvO is watching you! | |||
*/ | |||
.homo114514 { | |||
display:block; | |||
} | |||
/* @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; | |||
} | |||
#siteSub {display:block;} | |||
/* 强制显示侧边栏 */ | |||
#p-游戏系统 div {display:block !important;} | |||
#p-舰娘 div {display:block !important;} | |||
#p-装备 div {display:block !important;} | |||
#p-港区系统 div {display:block !important;} | |||
#p-杂学考据 div {display:block !important;} | |||
#p-游戏动态 div {display:block !important;} | |||
#p-友情链接 div {display:block !important;} | |||
#p-资料站 div {display:block !important;} | |||
#p-tb div {display:block !important;} | |||
body { | |||
font-family: sans-serif; | |||
font-weight: 400 !important; | |||
text-spacing-trim: space-first !important; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
font-family: sans-serif !important; | |||
} | |||
.vector-body p { | |||
margin: 1em 0 !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 !important; | |||
} | |||
/* 源代码编辑框 */ | |||
.CodeMirror { background-color:white !important;} | |||
/* 大家族模板 */ | |||
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; | |||
} | |||
.mainTebiechuanwu | |||
{ | |||
position:absolute; | |||
top:6.4%; | |||
left:0%; | |||
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; | |||
} | |||
/* 技能数字颜色 */ | |||
.skillColorGreen { color: #00aa00; } | |||
.skillColorRed { color: red; } | |||
div.ShipAttrSkillDesc > span.skillColorGreen, | |||
div.ShipAttrModSkill1Desc > span.skillColorGreen, | |||
div.ShipAttrModSkill2Desc > span.skillColorGreen | |||
{ | |||
color: #00ff00; | |||
} | |||
div.ShipAttrSkillDesc > span.skillColorRed, | |||
div.ShipAttrModSkill1Desc > span.skillColorRed, | |||
div.ShipAttrModSkill2Desc > span.skillColorRed | |||
{ | |||
color: #ffaaaa; | |||
} | |||
/* 舰娘图鉴页面 */ | |||
.ShipAttrPanel { position:relative; min-width:768px; max-width:1280px; height:900px; 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(5% - 50px); 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; color:white; 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; left:-5px; width:185px; font-size:1.1em; color:#70f3ff; } | |||
.ShipAttrSkill { position:absolute; top:109px; left:-5px; width:185px; font-size:1.1em; color:#70f3ff; } | |||
.ShipAttrSkillDesc { position:absolute; top:133px; left:-5px; width:185px; height:78px; overflow:auto; font-size:0.9em; line-height:1.2em; word-break:break-all; } | |||
.ShipAttrModSkill1 { position:absolute; top:5px; left:-5px; width:185px; color:#70f3ff; font-size:1.1em; } | |||
.ShipAttrModSkill1Desc { position:absolute; top:29px; left:-5px; width:185px; height:78px; overflow:auto; font-size:0.9em; line-height:1.2em; word-break:break-all; } | |||
.ShipAttrModSkill2 { position:absolute; top:109px; left:-5px; width:185px; font-size:1.1em; color:#70f3ff;} | |||
.ShipAttrModSkill2Desc { position:absolute; top:133px; left:-5px; width:185px; height:78px; overflow:auto; font-size:0.9em; line-height:1.2em; word-break:break-all; } | |||
.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;*/ | |||
/*}*/ | |||