MediaWiki:Common.css

/* infobox 样式开始 */
/* 响应式布局 */
@media (min-width:0px) and (max-width:768px){
    .vcard{
        width:100%;
        max-width:768;
        border-radius:10px;
        margin:5px auto;
        float:none;
    }
}
@media (min-width:768px) and (max-width:992px){
    .vcard{
        width:100%;
        max-width:992;
        border-radius:10px;
        margin:5px auto;
        float:none;
    }
}
@media (min-width:992px) {
    .vcard{
        width:293px;
        min-width:293px;
        float:right;
        border-radius:10px;
        margin:1px auto;
        margin-left:1em;
        margin-right:1em;
    }
}
/* hlist */
/* Style for horizontal lists (separator following item) */

.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}

/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}

/* 这里放置的CSS将影响使用Common皮肤的用户 */

/* 板块用CSS */
.BILIBILI-BOX {width:100%;margin-bottom:20px;}
.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: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%}
}

.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;}
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {box-shadow: 0px 0px 3px 0 rgb(255 255 255 / 90%);}

.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;}



.oo-ui-defaultOverlay, .skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog, .skin-vector .ve-ui-overlay-global{ z-index:1001}
.wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .menu-title-1{font-family:Microsoft YaHei;}


/*隐藏首页贡献者*/
.page-首页 .wiki-componment-rank {display:none;}
/*隐藏首页标题*/
.page-123 body{
background:url("https://patchwiki.biligame.com/images/factorio/1/1f/dlx6y415mb8eips96h3ib9phxyapx1g.jpg");
}

/*首页*/
.box-glz{
	width:100%;
	text-align:center;
	border-radius: 10px;
}

