如果你看到本条消息，说明本页面并未加载该全局导航的JS代码，该导航功能将无法使用，请刷新页面重试。

Cover-title-bg-icon.png

首页

Operator-title-bg-icon.png

干员

Event-title-bg-icon.png

活动

Operation-title-bg-icon.png

作战

Guide-title-bg-icon.png

攻略

全站通知：

MediaWiki:Common.css

来自明日方舟WIKI_BWIKI_哔哩哔哩
彩丶票 （讨论 | 贡献）2020年5月28日 (四) 23:42的版本
跳到导航 跳到搜索

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
  • Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
  • Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
  • Opera：按 Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* WIKI背景图 */
body {
	background:url("https://patchwiki.biligame.com/images/arknights/8/8e/3ll56vfnytv3p8ij795a3n5k74sbl5n.jpg") no-repeat fixed 50% 0;
	background-size:cover;
}

/* 弹窗警告 */
.alert-success {
	color: #000;
	background-color: #f2f2f2;
	border-color: #d6e9c6;
	width: 600px;
	z-index: 1000;
	bottom: 130px;
	position: fixed;
	left: 400px;
	height: 250px;
}

.wiki-header {
    padding: 20px 0 0px;
    z-index: 1;
}

@media (max-width: 768px){
.wiki-header {
    z-index: 1;
}
.alert-dismissible .close {
    position: relative;
    top: -45px;
    right: -21px;
    color: inherit;
}
}

/*logo修正*/
.wiki-header .wiki-nav .wiki-logo {
    width: 188px;
}

.close {
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #a60a0a;
	text-align: center;
	margin: 60px;
	float: none;
	opacity: inherit;
}


.home-an {
    width:105px;
    height: 40px;
    line-height: 38px;
    color: #414141;
    border: 1px solid #000;
    display: block;
    text-align: center;
    background: #fff;
    margin-left: 150px;
}

.home-an:hover {
    transition: all 0.3s linear 0s;
    background: #747474;
    color: #fff;
}


@media only screen and (max-width:759px){
.alert-success {
    color: #000;
    background-color: #f2f2f2;
    border-color: #d6e9c6;
    width: 80%;
    z-index: 1000;
    bottom: 200px;
    position: fixed;
    left: 0px;
    height: 350px;
    margin: 0px 30px;
    top: 30%;
}
.home-an {
    margin-left: 0px;
}
}


/*图片自适应*/
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}
/*头像*/
.img-tx img {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 2px #000;
    margin: 0 2px;
}

.carousel.big-carousel {
    margin-bottom: 30px;
}

#bili-header-m .nav-wrapper-left li:not([report-id=playpage_main]),
#bili-header-m .nav-wrapper-right li[report-id=big_tab_click] {
 display: none;
}

/*攻略组*/
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%;}


/*首页布局*/
.home-box {
    width:100%;
    overflow:hidden;
    padding-bottom: 30px;
}
.home-left {
    float: left;
    width: calc(100% - 385px);
    padding: 15px;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}
.home-right {
    float: left;
    width: 370px;
    padding: 15px;
}
@media only screen and (max-width:759px){
.home-box {
    width:100%;
    overflow:hidden;
    padding: 0px;
    border: 0px;
}
.home-left {
    float:none;
    width:100%;
    padding: 0px;
    border: 0px solid #d5d5d5;
}
.home-right {
    float:none;
    width:100%;
    margin-right: 0px;
    padding:0px;
}
.gk-logo {
	width:28%;
}
}

/*视频大小*/
.video-player {width:694px;height:500px;}

@media only screen and (max-width:759px){

.video-player {width:100%;height:200px;}
}


.home-box-1 {
    display: table;
    border-collapse: separate;
    border-spacing: 15px;
    width: 100%;
}
.home-box-1 + .home-box-1 {
    margin-top: -15px;
}
.home-box-tb {
    display: table-cell;
    vertical-align: top;
}

.home-box-bg-1 {
    background: #f3f3f3;
    padding: 1px 5px;
}
.home-box-bg-2 {
    background: #d8d8d8;
    padding: 1px 5px;
}
.home-box-bg-3 {
    background: #595959;
    padding: 1px 5px;
}

