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 */

.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;overflow:hidden;}
.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;}

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

/* p标签修正 */
p {
    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更多结果修正*/
.smw-template-furtherresults {
	display:none;
}

/*图片自适应*/
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}

/*头像样式*/
.img-tx img {
    width: 20px;
    height: 20px;
    background:rgba(0, 0, 0, 0.46);margin:0px 1px;
}
.img-tx2 img {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 2px #000;
    margin:0px 1px;
}

/* 评论区遮挡悬浮框修正 */
.comment-replybox {
    position: unset;
    border-bottom: 1px solid rgba(0,0,0,0.16);
    padding: 16px 0;
}
.comment-toolbar {
    position: unset;
}

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

/* tabber选项卡预置样式 */
.tabber .tabbertab {
    padding: 10px;
    border: 1px solid #404040;
        border-top-color: rgb(64, 64, 64);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: 0;
}
ul.tabbernav {
	margin: 0;
	padding: 12px 0;
	border: 1px solid #404040;
	font: bold 12px Verdana,sans-serif;
	background: #404040;
	border-left: 0px;
	border-right: 0px;
}
ul.tabbernav li a {
	padding: 12px 10px;
	margin: 0px;
	border: 1px solid #404040;
	border-bottom: none;
	background: #404040;
	text-decoration: none;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #404040;
	border-top: 1px solid #404040;
    color: #404040 !important;
}
ul.tabbernav li a:link {
    color: #fff;
}
ul.tabbernav li a:hover {
	color: #404040;
	background: #fff;
	border-color: #404040;
	border: 1px solid #404040;
}
ul.tabbernav li.tabberactive a:hover {
    color: #404040 !important;
    background: #fff;
    border-bottom: 1px solid #fff;
}


/*tabber选项卡加载状态隐藏*/
.tabber:not(.tabberlive){
display:none;
}

/* tab-panel选项卡预置样式 */
.tab-panel {
    display: block;
    height: auto;
    padding: 5px 0px;
    text-decoration: none;
    width: 76px;
    text-align: center;
    color: #fff;
}
.resp-tabs-list li {
    border-left: 0px solid rgba(0, 0, 0, 0.16);
    float: left;
    background: #404040;
    border: 1px solid #404040;
}
.resp-tabs-list li:last-child {
    border: 1px solid #404040;
}
.resp-tabs-list li.active .tab-panel, .tab-panel:hover {
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    font-weight: bold;
    background: #fff;
}
@media only screen and (max-width:759px){
ul.tabbernav li a {
	display: inline-block;
}
ul.tabbernav {
    padding: 0px;
}
.resp-tabs .resp-tabs-list {
    white-space: normal;
    overflow-x: auto;
}
}
/* 首页常用入口 */
.box-sy {
margin-left:-5px;
margin-right:-5px;
overflow:hidden;
}
.box-icon {
float:left;
width:25%;
padding:15px 5px;
}
@media only screen and (max-width:759px){
.box-sy {
margin-left:-5px;
margin-right:-5px;
overflow:hidden;
}
.box-icon {
float:left;
width:33%;
padding:5px;
}
}


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

/* 模板:折叠面板 样式修正 */
.panel, .panel .row .panel-title {
    padding: 0px 0;
}


/* 模板:黑幕 */
.heimu {
background:#000;
color:#000;
}
.heimu:hover {background:#000;color:#fff;}


/* 模板:资料卡片 */
.information {margin:0px 10px 10px 0px;width:300px;overflow: hidden;}
@media only screen and (max-width:759px){
.information {width:100%;margin:0px;}
}

/* 冻结表格首行 */
.freeze th,.freeze td{
position:sticky;
top:49px;
}
@media(max-width:768px){
.freeze th,.freeze td{
top:-1px;
}
}


/* 更新日志调整 */
.update-log .bili-list-group .bili-list-group-item .log-label {
    font-family: "Microsoft YaHei", Arial, sans-serif, "PingFang SC";
    border-radius: 2px;
    width: 36px;
    min-width: 36px;
    font-size: 12px;
    background: #989898;
    color: #fff;
}
.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;
}