MediaWiki:Common.css

/* ==== 导航框 ==== */

table.navbox {
    font-size: 90%;
    width: 98%;
    margin: 2em auto 0;
    border: 1px solid #ccc;
    text-align: center;
    border-collapse: collapse;
    background-color: white;
}

table.navbox th {
    background: #eee8;
    padding: .6em .8em;
}

table.navbox.navbox-border td {
    border: 1px #a6a6a6 solid;
}

/* ==== 结束 导航框 ==== */

/* ==== image crop ==== */

.crop-mask > .crop-slider > p { margin: 0; }

/* 防止边界外的虚化影响到边界内的图片 */
/* https://css-tricks.com/keep-pixelated-images-pixelated-as-they-scale/ */
.crop-mask > .crop-slider img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

/* 防止拖拽 */
/* https://stackoverflow.com/questions/12906789 */
.crop-mask > .crop-slider img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* 覆写图片在评论区的样式 */
.crop-mask > .crop-slider img {
    height: initial !important;
    max-width: initial !important;
}

/* ==== 结束 image crop ==== */

/* ==== 信息框 ==== */
/* 移动端优化 */
@media screen and (max-width: 768px) {
	.portable-infobox {
      float: none !important;
      width: 100% !important;
      margin: 0.5em 0 !important;
      max-width: 100% !important;
      clear: both !important;
	}

	.pi-item.pi-data {
      padding: 8px 12px;
      flex-direction: column;
      align-items: flex-start;
	}

	.pi-data-label {
      flex-basis: auto !important;
      margin-bottom: 4px;
    }
    
    .pi-item.pi-image {
      text-align: center;	
    }

    .pi-item.pi-image img {
      max-width: 100%;
      height: auto;
      display: inline-block;
      margin: 0 auto;
    }
    
    .pi-item-wrap {
    	flex-direction: column;
    	align-items: flex-start;
    }
}

/* 防止提示栏与信息框贴在一起 */
.portable-infobox { 
	margin-top: 0.4em; 
	max-width: 300px;
}

/* 桌面端样式 */
@media screen and (min-width: 769px) {
  .portable-infobox {
    float: right;
    width: 300px;
    margin: 0 0 15px 15px;
  }
}

/* 修正新信息框模板内图片的 margin */
.pi-item.pi-image > p { margin: 0; }

/* data */
.pi-item.pi-data {
    padding: 10px 14px;
    align-items: baseline;
}

/* multidata */
.pi-item-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

/* ==== 结束 信息框 ==== */

/* ==== tooltip ==== */
.wikilink-tooltip {
    background-color: #889b;
    border-radius: 15px;
    border: 1px solid #eee;
    box-shadow: 0 2px 6px #5555;
    content: attr(title);
    color: #fff;
    font-size:12px;
    line-height: 22px;
    margin: -1em 0;
    padding: 0 5px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

/* ==== 结束 tooltip ==== */

/* ==== 自动转链 ==== */
a.autolink {
    text-decoration: underline!important;
}
/* ==== 结束 自动转链 ==== */

/* ==== 缩小投票版的占地 ==== */
.pollAnswerName {
    float: right;
    position: relative;
    z-index: 10;
    clear: right;
}
.pollAnswer {
    clear: right;
}
/* ==== 结束 缩小投票版的占地 ==== */

/* ==== doujininfo ==== */
/* 本样式复制自THBWiki[[MediaWiki:Common.css]]，遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议 */
table.doujininfo {
 width: 100%;
 min-width: 418px;
}
table.doujininfo td {
 word-break: break-all;
}
table.doujininfo .cover-artwork {
 font-size: 24px;
 text-align: center;
 width: 40%;
}
table.doujininfo .cover-artwork-mobile {
 display: none;
 font-size: 24px;
 text-align: center;
}
table.doujininfo .cover-char {
 font-size: 12px;
}
table.doujininfo .cover-artwork-mobile .cover-char {
 font-size: 16px;
}
table.doujininfo td.label {
    font-weight: bold;
    min-width: 100px;
    width: 100px;
}

/* ==== 结束 doujininfo ==== */

/* ==== info类模板 ==== */
/* 本样式来源于自萌娘百科[[MediaWiki:Common.css]]，经过修改。遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议 */
.infoBox2 {
    margin: 0 auto;

    border-collapse: collapse;
}
.infoBox2 .infoBoxTitle {
    /* margin: 3px auto; */
    padding: 0;
    /* text-align: center; */
    font-weight: 700;

    text-align: left;
    margin-top: 3px;
}
.infoBox2 .infoBoxIcon {
    /* display: table-cell; */
    /* padding: 2px 0 2px .5em; */
    vertical-align: middle;

    width: 1px;
    padding: 2px .8em 2px .8em;

}
.infoBox2 .infoBoxText {
    /* display: table-cell; */
    /* padding: .25em .5em .25em 1.3em; */
    /*width: 100%;*/
    vertical-align: middle;

    line-height: 1.2em;
    font-size: smaller;
    /* margin-left: 1em; */
    /* margin-bottom: 3px; */
    margin: 4px auto 8px 1em;
}
.infoBox2 .infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBox2 .infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.infoBox2 .infoBoxBody {
    padding-right: 1em;
}

/* ==== 结束 info类模板 ==== */

/* ==== 其他 ==== */
.transborder {
    border: solid transparent;
}
/* ==== 结束 其他 ==== */

/* Dark Mode 自动模式 */
/* 复制自https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis/zh#使用標準媒體查詢和HTML類別來指向深色模式 */
@media screen and (prefers-color-scheme: dark) {
	.skin-theme-clientpref-os .pane {
		background-color: black;
		color: white;
	}
}