Chiyansama(留言 | 贡献) 无编辑摘要 |
Chiyansama(留言 | 贡献) (页面内容被替换为“@media (min-width: 1200px) { div#toc { background: transparent; border: 0; padding: 0; line-height: 21px; padding: 0; overflow: auto; } .toc ul ul { margin: 0 0 0 1.2em; } .toc-sticky { padding-left: 21%; position: relative; } div#toc { position: sticky; top: 90px; float: left; margin-left: calc(-20% - 80px); width: calc(20% + 60px); height: 85vh; di…”) 标签:替换 |
||
第1行: | 第1行: | ||
@media (min-width: 1200px) { |
|||
/* |
|||
div#toc { |
|||
以下内容引用自碧蓝航线WIKI |
|||
background: transparent; |
|||
== 书写规范 == |
|||
border: 0; |
|||
→使用4个空格来缩进 |
|||
padding: 0; |
|||
→每行只书写一个选择器 |
|||
line-height: 21px; |
|||
→每行只书写一个样式属性 |
|||
padding: 0; |
|||
overflow: auto; |
|||
→页面的样式注明页面的名字 |
|||
→组件的样式注明模板、模块或JS页面 |
|||
*/ |
|||
/* -------------------------------------------------- */ |
|||
/* -------------------------------------------------- */ |
|||
/* 首页样式 */ |
|||
/* -------------------------------------------------- */ |
|||
.home-an1 { |
|||
float: left; |
|||
min-width: 25%; |
|||
height: 34px; |
|||
line-height: 34px; |
|||
padding: 0px 2px; |
|||
position: relative; |
|||
transition: .2s; |
|||
background: url(https://patchwiki.biligame.com/images/ys/6/6a/76062evfz1wf8xvd3lgcibbqmuqme0f.png) no-repeat; |
|||
margin: 5px 0px; |
|||
text-align: left; |
|||
font-size: 14px; |
|||
} |
} |
||
. |
.toc ul ul { |
||
margin: 0 0 0 1.2em; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
color: rgba(0, 0, 0, 0) !important; |
|||
} |
} |
||
.toc-sticky { |
|||
padding-left: 21%; |
|||
.bg-p { |
|||
background: url(https://patchwiki.biligame.com/images/ys/b/b7/7vg3liyrem0apq5399q5a3pe1ewg8bb.png); |
|||
overflow: hidden; |
|||
padding: 10px; |
|||
border-radius: 10px; |
|||
border: 1px solid #555; |
|||
} |
|||
.bg-y { |
|||
border: 1px solid #555; |
|||
padding: 2px; |
|||
overflow: hidden; |
|||
border-radius: 4px; |
|||
} |
|||
.title-1 { |
|||
background-color: transparent; |
|||
background-image: url(https://patchwiki.biligame.com/images/ys/e/ea/la0i23rd7ihbk20n3gdwvgqmst1kwwd.png), url(https://patchwiki.biligame.com/images/ys/a/ac/515smg7pvgarfwxogj5lp0itwx3sxn6.png), url(https://patchwiki.biligame.com/images/ys/f/ff/pjh8k7etpfwe4n70wnclriudeam207j.png); |
|||
background-repeat: no-repeat, no-repeat, repeat-x; |
|||
background-attachment: scroll, scroll, scroll; |
|||
background-position: left top, right top, center top; |
|||
background-clip: border-box, border-box, content-box; |
|||
background-origin: padding-box, padding-box, padding-box; |
|||
background-size: auto auto, auto auto, auto auto, 100% 100%; |
|||
color: #fff; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
clear: both; |
|||
font-size: 14px; |
|||
font-family: "Microsoft YaHei", serif; |
|||
padding-left: 20px; |
|||
font-weight: bold; |
|||
margin-top: 10px; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.home-an1 { |
|||
width: 50%; |
|||
} |
|||
.home-tag1 { |
|||
display: block; |
|||
width: 80px !important; |
|||
height: 94px; |
|||
font-size: 10px; |
|||
margin: 8px; |
|||
color: #414141; |
|||
background: transparent url("https://patchwiki.biligame.com/images/ys/d/d3/t1dfnz3fcfkiqqtfuot8kt1aw2rmrt1.png")no-repeat; |
|||
text-align: center; |
|||
float: left; |
|||
padding: 2px; |
|||
} |
|||
.home-tag1:hover { |
|||
background-position: 0 0px; |
|||
background: transparent url("https://patchwiki.biligame.com/images/ys/5/5e/jaf1p6d9jggfpyvyd14l3teq45iln2h.png")no-repeat; |
|||
color: #fff; |
|||
} |
|||
} |
|||
.home-box-tag { |
|||
display: inline-block; |
|||
position: relative; |
|||
width: 106px; |
|||
height: 122px; |
|||
margin: 5px 7px; |
|||
} |
|||
.home-box-tag-1 { |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
padding: 3px; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.home-box-tag-2 { |
|||
position: absolute; |
|||
bottom: 3px; |
|||
left: 0px; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.home-box-tag-3 { |
|||
position: absolute; |
|||
bottom: 3px; |
|||
left: 0px; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.home-box-tag { |
|||
display: inline-block; |
|||
position: relative; |
position: relative; |
||
width: 31%; |
|||
height: auto; |
|||
margin-left: 1%; |
|||
margin-right: 1%; |
|||
} |
} |
||
div#toc { |
|||
position: sticky; |
|||
.home-box-tag-2 { |
|||
top: 90px; |
|||
bottom: 2px; |
|||
left: 0px; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
} |
|||
.home-box-tag-3 { |
|||
position: absolute; |
|||
bottom: 2px; |
|||
left: 0px; |
|||
width: 100%; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
} |
|||
} |
|||
.kan { |
|||
float: left; |
|||
height: 22px; |
|||
width: 85px; |
|||
line-height: 22px; |
|||
background: #3B475D; |
|||
border-radius: 3px; |
|||
color: #fff; |
|||
text-align: center; |
|||
margin: 0px; |
|||
margin-right: 10px; |
|||
font-size: 12px; |
|||
} |
|||
.BILIBILI-BOX { |
|||
width: 100%; |
|||
margin-bottom: 20px; |
|||
overflow: hidden; |
|||
} |
|||
.BOX-title-1 { |
|||
width: 100%; |
|||
font-size: 14px; |
|||
padding: 7px 10px; |
|||
font-weight: bold; |
|||
background: #404040; |
|||
color: #fff; |
|||
} |
|||
.BOX-title-2 { |
|||
padding: 10px 0px 5px 0px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
border-bottom: 1px solid #384348; |
|||
} |
|||
.BOX-N { |
|||
width: 100%; |
|||
padding: 10px 0px; |
|||
} |
|||
.BOX-GD { |
|||
color: #f7f7f7; |
|||
border: 1px solid #f7f7f7; |
|||
padding: 0px 5px; |
|||
border-radius: 50%; |
|||
} |
|||
.BOX-AN-50 { |
|||
width: 50% |
|||
} |
|||
.BOX-AN-25 { |
|||
width: 25% |
|||
} |
|||
.BOX-AN-20 { |
|||
width: 20% |
|||
} |
|||
.BOX-AN2 { |
|||
width: 100%; |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
padding-left: 35px; |
|||
padding-right: 5px; |
|||
color: #404040; |
|||
} |
|||
.BOX-AN2:hover { |
|||
background: #000; |
|||
color: #f7f7f7; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.BOX-AN-25 { |
|||
width: 50% |
|||
} |
|||
.BOX-AN-20 { |
|||
width: 50% |
|||
} |
|||
} |
|||
.wz-an-left { |
|||
float: left; |
|||
width: 36px; |
|||
height: 22px; |
|||
line-height: 22px; |
|||
border-radius: 4px; |
|||
color: #fff; |
|||
text-align: center; |
|||
margin: 5px 0px; |
|||
margin-right: 10px; |
|||
font-size: 12px; |
|||
} |
|||
.wz-an-right { |
|||
float: left; |
|||
width: calc(100% - 46px); |
|||
height: 22px; |
|||
line-height: 22px; |
|||
margin: 5px 0px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.update-log .log-title { |
|||
display: none; |
|||
} |
|||
.update-log .bili-list-group { |
|||
padding: 0px 0px; |
|||
} |
|||
.update-log .read-more { |
|||
display: none; |
|||
} |
|||
.carousel.big-carousel .carousel-indicators li, |
|||
.carousel.big-carousel .carousel-indicators li.active { |
|||
width: 8px; |
|||
height: 8px; |
|||
} |
|||
.BOX-1 .BOX-title-2 { |
|||
padding: 10px 0px 5px 0px; |
|||
} |
|||
.BOX-1 { |
|||
background: #f7f7f7; |
|||
border: 1px solid #404040; |
|||
} |
|||
.BOX-1 .BOX-N { |
|||
padding: 5px 10px; |
|||
} |
|||
.BOX-2 .BOX-title-1 { |
|||
border-radius: 8px; |
|||
} |
|||
.BOX-2 { |
|||
border: 1px solid #404040; |
|||
border-radius: 4px; |
|||
padding: 2px |
|||
} |
|||
.BOX-2 .BOX-2-1 { |
|||
background: #f7f7f7; |
|||
border: 1px solid #404040; |
|||
border-radius: 8px; |
|||
padding: 10px; |
|||
} |
|||
.BOX-3 .BOX-title-1 { |
|||
border-radius: 8px; |
|||
} |
|||
.BOX-3 { |
|||
background: #f7f7f7; |
|||
border-radius: 8px; |
|||
padding: 10px |
|||
} |
|||
.BOX-4 .BOX-title-1 { |
|||
border-radius: 8px 8px 0px 0px; |
|||
} |
|||
.BOX-4 { |
|||
background: #f7f7f7; |
|||
border-radius: 8px; |
|||
padding: 0px; |
|||
} |
|||
.BOX-4 .BOX-N { |
|||
padding: 5px 10px; |
|||
} |
|||
.BOX-5 .BOX-title-1 { |
|||
border-radius: 8px 8px 0px 0px; |
|||
background: #262626; |
|||
color: #f7f7f7; |
|||
} |
|||
.BOX-5 .BOX-title-2 { |
|||
padding: 10px 0px 5px 0px; |
|||
border-bottom: 1px solid #262626; |
|||
} |
|||
.BOX-5 { |
|||
background: #404040; |
|||
border-radius: 8px; |
|||
padding: 0px; |
|||
} |
|||
.BOX-5 .BOX-N { |
|||
padding: 5px 10px; |
|||
border: 2px solid #262626; |
|||
border-top: 0px solid; |
|||
box-shadow: inset 0 0 1px 2px #000; |
|||
color: #f7f7f7; |
|||
border-radius: 0px 0px 8px 8px; |
|||
} |
|||
.BOX-5 .bili-section-normal, |
|||
.BOX-5 .bili-section-primary { |
|||
color: #f7f7f7; |
|||
background: #626262; |
|||
border: 1px solid rgb(0, 0, 0); |
|||
} |
|||
.BOX-5 .bili-section-normal:hover { |
|||
color: #fff; |
|||
background: #000; |
|||
border: 1px solid rgba(0, 0, 0, 0.1); |
|||
cursor: pointer; |
|||
} |
|||
.BOX-5 .BOX-zt { |
|||
color: #f7f7f7 |
|||
} |
|||
.BOX-5 .update-log a { |
|||
color: #f7f7f7 !important; |
|||
} |
|||
.BOX-5 .BOX-AN2 { |
|||
width: 100%; |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
padding-left: 35px; |
|||
padding-right: 5px; |
|||
color: #f7f7f7; |
|||
background: #626262; |
|||
} |
|||
.BOX-5 .BOX-AN2:hover { |
|||
color: #fff; |
|||
background: #000; |
|||
} |
|||
@media (max-width: 767px) { |
|||
.bvideo-frame { |
|||
height: 300px !important; |
|||
} |
|||
} |
|||
/*首页角色切换*/ |
|||
.home-tag1 { |
|||
display: block; |
|||
width: 112px !important; |
|||
height: 132px; |
|||
font-size: 15px; |
|||
margin: 5px 10px; |
|||
color: #414141; |
|||
background: transparent url("https://patchwiki.biligame.com/images/ys/2/2e/opbcst4xbtcq0i4lwerucmosawn29ti.png")no-repeat; |
|||
text-align: center; |
|||
float: left; |
|||
padding: 2px; |
|||
} |
|||
.home-tag1:hover { |
|||
background-position: 0 0px; |
|||
background: transparent url("https://patchwiki.biligame.com/images/ys/0/06/ltinfvd37eh0h92a8g74622scfmyc62.png")no-repeat; |
|||
color: #fff; |
|||
} |
|||
.home-tag1-font { |
|||
color: #000; |
|||
} |
|||
.home-tag1-font:hover { |
|||
color: #fff; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.home-tag1 { |
|||
display: block; |
|||
width: 80px !important; |
|||
height: 94px; |
|||
font-size: 12px; |
|||
margin: 5px; |
|||
color: #414141; |
|||
background: transparent url("https://patchwiki.biligame.com/images/ys/d/d3/t1dfnz3fcfkiqqtfuot8kt1aw2rmrt1.png")no-repeat; |
|||
text-align: center; |
|||
float: left; |
float: left; |
||
margin-left: calc(-20% - 80px); |
|||
width: calc(20% + 60px); |
|||
} |
|||
height: 85vh; |
|||
.home-tag1:hover { |
|||
background-position: 0 0px; |
|||
background: transparent url("https://patchwiki.biligame.com/images/ys/5/5e/jaf1p6d9jggfpyvyd14l3teq45iln2h.png")no-repeat; |
|||
color: #fff; |
|||
} |
|||
} |
|||
.home-box-tag-1 { |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
padding: 3px; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.home-box-tag-2 { |
|||
position: absolute; |
|||
bottom: 3px; |
|||
left: 0px; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.home-box-tag-3 { |
|||
position: absolute; |
|||
bottom: 3px; |
|||
left: 0px; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.home-box-tag { |
|||
display: inline-block; |
|||
position: relative; |
|||
width: 80px; |
|||
height: 90px; |
|||
margin: 5px; |
|||
} |
|||
.home-box-tag-2 { |
|||
position: absolute; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
} |
|||
.home-box-tag-3 { |
|||
position: absolute; |
|||
bottom: 4px; |
|||
left: 0px; |
|||
width: 100%; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
} |
|||
} |
|||
/*首页布局*/ |
|||
.home-box { |
|||
width: 100%; |
|||
overflow: hidden; |
|||
padding-bottom: 30px; |
|||
font-size: 12px; |
|||
} |
|||
.home-box-right { |
|||
float: right; |
|||
width: 330px; |
|||
padding-left: 15px; |
|||
} |
|||
.home-box-left { |
|||
float: right; |
|||
width: calc(100% - 330px); |
|||
padding-right: 15px; |
|||
border-right: 1px solid #d5d5d5; |
|||
} |
|||
.bbc-n { |
|||
padding: 10px 0px; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.home-box { |
|||
width: 100%; |
|||
overflow: hidden; |
|||
padding: 0px; |
|||
border: 0px; |
|||
} |
|||
.home-box-left { |
|||
float: none; |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-right: 0px solid #d5d5d5; |
|||
border-left: 0px solid #d5d5d5; |
|||
} |
|||
.home-box-right { |
|||
float: none; |
|||
width: 100%; |
|||
padding: 0px; |
|||
} |
|||
} |
|||
.home-box-bbc { |
|||
overflow: hidden; |
|||
margin-bottom: 20px; |
|||
} |
|||
.title-1 { |
|||
background-color: transparent; |
|||
background-image: url(https://patchwiki.biligame.com/images/ys/e/ea/la0i23rd7ihbk20n3gdwvgqmst1kwwd.png), url(https://patchwiki.biligame.com/images/ys/a/ac/515smg7pvgarfwxogj5lp0itwx3sxn6.png), url(https://patchwiki.biligame.com/images/ys/f/ff/pjh8k7etpfwe4n70wnclriudeam207j.png); |
|||
background-repeat: no-repeat, no-repeat, repeat-x; |
|||
background-attachment: scroll, scroll, scroll; |
|||
background-position: left top, right top, center top; |
|||
background-clip: border-box, border-box, content-box; |
|||
background-origin: padding-box, padding-box, padding-box; |
|||
background-size: auto auto, auto auto, auto auto, 100% 100%; |
|||
color: #fff; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
clear: both; |
|||
font-size: 14px; |
|||
font-family: "Microsoft YaHei", serif; |
|||
padding-left: 20px; |
|||
font-weight: bold; |
|||
margin-top: 10px; |
|||
} |
|||
.title-2 { |
|||
padding: 10px 0px 5px 0px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
border-bottom: 1px solid #384348; |
|||
} |
|||
.title-top { |
|||
margin-top: 20px; |
|||
} |
|||
.home-box-3 { |
|||
width: 50%; |
|||
} |
|||
.home-box-2 { |
|||
width: 100%; |
|||
} |
|||
.home-box-4 { |
|||
margin-top: 15px; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.home-box-1 { |
|||
display: block; |
display: block; |
||
padding: 0 30px 0 0; |
|||
border-collapse: inherit; |
|||
overflow: hidden; |
|||
} |
} |
||
.toc::-webkit-scrollbar { |
|||
width: 10px; |
|||
.home-box-tb { |
|||
display: block; |
|||
margin-bottom: 15px; |
|||
} |
} |
||
.toc::-webkit-scrollbar-thumb { |
|||
background: #c1c1c1; |
|||
.home-box-3, |
|||
border-radius: 5px; |
|||
width: 100%; |
|||
} |
} |
||
.toc{ |
|||
scrollbar-width: thin; |
|||
.home-box-1+.home-box-1 { |
|||
margin-top: 0px; |
|||
} |
} |
||
} |
|||
. |
pre, .mw-code { |
||
background-color: #f8f9fa33; |
|||
border: 1px solid #eaecf078; |
|||
font-size: 14px; |
|||
line-height: 32px; |
|||
padding: 0px 20px; |
|||
margin: 5px; |
|||
color: #414141; |
|||
border: 1px solid #CECECE; |
|||
display: block; |
|||
text-align: center; |
|||
float: left; |
|||
} |
} |
||
.bread-crumb a:last-child .b-name { |
|||
.home-tag:hover { |
|||
color: white!important; |
|||
transition: all 0.3s linear 0s; |
|||
background: #9C875B; |
|||
color: #fff; |
|||
} |
} |
||
.home-tag-top { |
|||
display: block; |
|||
height: 40px; |
|||
font-size: 18px; |
|||
line-height: 36px; |
|||
margin: 10px; |
|||
color: #414141; |
|||
font-weight: bold; |
|||
border: 1px solid #c2c2c2; |
|||
border-radius: 50px; |
|||
text-align: center; |
|||
} |
|||
.home-tag-top:hover { |
|||
transition: all 0.3s linear 0s; |
|||
border: 1px solid #a8a9e3; |
|||
background: #ecf0ff; |
|||
} |
|||
.homg-art { |
|||
border-top: 1px solid #ddd; |
|||
padding: 7px 15px; |
|||
} |
|||
/*攻略组*/ |
|||
ul.mainpage-editor-list { |
|||
list-style: none; |
|||
padding: 0 0px; |
|||
margin-left: 2px; |
|||
} |
|||
ul.mainpage-editor-list>li { |
|||
margin: 0 0 5px; |
|||
} |
|||
ul.mainpage-editor-list>li>div { |
|||
display: inline-block; |
|||
} |
|||
ul.mainpage-editor-list .editor-image { |
|||
margin-right: 5px; |
|||
} |
|||
ul.mainpage-editor-list .editor-image img { |
|||
width: 30px; |
|||
height: 30px; |
|||
box-shadow: 0 0 2px #000; |
|||
border-radius: 7px; |
|||
} |
|||
ul.mainpage-editor-list .editor-name { |
|||
font-size: 0.86em; |
|||
font-weight: bold; |
|||
} |
|||
ul.mainpage-editor-list>li { |
|||
display: inline-block; |
|||
width: 49%; |
|||
} |
|||
/*隐藏更新日志标题*/ |
|||
.update-log .log-title { |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
border-bottom: none; |
|||
display: none; |
|||
} |
|||
/*隐藏首页标题*/ |
|||
.page-首页 #firstHeading { |
|||
display: none; |
|||
} |
|||
/*隐藏首页分类*/ |
|||
.page-首页 #catlinks { |
|||
display: none; |
|||
} |
|||
/*首页链接颜色*/ |
|||
.update-log a { |
|||
font-family: MicrosoftYaHei; |
|||
font-size: 14px; |
|||
color: rgba(0, 0, 0, 0.85) !important; |
|||
line-height: 22px; |
|||
} |
|||
/*更新日志样式修复*/ |
|||
.update-log .bili-list-group { |
|||
padding: 10px 0px; |
|||
margin-left: 0; |
|||
} |
|||
.update-log .bili-list-group .bili-list-group-item .log-content { |
|||
width: 230px; |
|||
display: inline-block; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
/*更新日志标签变色*/ |
|||
.update-log .bili-list-group .bili-list-group-item .log-label { |
|||
border-radius: 2px; |
|||
font-size: 12px; |
|||
} |
|||
.bili-label-purple { |
|||
background: #AC6656; |
|||
color: #DADADA; |
|||
} |
|||
.bili-label-pink { |
|||
background: #AC6656; |
|||
color: #DADADA; |
|||
} |
|||
.bili-label-green { |
|||
background: #AC6656; |
|||
color: #DADADA; |
|||
} |
|||
/* 新首页 */ |
|||
.sy-box-l { |
|||
background: #3E4556; |
|||
border-radius: 3px; |
|||
} |
|||
.sy-box-1 { |
|||
background: #F6F0E5; |
|||
border-radius: 5px; |
|||
padding: 3px; |
|||
overflow: hidden; |
|||
margin-bottom: 20px; |
|||
} |
|||
.sy-box-2 { |
|||
margin-top: 10px; |
|||
} |
|||
.sy-box-3 { |
|||
background: #F6F0E5; |
|||
border: 1px solid #AF9D7D; |
|||
box-sizing: border-box; |
|||
border-radius: 5px; |
|||
margin-bottom: 3px; |
|||
padding: 10px; |
|||
} |
|||
.sy-box-1-n { |
|||
border: 1px solid #AF9D7D; |
|||
box-sizing: border-box; |
|||
border-radius: 5px; |
|||
padding: 7px 15px; |
|||
} |
|||
.sy-title-1 { |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
color: #3B4255; |
|||
text-align: center; |
|||
} |
|||
.sy-title-2 { |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
color: #3B4255; |
|||
text-align: center; |
|||
line-height: 42px; |
|||
height: 42px; |
|||
} |
|||
.sy-title-3 { |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
color: #3B4255; |
|||
text-align: center; |
|||
line-height: 10px; |
|||
} |
|||
.sy-title-4 { |
|||
position: relative; |
|||
width: 100%; |
|||
font-weight: 800; |
|||
font-size: 16px; |
|||
line-height: 19px; |
|||
text-align: center; |
|||
padding: 7px 0px; |
|||
color: #D3BC8E; |
|||
} |
|||
.box-bg { |
|||
background: linear-gradient(180deg, #263044 0%, #2F4371 100%); |
|||
border: 1px solid #ECE5D8; |
|||
box-sizing: border-box; |
|||
border-radius: 0px 0px 5px 5px; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
padding: 20px 40px; |
|||
} |
|||
.top-tg { |
|||
background: linear-gradient(270deg, rgba(182, 182, 182, 0) 6.77%, rgba(143, 143, 143, 0.8) 30.21%, rgba(91, 91, 91, 0.8) 52.6%, rgba(137, 137, 137, 0.8) 76.04%, rgba(179, 179, 179, 0) 93.23%); |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.top-tg { |
|||
background: rgba(137, 137, 137, 0.8); |
|||
} |
|||
.box-bg { |
|||
padding: 10px 0px; |
|||
} |
|||
} |
|||
.box-link>a { |
|||
position: relative; |
|||
position: absolute; |
|||
color: transparent; |
|||
width: 100%; |
|||
height: 100%; |
|||
display: block; |
|||
top: 0; |
|||
} |
|||
/* -------------------------------------------------- */ |
|||
/* 首页样式结束 */ |
|||
/* 全局样式 */ |
|||
/* -------------------------------------------------- */ |
|||
/* 指针图案 */ |
|||
.character, |
|||
button, |
|||
area, |
|||
body { |
|||
cursor: url(https://patchwiki.biligame.com/images/ys/b/b0/7uecwf4phmgjfnzevac1zye9m6qxkps.png), auto |
|||
} |
|||
/* WIKI背景图 */ |
|||
body { |
|||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), |
|||
url(https://patchwiki.biligame.com/images/ys/8/8e/fs0zegmjxowe043i2r430w2ss0vi9fg.jpg) no-repeat fixed 50% 0; |
|||
background-size: cover; |
|||
} |
|||
/* 移除顶部白色背景 */ |
|||
.game-bg, |
|||
.wiki-header { |
|||
background-color: rgba(0, 0, 0, 0); |
|||
box-shadow: none; |
|||
} |
|||
/* 修改<关于本站>按钮文字颜色 */ |
|||
.about-site .about-site-title, |
|||
#pt-notifications-alert a { |
|||
color: #fff !important; |
|||
} |
|||
/* 删除<我的消息>、<关于本站>按钮选中下划线 */ |
|||
#pt-notifications-alert a:hover, |
|||
.vectorMenu li a:hover { |
|||
text-decoration: none; |
|||
} |
|||
/*段落行间距*/ |
|||
p { |
|||
line-height: 24px; |
|||
margin: 0 0 0px; |
|||
} |
|||
/*a*/ |
|||
a:link { |
|||
color: #00b6ff; |
|||
} |
|||
a:visited { |
|||
color: #397BBD; |
|||
} |
|||
/*图片自适应*/ |
|||
.img-kk { |
|||
display: inline-block; |
|||
height: auto; |
|||
padding: 0px; |
|||
max-width: 100%; |
|||
line-height: 1.42857143; |
|||
-webkit-transition: all .2s ease-in-out; |
|||
-o-transition: all .2s ease-in-out; |
|||
transition: all .2s ease-in-out |
|||
} |
|||
img { |
|||
max-width: 100%; |
|||
height: auto; |
|||
margin: 0 auto; |
|||
text-align: center; |
|||
} |
|||
/* 导航栏样式修改 */ |
|||
.wiki-header .wiki-nav .menu-box { |
|||
width: 74%; |
|||
border-radius: 5px; |
|||
background: #323745; |
|||
padding: 3px; |
|||
} |
|||
.menu-wrap { |
|||
border: 1px solid #1E2434; |
|||
border-radius: 10px; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1 { |
|||
background: linear-gradient(180deg, #3E4556 0%, #2E406C 100%); |
|||
} |
|||
.menu-wrap .wiki-menu-li-1:first-child { |
|||
border-radius: 10px 0 0 10px; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1:last-child { |
|||
border-radius: 0 10px 10px 0; |
|||
} |
|||
.wiki-header .wiki-nav .form-box { |
|||
padding: 4px 0; |
|||
margin-left: 3%; |
|||
background: #323745; |
|||
border-radius: 5px; |
|||
} |
|||
#simpleSearch1 #searchInput { |
|||
width: 75%; |
|||
height: 36px; |
|||
border-radius: 10px; |
|||
background: #3E4556 !important; |
|||
color: #fff; |
|||
} |
|||
#simpleSearch1 #searchButton { |
|||
width: 30px; |
|||
right: 6%; |
|||
background-image: url(https://patchwiki.biligame.com/images/ys/1/18/eelrqg9r1slisjnwdp2zuwfcy88n8ts.png); |
|||
background-size: 30px; |
|||
background-position: 0px 6px; |
|||
} |
|||
.wiki-header .wiki-nav .nav-search-box { |
|||
padding: 6px 0 6px 4%; |
|||
} |
|||
.wiki-header .wiki-nav, |
|||
.wiki-header .wiki-nav-celling .celling-box, |
|||
.wiki-header .wiki-nav .nav-search-box { |
|||
border: none; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1 { |
|||
border-bottom: none; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1>a, |
|||
.menu-wrap .wiki-menu-li-1 a, |
|||
.menu-wrap .wiki-menu-li-1.title_active a, |
|||
.menu-wrap .wiki-menu-li-1, |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2, |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2 .wiki-menu-ul-3 .wiki-menu-li-3, |
|||
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3, |
|||
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3 a { |
|||
color: #F6F4F3; |
|||
font-size: 16px; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1.title_active, |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2, |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2, |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2 .wiki-menu-ul-3 .wiki-menu-li-3, |
|||
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3 { |
|||
background: #3E4556; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 { |
|||
box-shadow: 0 12px 24px 0 rgb(59 73 97 / 25%); |
|||
} |
|||
.wiki-hoverbox .wiki-hoverbox-inner { |
|||
overflow-y: auto; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2::-webkit-scrollbar-thumb, |
|||
.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar-thumb { |
|||
background: #FFF; |
|||
} |
|||
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2::-webkit-scrollbar-track, |
|||
.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar-track { |
|||
background: #CCCAC6; |
|||
} |
|||
/* WIKI功能按钮样式修改 */ |
|||
.firstHeadingTools .vectorMenu, |
|||
.vectorMenu .menu { |
|||
background: #3B475D; |
|||
border-radius: 3px; |
|||
top: -50px; |
|||
} |
|||
.vectorMenu .menu { |
|||
padding-top: 10px; |
|||
background-clip: content-box; |
|||
} |
|||
.vectorMenu h3 span { |
|||
padding: 0; |
|||
font-weight: bold; |
|||
line-height: 40px; |
|||
color: #9DA5BB; |
|||
text-align: center; |
|||
} |
|||
.vectorMenu h3:hover span, |
|||
.vectorMenu h3:focus span { |
|||
color: #9DA5BB |
|||
} |
|||
.vectorMenu li a, |
|||
.vectorMenu li a:hover { |
|||
width: auto; |
|||
padding: 0; |
|||
margin: 0px 20px; |
|||
background: #3B475D; |
|||
font-weight: bold; |
|||
color: #9DA5BB; |
|||
border-bottom: 2px solid #9DA5BB1A; |
|||
} |
|||
.wiki-header .wiki-nav .nav-search-box:hover { |
|||
background: none !important |
|||
} |
|||
/* 悬浮导航栏特殊处理 */ |
|||
.wiki-header .wiki-nav .menu-box.fr { |
|||
width: auto |
|||
} |
|||
.wiki-header .wiki-nav .form-box.fr { |
|||
margin-left: 0 |
|||
} |
|||
.wiki-header .wiki-nav-celling { |
|||
background: #323745; |
|||
background-clip: content-box; |
|||
} |
|||
/* 手机端页面头部修改 */ |
|||
.wiki-header #navBar, |
|||
.wiki-header #navSearch, |
|||
.wiki-header #navNote { |
|||
filter: invert(1); |
|||
} |
|||
.serve-msg, |
|||
.serve-msg p:last-child .serve-cont, |
|||
.user-btn-left, |
|||
.user-btn-right .remarkWiki { |
|||
color: #9DA5BB; |
|||
} |
|||
.user-btn-right .remarkWiki { |
|||
background: #3B475D; |
|||
border-radius: 3px; |
|||
} |
|||
/* 清除头部与内容框空白 */ |
|||
.wiki-componment-rank { |
|||
margin-bottom: 0; |
|||
} |
|||
/* 内容框样式 */ |
|||
#mw-content-text { |
|||
padding: 7em 4em 5em 4em; |
|||
background: url(https://patchwiki.biligame.com/images/ys/c/cb/2s5wzhvgcq8t8gsw1b0xvks0haiaxrx.png) left top/118px no-repeat, url(https://patchwiki.biligame.com/images/ys/5/50/resfhdf0vgvhqpo85alolzppqiabtsv.png) left top/45px no-repeat, url(https://patchwiki.biligame.com/images/ys/c/c9/n0fkujsbg9dswqbe66zbiemaddo84xj.png) right top/45px no-repeat, url(https://patchwiki.biligame.com/images/ys/9/9f/gous4mcm5zt6ru5yxviighe5tyem64q.png) left bottom/45px no-repeat, url(https://patchwiki.biligame.com/images/ys/6/67/7z2k7wx820zya6wz0m563sjaykmqv4u.png) right bottom/45px no-repeat, url(https://patchwiki.biligame.com/images/ys/2/2a/f5ogmdvyb04dsfcy3kk5ne8jud38l6j.png) left top/45px repeat-x, url(https://patchwiki.biligame.com/images/ys/b/b3/3vsmvlo8qo6192b89jmoqxvj5fpol6u.png) left bottom/45px repeat-x, url(https://patchwiki.biligame.com/images/ys/4/4e/tafd5352ydnp0l9du0o3lcjczvfclnp.png) left top/19px repeat-y, url(https://patchwiki.biligame.com/images/ys/2/23/etuw92oibr0h0j4hyzly1epi69cz5zh.png) right top/19px repeat-y, #F8F3EF; |
|||
border-radius: 6px; |
|||
color: #66574A; |
|||
line-height: 2.14285714; |
|||
} |
|||
.mw-content-ltr ol { |
|||
margin: 0.3em 0 0 2em; |
|||
} |
|||
.img-tx2 img { |
|||
border-radius: 3px; |
|||
} |
|||
/*标题*/ |
|||
#firstHeading { |
|||
font-family: Reeji-CloudSongDa-GB-Regular; |
|||
font-size: 36px; |
|||
line-height: 44px; |
|||
color: #FBF8EF; |
|||
} |
|||
.mw-body-content h1 { |
|||
font-family: Reeji-CloudSongDa-GB-Regular; |
|||
font-size: 24px; |
|||
color: rgba(0, 0, 0, 0.85); |
|||
line-height: 32px; |
|||
} |
|||
.mw-body-content h2 { |
|||
margin: 15px 0px 20px 0; |
|||
border: none; |
|||
background: url(https://patchwiki.biligame.com/images/ys/8/8e/mz1gtoqtdva8abdii2ynifqdop8o4rm.png) left top/61px no-repeat, url(https://patchwiki.biligame.com/images/ys/e/e1/gtgsayyb94tqn79yv9boed0p9prgksj.png) right top/61px no-repeat, url(https://patchwiki.biligame.com/images/ys/b/bc/svv820vl56foywxu0prhk7rx7rhd9na.png) center 2px/306px no-repeat, #D9D1C8; |
|||
font-family: inherit; |
|||
font-size: 18px; |
|||
height: 38px; |
|||
line-height: 38px; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
color: #685841; |
|||
letter-spacing: 1px; |
|||
} |
|||
.mw-body-content h3 { |
|||
margin: 15px 0 10px 0; |
|||
padding: 0; |
|||
border: none; |
|||
background: url(https://patchwiki.biligame.com/images/ys/5/58/2syon0w1jo9svw2b7ucav3me8tij7mu.png) left top/19px no-repeat, url(https://patchwiki.biligame.com/images/ys/6/60/a12dtg4bztohf86xcvu79inscp3cd4w.png) right top/19px no-repeat, url(https://patchwiki.biligame.com/images/ys/8/86/evanh7t50014v4hyg8tp8jz9qz7i6rz.png) center top/278px no-repeat, url(https://patchwiki.biligame.com/images/ys/a/af/1ltaksplcpac5iqmjleagh3ikonk8pm.png) left top/20px repeat-x; |
|||
font-size: 16px; |
|||
height: 32px; |
|||
line-height: 20px; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
color: #685841; |
|||
letter-spacing: 1px; |
|||
} |
|||
.mw-body-content h4 { |
|||
padding: 0 0 0 26px; |
|||
margin: 10px 0 5px 0; |
|||
background: url(https://patchwiki.biligame.com/images/ys/9/9b/5akie3x1vi07uiqle6ul8f961bocla1.png) no-repeat 0/16px; |
|||
line-height: 25px; |
|||
font-weight: bold; |
|||
color: #685841; |
|||
font-size: 16px; |
|||
} |
|||
/*标题编辑隐藏*/ |
|||
h1 .mw-editsection, |
|||
h2 .mw-editsection, |
|||
h3 .mw-editsection, |
|||
h4 .mw-editsection, |
|||
h5 .mw-editsection { |
|||
white-space: nowrap; |
|||
unicode-bidi: -moz-isolate; |
|||
display: none; |
|||
} |
|||
/*表格*/ |
|||
table.wikitable { |
|||
margin-top: 10px; |
|||
width: auto; |
|||
border: 1px solid #D0CCC8; |
|||
margin: 10px 0px 0px 0px; |
|||
font-family: SourceHanSansCN; |
|||
color: #545454; |
|||
} |
|||
table.wikitable>tr>th, |
|||
table.wikitable>tr>td, |
|||
table.wikitable>*>tr>th, |
|||
table.wikitable>*>tr>td { |
|||
border: 1px solid #D0CCC8; |
|||
padding: 5px; |
|||
height: auto; |
|||
} |
|||
table.wikitable>tr>th, |
|||
table.wikitable>*>tr>th { |
|||
background: #D9D1C8; |
|||
} |
|||
table.wikitable>tr>td, |
|||
table.wikitable>*>tr>td { |
|||
background: #EDEBE9; |
|||
} |
|||
/* 目录修正 */ |
|||
.toc h2 { |
|||
font-size: 14px; |
|||
background: transparent !important; |
|||
font-weight: bold; |
|||
color: #000 !important; |
|||
padding: 7px 15px; |
|||
margin-bottom: 10px; |
|||
border: 0px solid #fff; |
|||
box-shadow: 0px 0px 0px rgb(0 0 0 / 25%); |
|||
} |
|||
.toc { |
|||
margin-bottom: 10px; |
|||
margin-top: 10px; |
|||
} |
|||
/* 悬浮目录样式 */ |
|||
#toc { |
|||
line-height: 1.42857143; |
|||
border-radius: 5px; |
|||
background: #EFEFEF; |
|||
border: 2px solid rgba(0, 0, 0, 0.2); |
|||
} |
|||
.toc::after { |
|||
border-radius: 0 5px 5px 0; |
|||
background: #EFEFEF; |
|||
border: 2px solid rgba(0, 0, 0, 0.2); |
|||
border-left: none; |
|||
} |
|||
#mw-toc-heading { |
|||
border: none; |
|||
} |
|||
.mw-content-ltr .toc ul ul, |
|||
.mw-content-rtl .mw-content-ltr .toc ul ul { |
|||
margin: 0 0 0 0.5em; |
|||
} |
|||
/* 页面属性样式修改 */ |
|||
.mw-body .firstHeadingTools { |
|||
border-bottom: none; |
|||
} |
|||
.pc-serve-msg { |
|||
width: 100%; |
|||
border-bottom: 1px solid #9DA5BB; |
|||
height: 35px; |
|||
} |
|||
.pc-serve-msg, |
|||
.pc-serve-msg .serve-cont, |
|||
.wiki-componment-rank .rank-title, |
|||
.wiki-componment-rank .rank-num { |
|||
color: #9DA5BB; |
|||
} |
|||
/* 隐藏编辑列表下方分隔线 */ |
|||
.wiki-componment-rank .rank-line { |
|||
display: none; |
|||
} |
|||
/* 头像边框样式 */ |
|||
.wiki-componment-rank .rank-other .rank-item-wrap .rank-item .image-wrap, |
|||
.wiki-componment-rank .rank-top3 .rank-item-wrap .rank-item .image-wrap { |
|||
border: 1px solid #FFF; |
|||
} |
|||
/* 评论区处理 */ |
|||
.comment-replybox .comment-body { |
|||
padding: 0 24px; |
|||
} |
|||
.comment-replybox, |
|||
.comment-container>.comment-thread, |
|||
.comment-thread.comment-popular { |
|||
border-radius: 10px; |
|||
background: #fff; |
|||
padding: 16px; |
|||
} |
|||
.comment-submit { |
|||
text-shadow: none; |
|||
background: #A48E66; |
|||
} |
|||
.comments-title, |
|||
.comment-container-top>div:first-child, |
|||
.comment-container-top>div:last-child { |
|||
border: none; |
|||
color: #fff; |
|||
} |
|||
.title-sub { |
|||
color: rgba(255, 255, 255, 0.65); |
|||
} |
|||
.comment-paginator span { |
|||
background: #fff; |
|||
} |
|||
.comment-paginator span:hover { |
|||
background-color: #D9D1C8; |
|||
} |
|||
/* 加宽页面 */ |
|||
@media (min-width: 768px) { |
|||
.game-bg.container { |
|||
width: 750px; |
|||
} |
|||
} |
|||
@media (min-width: 992px) { |
|||
.game-bg.container { |
|||
width: 970px; |
|||
} |
|||
} |
|||
@media (min-width: 1200px) { |
|||
.game-bg.container { |
|||
width: 1272px; |
|||
} |
|||
.mw-body.container { |
|||
width: 1272px; |
|||
} |
|||
} |
|||
/* 手机端宽度 */ |
|||
@media screen and (max-width: 767px) { |
|||
#mw-content-text { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
padding: 2em 1em 2em 1em; |
|||
background: #F8F3EF; |
|||
} |
|||
.wiki-componment-rank { |
|||
border: none; |
|||
} |
|||
.serve-msg p:last-child .serve-cont { |
|||
width: 60px; |
|||
} |
|||
} |
|||
/* 修复container页面 */ |
|||
@media (min-width: 768px) { |
|||
.container { |
|||
width: 100%; |
|||
} |
|||
} |
|||
@media (min-width: 992px) { |
|||
.container { |
|||
width: 100%; |
|||
} |
|||
} |
|||
@media (min-width: 1200px) { |
|||
.container { |
|||
width: 100%; |
|||
} |
|||
} |
|||
/* 隐藏 子页面栏 WIKI功能下拉图标 可视化编辑 富文本编辑器 */ |
|||
#contentSub .subpages, |
|||
.firstHeadingTools .vectorMenu h3 .glyphicon-menu-down, |
|||
#ca-ve-edit, |
|||
.ve-init-mw-editSwitch, |
|||
#editor-switch-button { |
|||
display: none; |
|||
} |
|||
/* 修改重定向显示颜色 */ |
|||
#contentSub .mw-redirectedfrom { |
|||
color: #fff; |
|||
} |
|||
/* -------------------------------------------------- */ |
|||
/* 全局样式结束 */ |
|||
/*地图工具样式修正*/ |
|||
.BMap_shadow img { |
|||
max-width: none; |
|||
} |
|||
body { |
|||
transform: none !important |
|||
} |
|||
/*筛选按钮被选中*/ |
|||
li.btn.cardSelectOption.selected { |
|||
color: #333 !important; |
|||
background-color: #e6e6e6; |
|||
border-color: #adadad; |
|||
outline: 0; |
|||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
|||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
|||
} |
|||
.smw-template-furtherresults { |
|||
display: none; |
|||
} |
|||
/* 图鉴 */ |
|||
.poke-bg { |
|||
background-color: #F8F3EF; |
|||
margin-bottom: 20px; |
|||
overflow: hidden; |
|||
padding: 15px; |
|||
margin-top: -10px; |
|||
} |
|||
.box-poke-big { |
|||
width: 100%; |
|||
overflow: hidden; |
|||
padding-bottom: 30px; |
|||
} |
|||
.box-poke-left { |
|||
float: right; |
|||
width: calc(100% - 395px); |
|||
} |
|||
.box-poke-right { |
|||
float: right; |
|||
width: 380px; |
|||
margin-left: 15px; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.box-poke-big { |
|||
width: 100%; |
|||
overflow: hidden; |
|||
padding: 0px; |
|||
} |
|||
.box-poke-left { |
|||
float: none; |
|||
width: 100%; |
|||
} |
|||
.box-poke-right { |
|||
float: none; |
|||
width: 100%; |
|||
margin-left: 0px; |
|||
} |
|||
} |
|||
/*信息栏*/ |
|||
.boxright { |
|||
width: 300px !important; |
|||
float: right; |
|||
margin: 0px 0px 15px 15px !important; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.boxright { |
|||
width: 100%; |
|||
float: none; |
|||
margin: 15px 0px !important; |
|||
} |
|||
.poke-bg { |
|||
font-size: 11px; |
|||
} |
|||
} |
|||
/*头像*/ |
|||
.img-tx img { |
|||
width: 30px; |
|||
height: 30px; |
|||
box-shadow: 0 0 2px #000; |
|||
margin: 2px; |
|||
} |
|||
.img-tx2 img { |
|||
width: 30px; |
|||
height: 30px; |
|||
margin: 0 2px; |
|||
} |
|||
/*视频卡片*/ |
|||
.img-video { |
|||
background-size: cover; |
|||
border-radius: 4px; |
|||
display: inline-block; |
|||
height: 100px; |
|||
padding: 0px; |
|||
max-width: 100%; |
|||
line-height: 1.42857143; |
|||
-webkit-transition: all .2s ease-in-out; |
|||
-o-transition: all .2s ease-in-out; |
|||
transition: all .2s ease-in-out |
|||
} |
|||
.box-video { |
|||
float: left; |
|||
padding: 10px; |
|||
height: 145px; |
|||
width: 25%; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.box-video { |
|||
float: left; |
|||
padding: 5px; |
|||
height: 155px; |
|||
width: 50%; |
|||
} |
|||
.font-video { |
|||
font-size: 10px; |
|||
} |
|||
} |
|||
/*隐藏侧边栏*/ |
|||
#mw-panel { |
|||
display: none; |
|||
} |
|||
/*视频大小*/ |
|||
.video-player { |
|||
width: 694px; |
|||
height: 500px; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.video-player { |
|||
width: 100%; |
|||
height: 200px; |
|||
} |
|||
} |
|||
/*隐藏SMW帮助*/ |
|||
.smw-editpage-help { |
|||
display: none; |
|||
} |
|||
/*隐藏特殊页面帮助*/ |
|||
.mw-body #mw-indicator-mw-helplink { |
|||
display: none; |
|||
} |
|||
/* 黑幕 */ |
|||
.heimu { |
|||
background: #000; |
|||
color: #000; |
|||
} |
|||
.heimu:hover { |
|||
background: #000; |
|||
color: #fff; |
|||
} |
|||
/*弹窗表格*/ |
|||
table.popuptable>tr>th, |
|||
table.popuptable>*>tr>th { |
|||
background: #e9edf2; |
|||
height: 40px; |
|||
border-right: 1px solid rgba(0, 0, 0, .1); |
|||
} |
|||
table.popuptable>tr>td, |
|||
table.popuptable>*>tr>td { |
|||
background-color: #fff; |
|||
height: 40px; |
|||
border-right: 1px solid rgba(0, 0, 0, .1) |
|||
} |
|||
table.popuptable>tr>th, |
|||
table.popuptable>tr>td, |
|||
table.popuptable>*>tr>th, |
|||
table.popuptable>*>tr>td { |
|||
border: 1px #ccc solid; |
|||
padding: 5px 5px; |
|||
} |
|||
table.popuptable { |
|||
max-width: 500px; |
|||
border: 1px solid rgba(0, 0, 0, 0.10); |
|||
; |
|||
margin: 0px 0px 0px 0px; |
|||
font-family: SourceHanSansCN; |
|||
} |
|||
.bili-dialog { |
|||
position: absolute; |
|||
width: 100%; |
|||
min-width: 500px; |
|||
bottom: 35px; |
|||
left: 70px; |
|||
height: auto; |
|||
max-height: 280px; |
|||
background-color: #fff; |
|||
box-shadow: 0 24px 48px 0 rgba(59, 73, 97, .25); |
|||
z-index: 999; |
|||
} |
|||
.bili-box { |
|||
display: inline-block; |
|||
border-radius: 30px; |
|||
-moz-border-radius: 30px; |
|||
-webkit-border-radius: 30px; |
|||
border: 3px solid #f5d68e; |
|||
margin-top: 2rem; |
|||
padding: 2rem; |
|||
box-shadow: 0 4px 4px 0 #948d6e; |
|||
box-sizing: border-box; |
|||
color: #181818; |
|||
} |
|||
.bili-card { |
|||
display: inline-block; |
|||
border-radius: 30px; |
|||
-moz-border-radius: 30px; |
|||
-webkit-border-radius: 30px; |
|||
border: 1px solid #9c9cb8; |
|||
box-shadow: 0 5px 2px 0 #a4aec6; |
|||
} |
|||
.bili-section-normal, |
|||
.bili-section-primary { |
|||
min-width: 125px; |
|||
border-radius: 6px; |
|||
-moz-border-radius: 6px; |
|||
-webkit-border-radius: 6px; |
|||
} |
|||
.section-wrap:hover { |
|||
background-color: #FAFAFA; |
|||
color: #f55591; |
|||
} |
|||
.about-us { |
|||
color: #181818; |
|||
background-color: #FFFFFF; |
|||
display: inline-block; |
|||
border-radius: 30px; |
|||
-moz-border-radius: 30px; |
|||
-webkit-border-radius: 30px; |
|||
padding: 20px 20px 60px 20px; |
|||
border: 3px solid #f5d68e; |
|||
box-shadow: 0 2px 2px 0 #948d6e; |
|||
box-sizing: border-box; |
|||
} |
|||
/*条件筛选页面*/ |
|||
.select-grid { |
|||
width: 100%; |
|||
padding: 10px 0 35px 0; |
|||
display: table; |
|||
margin: 0 0 40px 0; |
|||
border-bottom: 1px solid #a2a9b1; |
|||
} |
|||
.select-grid table td { |
|||
padding: 5px 10px 0 0; |
|||
} |
|||
.filter { |
|||
display: block; |
|||
clear: both; |
|||
} |
|||
span.select-wrap { |
|||
width: 120px; |
|||
height: 30px; |
|||
margin: 0 15px 5px 0; |
|||
padding: 8px 0; |
|||
font-family: SourceHanSansCN-Regular; |
|||
font-size: 14px; |
|||
display: inline-block; |
|||
color: rgba(0, 0, 0, .85); |
|||
text-align: center; |
|||
line-height: 14px; |
|||
background: #fff; |
|||
border: 1px solid rgba(0, 0, 0, .1); |
|||
} |
|||
/*手机端hover伪类显示异常,magic,只能靠js了*/ |
|||
span.select-wrap.hover { |
|||
color: #000; |
|||
border: 2px solid rgb(133, 146, 239); |
|||
cursor: pointer; |
|||
background: #FFF; |
|||
} |
|||
span.select-wrap.active { |
|||
border: 1px solid rgba(119, 132, 222); |
|||
color: rgba(119, 132, 222); |
|||
} |
|||
.filter li { |
|||
list-style: none; |
|||
float: left; |
|||
} |
|||
/* 悬浮 */ |
|||
.iteminfo { |
|||
display: none; |
|||
} |
|||
.itemhover:hover .iteminfo { |
|||
display: block; |
|||
} |
|||
.comment-replybox { |
|||
position: unset; |
|||
border-bottom: 1px solid rgba(0, 0, 0, 0.16); |
|||
padding: 16px 0; |
|||
} |
|||
.comment-toolbar { |
|||
position: unset; |
|||
} |
|||
.enemy-left { |
|||
float: left; |
|||
margin-right: 20px; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.enemy-left { |
|||
float: none; |
|||
margin-right: 0px; |
|||
} |
|||
} |
|||
/*音频组件*/ |
|||
.audio-wrapper audio { |
|||
position: fixed; |
|||
left: -99999px; |
|||
} |
|||
.audio-controls { |
|||
display: inline-block; |
|||
width: 30px; |
|||
height: 30px; |
|||
padding: 0; |
|||
position: relative; |
|||
text-align: center; |
|||
background-color: #f8f9fa; |
|||
cursor: pointer; |
|||
border-radius: 50%; |
|||
border: 1px solid #dddddd; |
|||
box-sizing: border-box; |
|||
} |
|||
.audio-controls .icon-btn { |
|||
display: inline-block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.audio-controls .icon-play { |
|||
background: url("https://patchwiki.biligame.com/images/szqy/0/05/1tg75ar2mq110pxbmcze33cy0xlbrk0.png"); |
|||
background-size: 100% 100%; |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
} |
|||
.audio-controls .icon-pause { |
|||
background: url("https://patchwiki.biligame.com/images/szqy/d/db/afe454y0obdwci3azwzc66j7jx9ge0r.png"); |
|||
background-size: 100% 100%; |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
} |
|||
/*音频样式*/ |
|||
/* ==Popover弹出框== */ |
|||
.popover-content .head { |
|||
color: #337ab7; |
|||
font-weight: 500; |
|||
line-height: 1.1; |
|||
padding-top: 7px; |
|||
margin-bottom: 10px; |
|||
} |
|||
.popover-content hr { |
|||
background-color: #c8ccd1; |
|||
} |
|||
.popover-content p { |
|||
display: block; |
|||
margin-bottom: 10px; |
|||
} |
|||
/* --Popover弹出框-- */ |
|||
/* --- 白色无下划线链接↓ --- */ |
|||
.a_fff a:link { |
|||
text-decoration: none; |
|||
color: #fff; |
|||
} |
|||
.a_fff a:visited { |
|||
text-decoration: none; |
|||
color: #fff; |
|||
} |
|||
.a_fff a:hover { |
|||
text-decoration: none; |
|||
color: #fff; |
|||
} |
|||
.a_fff a:active { |
|||
text-decoration: none; |
|||
color: #fff; |
|||
} |
|||
/* -- 地图全屏css -- */ |
|||
/* full screen */ |
|||
.fs { |
|||
object-fit: contain; |
|||
position: fixed !important; |
|||
top: 0px !important; |
|||
right: 0px !important; |
|||
bottom: 0px !important; |
|||
left: 0px !important; |
|||
box-sizing: border-box !important; |
|||
min-width: 0px !important; |
|||
max-width: 100% !important; |
|||
min-height: 0px !important; |
|||
max-height: 100% !important; |
|||
width: 100% !important; |
|||
height: 100% !important; |
|||
transform: none !important; |
|||
margin: 0px !important; |
|||
z-index: 9999999; |
|||
} |
|||
/* -- 怪物图鉴 -- */ |
|||
.m-skill-bg { |
|||
width: 845px; |
|||
background: #eee; |
|||
border: 1px solid #eee; |
|||
padding: 8px 10px; |
|||
margin: 10px 0px; |
|||
border-radius: 4px; |
|||
overflow: hidden; |
|||
} |
|||
.m-skill-title-1 { |
|||
border-bottom: 1px solid #ababab; |
|||
margin-bottom: 10px; |
|||
padding-bottom: 3px; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
color: #676767; |
|||
} |
|||
.m-skill-p { |
|||
font-size: 12px; |
|||
padding: 1px 5px; |
|||
background: #888888; |
|||
margin-right: 5px; |
|||
border-radius: 4px; |
|||
color: #f9fff8; |
|||
} |
|||
@media only screen and (max-width:990px) { |
|||
.m-skill-bg { |
|||
width: 100%; |
|||
} |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.m-skill-bg { |
|||
width: 100%; |
|||
} |
|||
} |
|||
/*------ 图标 ------*/ |
|||
.ys-iconLarge { |
|||
display: inline-block; |
|||
position: relative; |
|||
width: 70px; |
|||
height: 70px; |
|||
box-shadow: 0 0 1px #000; |
|||
margin: 2px; |
|||
border: 2px solid #333; |
|||
overflow: hidden; |
|||
text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, -2px -2px 4px #FFFFFF, 2px -2px 4px #FFFFFF, -2px 2px 4px #FFFFFF, 2px 2px 4px #FFFFFF; |
|||
} |
|||
.ys-iconLarge .ys-iconLTop { |
|||
position: absolute; |
|||
top: 0px; |
|||
right: 0px; |
|||
left: 0px; |
|||
font-size: 10px; |
|||
color: #000; |
|||
font-weight: bolder; |
|||
background: linear-gradient(rgb(37 37 37 / 90%), rgb(0 0 0 / 0%)); |
|||
} |
|||
/*------ 表格水印 ------*/ |
|||
.watermark-logo { |
|||
background: url(https://patchwiki.biligame.com/images/ys/9/90/66628xf3pqnehc5d4n9eav1hkxbrc6m.png) repeat-y center; |
|||
background-size: 50%; |
|||
} |
|||
table.wikitable.watermark-logo>tr>th, |
|||
table.wikitable.watermark-logo>*>tr>th { |
|||
background: #f3f3f3e0; |
|||
} |
|||
table.wikitable.watermark-logo>tr>td, |
|||
table.wikitable.watermark-logo>*>tr>td { |
|||
background: #ffffffe0; |
|||
} |
|||
/* ---------- 图标-任务css ---------- */ |
|||
.taskIcon { |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 150px; |
|||
transition: 0.2s; |
|||
margin: 15px 10px; |
|||
text-align: left; |
|||
} |
|||
@media only screen and (max-width:759px) { |
|||
.taskIcon { |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 40%; |
|||
transition: 0.2s; |
|||
margin: 15px 10px; |
|||
text-align: left; |
|||
} |
|||
} |
|||
.taskIcon img { |
|||
width: 100%; |
|||
} |
|||
.taskIcon:hover .taskIconSubhead { |
|||
color: #876a51 !important; |
|||
} |
|||
.taskIcon:hover .taskIconTitle { |
|||
color: transparent !important; |
|||
} |
|||
.taskIcon:hover { |
|||
transform: scale(1.05); |
|||
} |
|||
.taskIconTitleCase { |
|||
width: 100%; |
|||
height: 11%; |
|||
position: absolute; |
|||
bottom: 0.5%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
} |
|||
.taskIconTitleCase a { |
|||
width: 100%; |
|||
padding: 0 3px; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.taskIconTitle { |
|||
position: absolute; |
|||
color: #876a51 !important; |
|||
transition: 0.2s; |
|||
} |
|||
.taskIconSubhead { |
|||
position: absolute; |
|||
color: transparent !important; |
|||
transition: 0.2s; |
|||
} |
|||
.taskIconTitleCase a:link, |
|||
.taskIconTitleCase a:visited, |
|||
.taskIconTitleCase a:hover, |
|||
.taskIconTitleCase a:active { |
|||
text-decoration: none; |
|||
/* color: #876a51; */ |
|||
} |
|||
.taskIconMarkImg { |
|||
position: absolute; |
|||
width: 100%; |
|||
top: -0.2%; |
|||
left: 2.5%; |
|||
} |
|||
.taskIconMarkImg img { |
|||
width: 12%; |
|||
} |
|||
.taskIconNumberImg { |
|||
position: absolute; |
|||
width: 100%; |
|||
top: 1%; |
|||
left: 1.2%; |
|||
} |
|||
.taskIconNumberImg img { |
|||
width: 14%; |
|||
} |
|||
/* ---------- 图标-邀约任务css ---------- */ |
|||
.taskInviteIcon { |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 150px; |
|||
margin: 15px 10px; |
|||
transition: 0.2s; |
|||
} |
|||
.taskInviteIcon img { |
|||
width: 100%; |
|||
} |
|||
.taskInviteIcon:hover { |
|||
transform: scale(1.05); |
|||
} |
|||
.taskInviteIconTitleCase { |
|||
width: 100%; |
|||
height: 9%; |
|||
position: absolute; |
|||
bottom: 0.5%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
} |
|||
.taskInviteIconTitle { |
|||
position: absolute; |
|||
color: #FFF; |
|||
} |
|||
.taskInviteIconTitleCase a:link, |
|||
.taskInviteIconTitleCase a:visited, |
|||
.taskInviteIconTitleCase a:hover, |
|||
.taskInviteIconTitleCase a:active { |
|||
text-decoration: none; |
|||
color: #FFF; |
|||
} |
|||
.taskInviteIconshadeImg { |
|||
position: absolute; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
border: 2px #263240 solid; |
|||
box-sizing: border-box; |
|||
} |
|||
.taskInviteIconMarkImg { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
overflow: hidden; |
|||
} |
|||
.taskInviteIconMarkImg img { |
|||
width: 330%; |
|||
max-width: 330%; |
|||
position: absolute; |
|||
top: -20%; |
|||
left: -125%; |
|||
} |
|||
.taskInviteIconNameImg { |
|||
position: absolute; |
|||
width: 100%; |
|||
bottom: 0; |
|||
border-left: 2px #263240 solid; |
|||
border-bottom: 2px #263240 solid; |
|||
border-right: 2px #263240 solid; |
|||
box-sizing: border-box; |
|||
} |
|||
.taskInviteIconNameImg img { |
|||
width: 100%; |
|||
} |
|||
/* - [[模板:合成公式]] - */ |
|||
/* - 感谢戴森球计划bwiki - */ |
|||
.formula { |
|||
display: inline-block; |
|||
position: relative; |
|||
overflow: hidden; |
|||
align-items: center; |
|||
} |
|||
.formula-arrow { |
|||
display: inline-block; |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 40px; |
|||
height: 40px; |
|||
margin: 2px; |
|||
vertical-align: middle; |
|||
} |
|||
.formula-arrow-t-arrow { |
|||
position: relative; |
|||
top: 10px; |
|||
} |
|||
.formula-arrow-t-time { |
|||
position: absolute; |
|||
width: 40px; |
|||
left: 0; |
|||
top: 10px; |
|||
text-align: center; |
|||
font-size: 100%; |
|||
font-weight: normal; |
|||
transform: scale(0.85, 0.9); |
|||
color: #fdb; |
|||
text-shadow: 1px 1px 3px rgba(255, 128, 0, 0.8), -1px -1px 3px rgba(255, 128, 0, 0.8), 1px -1px 3px rgba(255, 128, 0, 0.8), -1px 1px 3px rgba(255, 128, 0, 0.8); |
|||
} |
|||
/*为优化手机浏览效果,限制页面内缩略图的最大宽度*/ |
|||
.thumbinner { |
|||
max-width: 30vw; |
|||
} |
|||
/*logo修正样式*/ |
|||
.wiki-header .wiki-nav .wiki-logo { |
|||
width: 188px; |
|||
} |
} |
2023年5月23日 (二) 14:25的版本
@media (min-width: 1200px) {
div#toc {
background: transparent;
border: 0;
padding: 0;
line-height: 21px;
padding: 0;
overflow: auto;
}
.toc ul ul {
margin: 0 0 0 1.2em;
}
.toc-sticky {
padding-left: 21%;
position: relative;
}
div#toc {
position: sticky;
top: 90px;
float: left;
margin-left: calc(-20% - 80px);
width: calc(20% + 60px);
height: 85vh;
display: block;
padding: 0 30px 0 0;
}
.toc::-webkit-scrollbar {
width: 10px;
}
.toc::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 5px;
}
.toc{
scrollbar-width: thin;
}
pre, .mw-code {
background-color: #f8f9fa33;
border: 1px solid #eaecf078;
}
.bread-crumb a:last-child .b-name {
color: white!important;
}
}