.box-bbc {
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.30);
    padding: 10px;
}


.title-1 {
    border-bottom: 1px solid #CECECE;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    margin-bottom: 10px;
    background:#454545;
    font-weight: bold;
    color:#fff;
    border-radius: 0px;
    padding-left: 15px;
    text-shadow:#000 3px 0 0,#763c12 0 -1px 0,#5d2b08 1px 0 0,#1d1515 0 1px 0;
}

.title-2 {
    border-bottom: 1px solid #CECECE;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    margin: 10px 0px;
    font-weight: bold;
    color: #323232;
    border-radius: 0px;
    padding-left: 15px;
}


.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;
}
.box-bbc {
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.30);
    padding: 0px;
}
}

.home-tag {
    width:105px;
    height: 40px;
    font-size: 14px;
    line-height: 30px;
    margin: 5px;
    color: #414141;
    border: 0px solid #000;
    border-top-width: 7px;
    display: block;
    text-align: center;
    float: left;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30);
}

.home-tag:hover {
    transition: all 0.3s linear 0s;
    background: #747474;
    color: #fff;
}
.home-tag-red {
    height: 40px;
    font-size: 14px;
    line-height: 30px;
    margin: 5px;
    color: #414141;
    display: block;
    text-align: center;
    float: left;
    background: #ea5b5b;
    border: 0px solid #000;
    border-top-width: 7px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30);
}
.home-tag-blue {    
    height: 40px;
    font-size: 14px;
    margin: 5px;
    color: #fff;
    display: block;
    text-align: center;
    float: left;
    border: 0px solid #000;
    border-top-width: 7px;
    background: #0075a8;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30);
}

.home-tag-red:hover {
    transition: all 0.3s linear 0s;
    background: #747474;
    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;
}

.tag-top-logo {
    margin: 5px 15px;
    text-align:center;
    padding: 0 10px;
}


.tag-top-logo:hover {
    transition: all 0.3s linear 0s;
}

@media only screen and (max-width:759px){
.home-tag {
    width:28%;
}
.tag-top-logo {
    margin: 2px;
    padding:0px;
}
}


/*隐藏更新日志标题*/
.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-tj {
    height: 700px;
    margin: 0 auto;
    width: auto;
}

.img-bg {
    background:url(https://patchwiki.biligame.com/images/arknights/7/7f/ns10yeedihxbmuodsb1xva8zlm02o6z.png);
    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
}

/*干员图鉴*/
.tjbgbox1 {
background:url(https://patchwiki.biligame.com/images/arknights/7/7f/ns10yeedihxbmuodsb1xva8zlm02o6z.png);
}
/*头像背景*/



/*关卡图鉴*/
.home-box-gk-left {
    float: right;
    width: calc(100% - 465px);
}
.home-box-gk-right {
    float: right;
    width: 450px;
    margin-left: 15px;
}
@media only screen and (max-width:759px){
.home-box-gk-left {
    float:none;
    width:100%;
}
.home-box-gk-right {
    float:none;
    width:100%;
    margin-right: 0px;
}
}


/*攻击范围*/
.bg-gjfw {
    padding: 10px 20px 10px 0px;
}
.gjfw-0 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
}
.gjfw-1 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #aaa;
}
.gjfw-2 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
    background: #b1b1b1;
}



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

/*隐藏首页分类*/
.page-首页 #catlinks{display:none;}

/*隐藏侧边栏*/
#mw-panel{display:none;}

