User:Chiyansama/common.css

来自有兽档案馆
/* 这里放置的CSS将应用于所有皮肤 */

/* WIKI背景图 */
body {
	background:url("https://patchwiki.biligame.com/images/wqmt/d/d8/mmp1bzpq1ucwsomv1gzgu255zpode6x.jpg") no-repeat fixed 50% 0;
	background-size:cover;
}
/* WIKI页面透明化 */
.game-bg {
    background: rgba(255,255,255,0.84);
}

.wiki-header {
    background: transparent;
}
/* 导航菜单 */
.wiki-header .wiki-nav {
    border: 1px solid rgba(0, 0, 0, 0.61);
    background: rgba(249, 249, 249, 0.75);
    border-top: 10px solid rgba(0, 0, 0, 0.61);
}
.menu-wrap .wiki-menu-li-1 {
    background: transparent;
}
.menu-wrap .wiki-menu-li-1 {
    border-bottom: 0px solid rgba(0,0,0,.16);
}

.wiki-header .wiki-nav .nav-search-box {
    border-bottom: 0px solid rgba(0, 0, 0, 0.16);
}
.wiki-header .wiki-nav-celling .celling-box {
    border-bottom: 0px solid #000;
}
/* 首页CSS */

.BILIBILI-BOX {width:100%;margin-bottom:20px;}
.BILIBILI-BOXtitle {position: absolute;top: -3px;left:70px;font-size:24px;}
@media screen and (max-width: 991px) and (min-width: 767px) {
  .BILIBILI-BOXtitle {left:62px;font-size:21px;}
}
.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%}
.ts-kd {width:100% !important;}
}

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

.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 3px;
    text-decoration: none;
    min-width: 70px;
    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;
}


.sy-title-1 {
    border-top: 0px solid #000;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    background-image: url(https://patchwiki.biligame.com/images/wqmt/2/29/f88hu4otl1punieyga2dhx7c6y3s9jy.png),url(https://patchwiki.biligame.com/images/wqmt/8/8b/hdt2jsyhwcmujfp965jiqmmfvzszjk1.png);
    background-repeat: no-repeat,no-repeat;
    background-attachment: scroll,scroll,scroll;
    background-position: left top,right top;
    background-clip: border-box,border-box,border-box;
    background-origin: padding-box,padding-box,padding-box;
    background-size: auto auto,auto auto;
    clear: both;
    position: relative;
    height: 57px;
    line-height: 57px;
    color: #333;
    font-size: 18px;
    font-weight:bold;
    padding-left: 80px
;
}

.sy-title-1:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 80px;
    right: 80px;
    background-image: url(https://patchwiki.biligame.com/images/wqmt/9/95/gtno048o7tg0qy5rbgo22a9v299zmrw.png);
    z-index: -1;
    background-size: 100% 100%;
}
.bili-section-normal, .bili-section-primary {
    font-family: "Microsoft YaHei",Arial,sans-serif,"PingFang SC";
    font-size: 14px;
    display: inline-block;
    color: #ffadb9;
    text-align: center;
    line-height: 14px;
    background: #3a2225;
    margin-right: 10px;
    border: 2px solid #000000;
    padding: 8px 18px;
    border-radius: 6px;
}
.bili-section-normal:hover {
    color: #000;
    background: #ff7e7e;
    border: 2px solid rgb(255 12 12);
    cursor: pointer;
}


/*表格*/
.wikitable {
    background-color: rgba(255, 255, 255, 0.56);
    color: #202122;
    margin: 1em 0;
    border: 2px solid #000000;
    border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #313131;
    text-align: center;
    color: #fbfbfb;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid #000000;
    padding: 0.2em 0.4em;
}

.mw-body-content h2 {
    margin-bottom: 0.15em;
    padding: 0;
    font-family: 'Linux Libertine','Georgia','Times',serif;
    line-height: 1.3;
    background: #313131;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
}



/*攻击范围*/
.bg-gjfw {
    padding: 10px 20px 10px 0px;
}
.gjfw-0 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    text-align:center;
}
.gjfw-1 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
    background: #ffb0b0;
    border-radius: 2px;
    text-align:center;
}
.gjfw-2 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
    background: #ef5858;
    border-radius: 2px;
    text-align:center;
}
.gjfw-3 {
    float: left;
    margin: 2px;
    width: 20px;
    height: 20px;
    border: 2px dashed #d7d7d7;
    border-radius: 2px;
    text-align:center;
}

/*目录修复*/
.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;
}

/*标题编辑隐藏*/
.mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection, .mw-content-ltr .mw-editsection-like, .mw-content-rtl .mw-content-ltr .mw-editsection-like {
    margin-left: 1em;
    margin-right: 0;
    display: none;
}

/*筛选按钮*/
.btn-default {
    color: #fff;
    background-color: #313131;
    border-color: #000000;
}
.btn-default:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
li.btn.cardSelectOption.selected {
    color: #ff3838 !important;
    background-color: #000000;
    border-color: #000000;
    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);
}


/*首页用户模块*/
.page-首页 .user-follow-wrap {
	width:100%;
}
.page-首页 .user-item-detail {
	padding:15px 6px;
}

/*头像拼图*/
.txd{display: inline-block;float:left;margin:3px;position: relative;overflow: hidden;}
.txz{display: inline-block;bottom: 5;right: 6;position: absolute;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: white;font-size:13px;}

/*身高*/
.sg-bg {position: relative;width: 100%;overflow: hidden;background: inherit;border: 2px #d6d6d6 solid;box-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 0 2px rgba(0, 0, 0, .6) inset;}
.sg-bg::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(-25deg, #0b0e1a, #3e4967,#bfc7d7,#3e4967,#0b0e1a) border-box;filter: blur(20px);z-index: -1;}
.sg-row1{height: 1px;width: 100%;background-color: #323d54;position: absolute;}
.sg-row2{height: 1px;width: 100%;background-color: #0d121a;position: absolute;}

/*手机端优化*/
@media screen and (max-width: 750px) {
.user-btn {
    height: 50px;
}
.mw-body h1, .mw-body-content h1 {
    font-size: 1.2em;
}
.wiki-componment-rank {
    padding: 5px 0;
    margin-bottom: 0px;
}
.wiki-header {
    margin: 0px;
    padding: 0;
}
}
/*手机端列表优化*/
  @media screen and (max-width: 690px) {
  .mtable{width: 100%;border: 0;background-color: rgba(255, 255, 255, 0);}
  .mth {display: none;}
  .mtr {display: block;}
  .mtd {display: block;text-align: right !important;font-size: 13px;border-top: 0 !important;border-bottom: 1px solid #000 !important;width: auto;padding: 5px 5px 5px 0.3em !important;background:rgba(255, 255, 255, 0.56);line-height: 18px;}
  .mtd:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;background: #313131;color: white;padding:0 3px;}
  .mtd:first-child {border-top: 1px solid !important;margin-top: 10px;}
  .mtd > a > img{max-width:100;}
  .mcenter{text-align: center !important;}
  }
 @media only screen and (max-width: 690px) and (-webkit-min-device-pixel-ratio: 2) {
 .mtr {
 display: table-row;
 vertical-align: -webkit-baseline-middle;
 }
 .mtd {
 padding: 5px 0px !important;
 }
 }
取自“https://youshou.wiki/index.php?title=User:Chiyansama/common.css&oldid=15864”