MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
#ignore-ca-talk {
	display: none !important;
}

#ignore-pt-mytalk{
	display: none !important;
}

#site-tools{
	display: none !important;
}

#page-tools{
	display: none !important;
}

/* 悬浮 */
.iteminfo {display:none;}
.itemhover:hover  .iteminfo{display:block;}
/* 黑幕 */
.heimu,.blackcurtain{
    transition: all .3s;
    background: var(--heimu);
    color: var(--heimu);
    /* 黑幕：一块黑色区域，鼠标移入后显示内容
       使用方法：将heimu类或者blackcurtain类附加到你想实现黑幕的元素上
       彩色黑幕：将元素的--heimu变量变为你想要的颜色 */
}
.heimu:hover,.blackcurtain:hover{ /*黑幕，鼠标移入后文字背景透明*/
    background: transparent;
}

/* 模板:主页磁贴 */
.block-container-frame.mainpage-tile>div img{
    position: absolute;
    max-width: 80%;
    max-height: calc(100% - 3.5em);
    /*特殊的居中操作*/
    left: 50%;
    bottom: calc(50% - 3em);
    transform: translate(-50%,calc(50% - 4.5em));
    transition: 0.3s ease;
/*     border: 1px solid grey; */
}
.block-container-frame.mainpage-tile>div>center{
	/*文字说明*/
    margin-top: calc(50% - 3.5em);
}
.block-container-frame.mainpage-tile>div>center>a{
	/*文字超出部分自动截取*/
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.block-container-frame.mainpage-tile>div>center>a:hover{
	/*取消文字的下划线装饰*/
    text-decoration: none;
}
.block-container-frame.mainpage-tile>div>center>a>span[class]:after{
	/*用after使得整个div变得可点击*/
    content: '';
    position: absolute;
    width: 100%;
    height: calc(50% + 4em); /*使底下的API一栏不被这个after遮挡*/
    top: 0;
    left: 0;
}
.block-container-frame.mainpage-tile>div:hover img{
	/*鼠标移入放大图片*/
    /*transform: translate(-50%,-25%) scale(1.2);*/
    max-width: 100%;
    max-height: 100%;
}
.block-container-frame.mainpage-tile>div{
    z-index: 211;
    transition: 0.3s ease;
}
.block-container-frame.mainpage-tile>div:hover{
	/*鼠标移入放大*/
    /*transform: scale(1.05);*/
    z-index: 233;
}
/*主页磁贴拓展*/
.block-container-frame.mainpage-tile.main-tile-single-img>div>center{
	margin-top: calc(50% - 1.5em);
}
.block-container-frame.mainpage-tile.main-tile-single-img>div img{
	max-height: calc(100% - 1.5em);
	transform: translate(-50%,calc(50% - 3.5em));
    -webkit-filter: brightness(1.0) drop-shadow(0px 0px 3px #888);
            filter: brightness(1.0) drop-shadow(0px 0px 3px #888);
}
.block-container-frame.mainpage-tile.main-tile-single-img:hover>div img{
    max-width: 80%;
    max-height: calc(100% - 1.5em);
}
.block-container-frame.mainpage-tile.main-tile-single-img>div:hover img{
    -webkit-filter: brightness(1.1) drop-shadow(0px 0px 5px #222);
            filter: brightness(1.1) drop-shadow(0px 0px 5px #222);
}

/* 首页轮播图 */
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    box-shadow: 0 0 4px #FAFAFA;
}

/* 软重定向 */
.SoftRedirect{
	display: inline;
    padding: 0;
    padding-left: 47px;
    background: transparent url(/resources/src/mediawiki.action/images/redirect-ltr.png?926f7) bottom left no-repeat;
}
.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;}

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