.page-首页 .wikitable a:new {color:#222222;}
.page-首页 .wikitable a:link {color:#222222;}
.page-首页 .wikitable a:visited {color:#222222;}
.page-首页 .wikitable .mw-parser-output a.external:visited {color: #222222;}

.page-首页 .table a:new {color:#222222;}
.page-首页 .table a:link {color:#222222;}
.page-首页 .table a:visited {color:#222222;}
.page-首页 .table .mw-parser-output a.external:visited {color: #222222;}

.box-glz>p>font>a:new {color:#222222;}
.box-glz>p>font>a:link {color:#222222;}
.box-glz>p>font>a:visited {color:#222222;}

.box-sy .game-aggregation-wrap .game-card-list {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -21px;
}

.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item {
    margin-left: 21px;
    margin-bottom: 21px;
    width: 240px;
    border: 1px solid rgba(0,0,0,0.1);
}
.box-sy .game-card-button-rt {
    line-height: 34px;
}
.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button {
    height: 36px;
}
.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover {
    height: 133px;
}

.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt, .game-card-button-rt {
    line-height: 34px;
}

@media (max-width: 768px) {
.box-glz{
	float:left;
	width:30%;
	margin:1%;
	text-align:center;
	border-radius: 10px;
}
}

/*p表格字体*/
.poke-zt {font-size:12px;}
@media only screen and (max-width:759px){
.poke-zt {font-size:10px;}
}

/*p标签修复*/
.mw-body p {
    line-height: inherit;
    margin: 0.5em 0;
}


/* 顶通logo 临时[2020年1月20日]*/
.wiki-header .wiki-nav .wiki-logo .pic-logo{
     width:auto;
}

/*视频测试*/
.video-player{
	width:100%;
	height: 35vw;
	min-height: 200px;
}

/*测试*/
.img-video {
    background-size: cover;
    border-radius: 4px;
    display: block;
    width: 160px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

/* 这里放置的CSS将应用于所有页面 */


.resp-tabs-list {
    zoom: 1
}

.resp-tabs-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media (max-width: 768px) {
    .resp-tabs .resp-tabs-list {
        white-space: nowrap;
        overflow-x: scroll
    }

    .resp-tabs .resp-tabs-list .bili-list-style {
        float: none !important;
        display: inline-block
    }
}

/*主站登陆样式修复*/
.bili-header-m .i_menu_login .img {
    width: 294px !important;
}

/*分类高度修正*/

#catlinks {
	margin-bottom:14px;
}

/*隐藏更新日志时间*/

.bili-list-group .bili-list-group-item .fr {
    display: none !important;
}

.wikiEditor-ui-toolbar .tabs{
	height:auto
}
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main{
	height:auto
}
/* 这里放置的CSS将影响使用Vector皮肤的用户 */

/*图片自适应*/
.img-kk {max-width:100%;height:auto;}

.img-icon {
	border-radius:5px
}
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}

/*logo修正*/
.wiki-logo .pic-logo {
	margin-left:0px;
}

.wiki-logo {
	padding-left:0px;
}

@media (max-width: 768px){
    .wiki-header .wiki-logo {
        padding-left: 0;
    }
}

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

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


/*标题*/
#firstHeading{
	font-family:MicrosoftYaHei-Bold;
	font-size: 30px;
	color: rgba(0,0,0,0.85);
	line-height: 40px;
	padding-bottom:10px;
}

.mw-body-content h2 {
   font-family:MicrosoftYaHei-Bold;
   font-size: 26px;
   color: rgba(0,0,0,0.85);
   line-height: 32px;
   padding-bottom:8px;
}

.mw-body-content h3 {
    font-family:MicrosoftYaHei-Bold;
    font-size: 22px;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    padding-bottom:6px;
}

.mw-body-content h4 {
   font-family: MicrosoftYaHei-Bold;font-size: 18px;color: rgba(0,0,0,0.85);line-height: 22px;
}

/*表格*/
table.wikitable > tr > th, table.wikitable > * > tr > th {
	background:#e9edf2;
	height:40px;
	opacity:0.6;
	border-right: 1px solid rgba(0, 0, 0, .1);
}

table.wikitable > tr > td, table.wikitable > * > tr > td{
	background-color: #fff;
	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 #ccc solid;padding:0.3em 1em;
}

table.wikitable{border: 1px solid rgba(0,0,0,0.10);;margin: 10px 0;font-family: SourceHanSansCN;}

/*首页h2标题高度修复*/
.bili-title-h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom:15px;
}

.bili-divider {
    height: 1px;
    margin: 20px 0;
    background: rgba(0,0,0,.16);
}
/*首页链接颜色*/
.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;
}*/

/*隐藏特殊页面帮助*/
.mw-body .mw-indicators {
    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;
}


/*条件筛选页面*/
.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, span.imgselect-wrap {
	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);
}

span.select-wrap {
	width:80px;
	height:30px;
}
span.imgselect-wrap {
	padding:8px 10px;
}

span.imgselect-wrap p {
	display: block;
	margin-top:10px;
}

/*手机端hover伪类显示异常，magic，只能靠js了*/
span.select-wrap.hover, span.imgselect-wrap.hover {
	color: #000;
    border: 1px solid rgb(133, 146, 239);
    cursor: pointer;
    background:#FFF;
}

span.select-wrap.active, span.imgselect-wrap.active {
	border: 1px solid rgba(119,132,222);
    color:rgba(119,132,222);
}

.filter li {
    list-style:none;
    float:left;
}



.game-aggregation-wrap {
	padding-bottom: 30px;
}

.game-aggregation-wrap .game-card-list {
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-left: -40px;
}

.game-aggregation-wrap .game-card-list .game-card-list-item{
	margin-left: 40px;
	margin-bottom: 30px;
	border: 1px solid rgba(0,0,0,0.1);
}

.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover{
	width: 100%;
	height: 132px;
	overflow: hidden;
}

.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover .cover-img{
	width: 100%;
	height: 100%;
}


.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info{
	width: 100%;
	height: 93px;
	padding: 20px;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-name{
	font-family: MicrosoftYaHei;
	font-weight: 700;
	font-size: 20px;
	color: rgba(0,0,0,0.85);
	letter-spacing: 0;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-message{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: rgba(0,0,0,0.35);
	line-height: 22px;
	margin-top: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button{
	width: 100%;
	height: 51px;
	border-top: 1px solid rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-line{
	height: 100%;
	width: 1px;
	background-color: rgba(0,0,0,0.1);
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt,.game-card-button-rt{
	height: 100%;
	flex: 1;
	color: #000;
	font-family: 'MicrosoftYaHei';
	background-color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 60px;
	cursor: pointer;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a {
	display: block;
	color: #000;
    background-image: none;
    margin-right: 0;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a,a:hover,a:visited,a:active,a:focus {
	text-decoration: none;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover,.game-card-button-rt:hover{
	color: #00B6FF;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover a,.game-card-button-rt:hover a{
	color: #00B6FF;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:active,.game-card-button-rt:active,.game-card-button-lt:focus,.game-card-button-rt:focus{
	background-color: rgb(234, 249, 255);
}

.game-card-before a{
	color: #fafafa;
    font-weight: bold;
}

.game-card-before a:hover{
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.game-aggregation-wrap .other-game-list {
	width: 100%;
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0px;
}
.game-aggregation-wrap .other-game-list-item {
	width: 116px;
	height: 128px;
	margin-left: 0px;
	margin-bottom: 30px;
}
.game-aggregation-wrap .other-game-list-item .game-pic {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
}
.game-aggregation-wrap .other-game-list-item .game-pic img {
    display: block;
    width: 80px;
    height: 80px;
}
.game-aggregation-wrap .other-game-list-item .game-name{
	width: 100%;
	height: 48px;
	line-height: 24px;
	margin: 10px 0 0;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: rgba(0,0,0,0.85);
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}



@media only screen and (max-width: 1200px) {
	.game-aggregation-wrap .game-card-list {
		width: 100%;
		margin-left: 0;
		justify-content: space-between;
	}
	.game-aggregation-wrap .game-card-list .game-card-list-item {
		margin-left: 0;
	}
	.game-aggregation-wrap .other-game-list {
		width: 1017.6px;
		margin-left: -47.6px;
	}
	.game-aggregation-wrap .other-game-list .other-game-list-item {
		margin-left: 47.6px;
	}
}

@media only screen and (max-width: 992px) {
	.game-aggregation-wrap .other-game-list {
		width: 785px;
		margin-left: -35px;
	}
	.game-aggregation-wrap .other-game-list .other-game-list-item {
		margin-left: 35px;
	}
}

@media only screen and (max-width: 768px) {
	.game-aggregation-wrap .game-card-list {
		justify-content: center;
	}
	.game-aggregation-wrap .other-game-list {
		width: 100%;
		justify-content: flex-start;
		margin-left: 0;
	}
	.game-aggregation-wrap .other-game-list .other-game-list-item {
		width: 24%;
		margin-left: 0;
	}
	.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) {
		margin-right: calc(4% / 3);
	}
	.new-game-list .other-game-list-item {
		margin-right: calc(4% / 3)!important;
	}

}

@media only screen and (max-width: 500px) {
	.game-aggregation-wrap .other-game-list .other-game-list-item {
		width: 24%;
		margin-left: 0;
	}
	.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) {
		margin-right: 0;
	}
	.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(3n)) {
		margin-right: calc(4% / 3);
	}
	.new-game-list .other-game-list-item {
		margin-right: calc(4% / 3)!important;
	}
}
/*表格圆角*/

/* == 模板 == */
/* - [[模板:黑幕]] - */
.heimu {
    background-color: #252525;
    color: #252525;
    transition: color 0.5s;
}

.heimu:hover {
    color: #ffffff;
}

/* - [[模板:模板文档]] - */
.dsp-doc {
	margin-top: 1em;
	clear: both;
	border: 2px dotted #666666;
	padding: 0.6em;
	background-color: #f5f5f5;
}

.dsp-doc-heading {
	padding-bottom: 3px;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 1ex;
}
/* 模板:资料卡片 */
.information {margin:0px 10px 10px 0px;width:300px;overflow: hidden;}
@media only screen and (max-width:759px){
.information {width:100%;margin:0px;}
}
/*摘要样式*/
.mw-summary-preset {
    display: inline;
    margin: 0;
    padding: 0;
}
.mw-summary-preset-item {
    border-left: 1px solid #a2a9b1;
    display: inline-block;
    line-height: 1.25em;
    margin: 0.125em 0;
    padding: 0 0.5em;
}
.mw-summary-preset-item:first-child {
    border-left: medium none;
    padding-left: 0.25em;
}
.mw-summary-preset-item:last-child {
    padding-right: 0.25em;
}
/*修正过多的缩进*/
.mw-parser-output ol {
    margin: 0.3em 0 0 2em;
}

/*修正更新日志*/
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {margin:0px;}
.mw-changeslist-line-inner-comment .comment{word-break:break-all}
.mw-changeslist-line-inner-comment .comment .autocomment {word-break:break-all}

/*首页tab修正*/
ul.tabbernav li {
	padding-top: 0!important; 
}

  .wenzi1 {
    font-size: 15px;
    color: #000;
    letter-spacing:0.08em;
    line-height:1.8em;
    margin-bottom: 15px;
  }