/*a*/
a:link {color:#00b6ff;}
a:visited {color:#397BBD;}

/*标题*/
#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-family: Reeji-CloudSongDa-GB-Regular;
    border-bottom: 1px solid #CECECE;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    margin-bottom: 10px;
    background: #454545;
    font-weight: bold;
    color: #fff;
    border-radius: 0px;
    padding-left: 15px;
    text-shadow: #000 3px 0 0,#763c12 0 -1px 0,#5d2b08 1px 0 0,#1d1515 0 1px 0;
}

.mw-body-content h3 {
   font-size: 18px;
margin: 20px 0px 10px 0px;
font-weight: bold;
color: #363636;
padding: 6px 0px;
text-align: left;
border-bottom: 1px solid #2f2f2f;
}

/*表格*/
.wikitable {
    max-width: 100%;
    display: table;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
    background: #404040;
    height: 40px;
    border-right: 1px solid rgba(0,0,0,.1);
    color: #efefef;
}

table.wikitable > tr > td, table.wikitable > * > tr > td{
    background-color: #efefef;
    height:40px;
	border-right: 1px solid rgba(0, 0, 0, .1)
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	border: 1px #fff solid;
	padding: 5px 5px;
}

table.wikitable{width: auto;border: 1px solid rgba(0,0,0,0.10);;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;
}
/*更新日志标签变色*/
.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;
}


/*按钮
.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;
}
/*筛选按钮被选中*/
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);
}
/*干员图鉴*/
.tj-bg {background-color: rgba(72, 72, 72, 0.7);color:#fff;padding:10px;margin:5px;float:left;width:360px;}
.bg-left {float:left;margin-right:20px;margin-bottom:20px;}
.tj-btl {
    font-size: 18px;
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    color: #363636;
    padding: 6px 0px;
    text-align: left;
    border-bottom: 1px solid #2f2f2f;
}
.tj-btl2 {font-size: 16px;margin: 10px 0px 10px 0px;font-weight: bold;background-color: rgba(0, 0, 0, 0.63);color: #fff;padding: 6px 10px;text-align: left;}
.tj-btl3 {font-size: 16px;margin: 10px 0px 10px 0px;font-weight: bold;background-color: rgba(0, 0, 0, 0.63);color: #fff;padding: 6px 10px;text-align: left;}
.tj-table {background-color: rgba(210, 210, 210, 0.7);padding:10px;margin:5px 0px;}
.tj-big {width: 100%;overflow: hidden;}
.tj-bg-left {float:left;width:650px;margin-right:10px;}
.tj-bg-right {float:left;width:calc(100% - 660px);}
.tj-bgs {background-color: #F3F3F3;padding: 5px 15px;margin-bottom:10px;}
@media only screen and (max-width:759px){
.tj-bg-left {float:none;width:100%;margin-right:0px;}
.tj-bg-right {float:none;width:100%;}
.tj-bgs {font-size:12px;}
}

.tj-bg table.wikitable {
    margin: 0;
    background-color: rgba(72,72,72,0.7);
    border: 0px solid #fff;
    border-collapse: collapse;
    color: #fff;
}

.tj-bg table.wikitable > tr > th, .tj-bg table.wikitable > * > tr > th {
    background-color: rgba(0, 0, 0, 0.56);
    color: #fff;
}

.tj-bg table.wikitable > tr > th, .tj-bg table.wikitable > tr > td, .tj-bg table.wikitable > * > tr > th, .tj-bg table.wikitable > * > tr > td {
    border: 1px solid rgba(255,255,255,0.62);
    padding: 0.5em 0.5em;
    height: auto;
}
.tj-bg table.wikitable > tr > td, .tj-bg table.wikitable > * > tr > td {
    background-color: transparent;
}

/* 悬浮 */
.iteminfo {display:none;}
.itemhover:hover  .iteminfo{display:block;}

.tab-panel {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    color: #555;
    text-decoration: none;
    background: #FFF;
    font-size: 16px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.30);
}

.resp-tabs-list li.active .tab-panel, .tab-panel:hover {
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    background: rgba(51, 51, 51, 0.7);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.30);
}
.tab-panel:hover {
    cursor: pointer;
}

.toc h2 {
    font-size: 14px;
    background: transparent !important;
    font-weight: bold;
    color: #000 !important;
    padding: 7px 15px;
    margin-bottom: 10px;
    border: 0px solid #fff;
    text-shadow:none;
}


.enemy-left {float:left;margin-right:20px;}
@media only screen and (max-width:759px){
.enemy-left {float:none;margin-right:0px;}
}
取自“https://wiki.biligame.com/arknights/index.php?title=MediaWiki:Common.css&oldid=10254”