“用户:850710247liu/common.css”的版本间的差异
850710247liu(讨论 | 贡献) |
850710247liu(讨论 | 贡献) |
||
第1行: | 第1行: | ||
− | /* | + | /* 这里放置的CSS将应用于所有皮肤 */ |
+ | /* 首页CSS */ | ||
+ | .home-an1 {float:left;min-width:25%;height:40px;line-height:40px;padding:0px 5px;font-size:90%} | ||
+ | .home-an1:hover {background:#c7c7c7;} | ||
+ | .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: 112px; | ||
+ | height: 132px; | ||
+ | margin: 5px 10px; | ||
+ | } | ||
+ | .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: 31%; | ||
+ | height: auto; | ||
+ | margin-left: 1%; | ||
+ | margin-right: 1%; | ||
+ | } | ||
+ | .home-box-tag-2 { | ||
+ | position: absolute; | ||
+ | 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:90px; | ||
+ | line-height: | ||
+ | 22px;background-color:#079dcf; | ||
+ | border-radius: 4px; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | margin:5px 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;} | ||
+ | .carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;} | ||
+ | .carousel.big-carousel {margin-bottom: 15px;} | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | } | ||
+ | /* 首页CSS结束 */ | ||
+ | |||
+ | /*地图工具样式修正*/ | ||
+ | .BMap_shadow img { | ||
+ | max-width: none; | ||
+ | } | ||
+ | body{transform:none!important} | ||
+ | |||
+ | /* WIKI背景图 */ | ||
body { | body { | ||
− | + | background:url("https://patchwiki.biligame.com/images/ys/8/8e/fs0zegmjxowe043i2r430w2ss0vi9fg.jpg") no-repeat fixed 50% 0; | |
− | + | background-size:cover; | |
− | |||
− | |||
} | } | ||
− | . | + | /*logo修正样式*/ |
− | + | .wiki-header .wiki-nav .wiki-logo { | |
+ | width: 188px; | ||
} | } | ||
− | + | /*段落行间距*/ | |
− | + | p { | |
+ | line-height: 24px; | ||
+ | margin: 0 0 0px; | ||
} | } | ||
− | + | /*筛选按钮被选中*/ | |
− | box-shadow: 0 0 0 0 | + | 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; | |
} | } | ||
− | + | ||
− | font- | + | |
− | + | /*首页角色切换*/ | |
− | + | .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; | ||
+ | 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: 112px; | ||
+ | height: 132px; | ||
+ | margin: 5px 10px; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 图鉴 */ | ||
+ | .poke-bg { | ||
+ | background-color: #f9f9f9; | ||
+ | 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; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | |
− | + | ||
+ | |||
+ | |||
+ | /*首页布局*/ | ||
+ | .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: | + | 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; margin-bottom: 0px; border-collapse: inherit; overflow: hidden;} | ||
+ | .home-box-tb {display: block;margin-bottom: 15px;} | ||
+ | .home-box-3,.home-box-2{width: 100%;} | ||
+ | .home-box-1 + .home-box-1 { | ||
+ | margin-top: 0px; | ||
} | } | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | height: | + | .home-tag { |
− | + | height: 34px; | |
− | + | font-size: 14px; | |
− | padding- | + | line-height: 32px; |
− | + | padding: 0px 20px; | |
+ | margin: 5px; | ||
+ | color: #414141; | ||
+ | border: 1px solid #CECECE; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | float: left; | ||
} | } | ||
− | + | ||
− | + | .home-tag:hover { | |
− | + | 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; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*信息栏*/ | |
− | + | .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;} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | |
+ | |||
+ | /*攻略组*/ | ||
+ | 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: 99%;} | ||
+ | |||
+ | /*隐藏更新日志标题*/ | ||
+ | .update-log .log-title { | ||
+ | font-size: 16px; | ||
+ | line-height: 24px; | ||
+ | border-bottom: none; | ||
display: none; | display: none; | ||
} | } | ||
− | + | ||
− | + | /*图片自适应*/ | |
− | + | .img-kk { | |
− | + | display: inline-block; | |
− | border: | + | 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;} | ||
+ | /*头像*/ | ||
+ | .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; | ||
} | } | ||
− | |||
− | |||
} | } | ||
− | #catlinks { | + | |
− | + | ||
+ | /*隐藏首页标题*/ | ||
+ | .page-首页 #firstHeading{display:none;} | ||
+ | |||
+ | /*隐藏首页分类*/ | ||
+ | .page-首页 #catlinks{display:none;} | ||
+ | |||
+ | /*隐藏侧边栏*/ | ||
+ | #mw-panel{display:none;} | ||
+ | |||
+ | /*a*/ | ||
+ | a:link {color:#00b6ff;} | ||
+ | a:visited {color:#397BBD;} | ||
+ | |||
+ | /*视频大小*/ | ||
+ | .video-player {width:694px;height:500px;} | ||
+ | |||
+ | @media only screen and (max-width:759px){ | ||
+ | |||
+ | .video-player {width:100%;height:200px;} | ||
} | } | ||
− | + | ||
− | + | ||
+ | |||
+ | /*标题*/ | ||
+ | #firstHeading{ | ||
+ | font-family: Reeji-CloudSongDa-GB-Regular; | ||
+ | font-size: 30px; | ||
+ | color: rgba(0,0,0,0.85); | ||
+ | line-height: 40px; | ||
} | } | ||
− | + | ||
− | + | .mw-body-content h1 { | |
− | + | font-family: Reeji-CloudSongDa-GB-Regular; | |
− | + | font-size: 24px; | |
+ | color: rgba(0,0,0,0.85); | ||
+ | line-height: 32px; | ||
} | } | ||
− | # | + | |
− | margin- | + | .mw-body-content h2 { |
− | + | font-size: 14px; | |
+ | background: #4E5465; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | padding: 5px 15px; | ||
+ | margin: 10px 0px; | ||
+ | border-bottom: 0px solid #4E5465; | ||
+ | font-family: inherit; | ||
+ | letter-spacing: 1px; | ||
} | } | ||
− | + | .mw-body-content h3 { | |
− | . | + | padding: 10px 0px 5px 0px; |
− | + | font-size: 14px; | |
− | border- | + | font-weight: bold; |
+ | border-bottom: 1px solid #1487ad; | ||
} | } | ||
− | + | ||
− | + | h2 .mw-headline { | |
− | + | font-size: 1.5em; | |
− | |||
} | } | ||
− | + | h3 .mw-headline { | |
− | + | font-size: 1.4em; | |
− | |||
} | } | ||
− | + | h4 .mw-headline { | |
− | + | font-size: 1.3em; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | h5 .mw-headline { | |
− | + | font-size: 1.2em; | |
− | |||
− | |||
} | } | ||
− | /* | + | /*表格*/ |
− | table.wikitable { | + | table.wikitable > tr > th, table.wikitable > * > tr > th { |
− | + | background:#f3f3f3;height:auto; | |
− | + | border-right: 1px solid #bdbdbd; | |
− | |||
} | } | ||
− | + | ||
− | + | table.wikitable > tr > td, table.wikitable > * > tr > td{ | |
− | + | background: #ffffff; | |
− | height: | + | height:auto; |
+ | border-right: 1px solid #bdbdbd; | ||
} | } | ||
− | + | table.wikitable > tr, table.wikitable > * > tr{ | |
− | + | border: 1px solid #bdbdbd; | |
− | |||
− | |||
− | |||
} | } | ||
− | . | + | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { |
− | . | + | padding: 5px; |
− | + | border: 1px solid #bdbdbd; | |
− | + | color: #4a4a4a; | |
− | |||
− | |||
} | } | ||
− | /* | + | |
− | . | + | table.wikitable{width: auto;border: 1px solid #bdbdbd;margin: 10px 0px 0px 0px;font-family: SourceHanSansCN;} |
− | + | ||
− | + | /*首页链接颜色*/ | |
+ | .update-log a{ | ||
+ | font-family: MicrosoftYaHei; | ||
+ | font-size: 14px; | ||
+ | color: rgba(0,0,0,0.85) !important; | ||
+ | line-height: 22px; | ||
} | } | ||
− | /* | + | |
− | + | ||
− | + | /*标题编辑隐藏*/ | |
− | + | h1 .mw-editsection ,h2 .mw-editsection,h3 .mw-editsection ,h4 .mw-editsection,h5 .mw-editsection{ | |
− | + | white-space: nowrap; | |
− | + | unicode-bidi: -moz-isolate; | |
− | + | display: none; | |
− | + | } | |
− | /* | + | |
− | . | + | /*隐藏SMW帮助*/ |
+ | .smw-editpage-help { | ||
+ | display: none; | ||
+ | } | ||
+ | /*隐藏特殊页面帮助*/ | ||
+ | .mw-body #mw-indicator-mw-helplink { | ||
+ | display: none; | ||
+ | } | ||
+ | /*更新日志样式修复*/ | ||
+ | .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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*更新日志标签变色*/ | ||
+ | .bili-label-purple { | ||
+ | background: rgba(0,182,255,0.10); | ||
+ | color: #00B6FF; | ||
+ | } | ||
+ | |||
+ | .bili-label-pink { | ||
+ | background: rgba(0,182,255,0.10); | ||
+ | color: #00B6FF; | ||
+ | } | ||
+ | |||
+ | .bili-label-green { | ||
+ | background: rgba(0,182,255,0.10); | ||
+ | color: #00B6FF; | ||
+ | } | ||
+ | /* 黑幕 */ | ||
+ | .heimu { | ||
+ | background:#000; | ||
+ | color:#000; | ||
+ | } | ||
+ | .heimu:hover {background:#000;color:#fff;} | ||
+ | |||
+ | /*按钮 | ||
+ | .vectorMenu { | ||
+ | direction: ltr; | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
position: relative; | position: relative; | ||
+ | line-height: 1.125em; | ||
+ | font-size:14px; | ||
+ | }*/ | ||
+ | |||
+ | /*弹窗表格*/ | ||
+ | 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%; | width: 100%; | ||
− | max- | + | min-width: 500px; |
− | margin: | + | bottom: 35px; |
− | padding: 0 | + | 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; | 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; | 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 { |
− | float: | + | width:120px; |
− | + | height:30px; | |
− | display: block; | + | 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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 目录修正 */ | ||
+ | .toc h2 { | ||
+ | font-size: 14px; | ||
+ | background: transparent !important; | ||
+ | font-weight: bold; | ||
+ | color: #000 !important; | ||
+ | padding: 7px 15px; | ||
+ | margin-bottom: 10px; | ||
+ | border: 0px solid #fff; | ||
+ | } | ||
+ | |||
+ | .toc { | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | /* 悬浮 */ | ||
+ | .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;} | |
− | |||
− | |||
} | } | ||
− | /* | + | |
− | . | + | /*节奏榜评级字体*/ |
+ | @font-face{ | ||
+ | font-family: myFirstFont; | ||
+ | src: url('https://patchwiki.biligame.com/images/ys/f/f1/bosuhxrj21x7rbcer6oj049nz9wgh03.tif'); | ||
+ | } | ||
+ | /*音频组件*/ | ||
+ | .audio-wrapper audio { | ||
position: fixed; | position: fixed; | ||
− | + | left: -99999px; | |
− | + | } | |
− | + | .audio-controls { | |
− | + | display: inline-block; | |
− | background-color: | + | 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弹出框-- */ | |
− | position: fixed; | + | |
+ | /* --- 白色无下划线链接↓ --- */ | ||
+ | .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; | ||
} | } | ||
− | /* | + | |
− | + | /* -- 怪物图鉴 -- */ | |
− | width: | + | .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: | + | 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%; | ||
} | } | ||
− | |||
− | |||
− | |||
} | } |
2021年3月11日 (四) 20:38的版本
/* 这里放置的CSS将应用于所有皮肤 */ /* 首页CSS */ .home-an1 {float:left;min-width:25%;height:40px;line-height:40px;padding:0px 5px;font-size:90%} .home-an1:hover {background:#c7c7c7;} .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: 112px; height: 132px; margin: 5px 10px; } .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: 31%; height: auto; margin-left: 1%; margin-right: 1%; } .home-box-tag-2 { position: absolute; 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:90px; line-height: 22px;background-color:#079dcf; border-radius: 4px; color: #fff; text-align: center; margin:5px 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;} .carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;} .carousel.big-carousel {margin-bottom: 15px;} .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; } } /* 首页CSS结束 */ /*地图工具样式修正*/ .BMap_shadow img { max-width: none; } body{transform:none!important} /* WIKI背景图 */ body { background:url("https://patchwiki.biligame.com/images/ys/8/8e/fs0zegmjxowe043i2r430w2ss0vi9fg.jpg") no-repeat fixed 50% 0; background-size:cover; } /*logo修正样式*/ .wiki-header .wiki-nav .wiki-logo { width: 188px; } /*段落行间距*/ p { line-height: 24px; margin: 0 0 0px; } /*筛选按钮被选中*/ 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; } /*首页角色切换*/ .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; 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: 112px; height: 132px; margin: 5px 10px; } .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; } } /* 图鉴 */ .poke-bg { background-color: #f9f9f9; 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; } } /*首页布局*/ .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; margin-bottom: 0px; border-collapse: inherit; overflow: hidden;} .home-box-tb {display: block;margin-bottom: 15px;} .home-box-3,.home-box-2{width: 100%;} .home-box-1 + .home-box-1 { margin-top: 0px; } } .home-tag { height: 34px; font-size: 14px; line-height: 32px; padding: 0px 20px; margin: 5px; color: #414141; border: 1px solid #CECECE; display: block; text-align: center; float: left; } .home-tag:hover { 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; } /*信息栏*/ .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;} } /*攻略组*/ 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: 99%;} /*隐藏更新日志标题*/ .update-log .log-title { font-size: 16px; line-height: 24px; border-bottom: none; display: none; } /*图片自适应*/ .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;} /*头像*/ .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; } } /*隐藏首页标题*/ .page-首页 #firstHeading{display:none;} /*隐藏首页分类*/ .page-首页 #catlinks{display:none;} /*隐藏侧边栏*/ #mw-panel{display:none;} /*a*/ a:link {color:#00b6ff;} a:visited {color:#397BBD;} /*视频大小*/ .video-player {width:694px;height:500px;} @media only screen and (max-width:759px){ .video-player {width:100%;height:200px;} } /*标题*/ #firstHeading{ font-family: Reeji-CloudSongDa-GB-Regular; font-size: 30px; color: rgba(0,0,0,0.85); line-height: 40px; } .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 { font-size: 14px; background: #4E5465; font-weight: bold; color: #fff; padding: 5px 15px; margin: 10px 0px; border-bottom: 0px solid #4E5465; font-family: inherit; letter-spacing: 1px; } .mw-body-content h3 { padding: 10px 0px 5px 0px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #1487ad; } h2 .mw-headline { font-size: 1.5em; } h3 .mw-headline { font-size: 1.4em; } h4 .mw-headline { font-size: 1.3em; } h5 .mw-headline { font-size: 1.2em; } /*表格*/ table.wikitable > tr > th, table.wikitable > * > tr > th { background:#f3f3f3;height:auto; border-right: 1px solid #bdbdbd; } table.wikitable > tr > td, table.wikitable > * > tr > td{ background: #ffffff; height:auto; border-right: 1px solid #bdbdbd; } table.wikitable > tr, table.wikitable > * > tr{ border: 1px solid #bdbdbd; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { padding: 5px; border: 1px solid #bdbdbd; color: #4a4a4a; } table.wikitable{width: auto;border: 1px solid #bdbdbd;margin: 10px 0px 0px 0px;font-family: SourceHanSansCN;} /*首页链接颜色*/ .update-log a{ font-family: MicrosoftYaHei; font-size: 14px; color: rgba(0,0,0,0.85) !important; line-height: 22px; } /*标题编辑隐藏*/ h1 .mw-editsection ,h2 .mw-editsection,h3 .mw-editsection ,h4 .mw-editsection,h5 .mw-editsection{ white-space: nowrap; unicode-bidi: -moz-isolate; display: none; } /*隐藏SMW帮助*/ .smw-editpage-help { display: none; } /*隐藏特殊页面帮助*/ .mw-body #mw-indicator-mw-helplink { display: none; } /*更新日志样式修复*/ .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; } /*更新日志标签变色*/ .bili-label-purple { background: rgba(0,182,255,0.10); color: #00B6FF; } .bili-label-pink { background: rgba(0,182,255,0.10); color: #00B6FF; } .bili-label-green { background: rgba(0,182,255,0.10); color: #00B6FF; } /* 黑幕 */ .heimu { background:#000; color:#000; } .heimu:hover {background:#000;color:#fff;} /*按钮 .vectorMenu { direction: ltr; float: right; cursor: pointer; position: relative; line-height: 1.125em; font-size:14px; }*/ /*弹窗表格*/ 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; } /* 目录修正 */ .toc h2 { font-size: 14px; background: transparent !important; font-weight: bold; color: #000 !important; padding: 7px 15px; margin-bottom: 10px; border: 0px solid #fff; } .toc { margin-bottom: 10px; margin-top: 10px; } /* 悬浮 */ .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;} } /*节奏榜评级字体*/ @font-face{ font-family: myFirstFont; src: url('https://patchwiki.biligame.com/images/ys/f/f1/bosuhxrj21x7rbcer6oj049nz9wgh03.tif'); } /*音频组件*/ .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%; } }