MediaWiki:Common.css

MediaWiki界面页面
谬语天成讨论 | 贡献2024年2月23日 (五) 14:48的版本 (创建页面,内容为“→‎这里放置的CSS将应用于所有皮肤:​ →‎首页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%…”
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* 这里放置的CSS将应用于所有皮肤 */



/* 首页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;
}