MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
@import url("/wiki/MediaWiki:UserLinks.css?action=raw&ctype=text/css");

/* 文章 */
i, em{
    margin-right: 2px;
}

pre{
    line-height: 17px !important;
}

rt{
    font-size: 85%;
}


/* 图片 */
@media (max-width: 370px) {
    #content .mw-gallery-traditional {
        display: grid;
        grid-template-columns: calc(50% - 4px) calc(50% - 4px);
        margin: 0;
        padding: 0;
        column-gap: 8px;
    }

    #content .gallerytext {
        padding: 0.4em 1px 0.6em 1px;
    }

    #content .thumb, #content .gallerybox {
        margin: 0;
        width: 100% !important;
        box-sizing: border-box;
    }
}

#mw-category-media .galleryfilename-truncate {
    white-space: normal;
    overflow: visible;
}

/* 特殊:最近更改、分类页 */
@media (max-width: 850px) {
    .mw-changeslist-legend {
        margin: 0;
        float: none;
    }

    .mw-enhanced-rc {
        margin: 0 !important;
        font-size: 14px;
    }

    .mw-changeslist-separator:empty:before {
        display: none;
    }

    td.mw-enhanced-rc {
        font-family: inherit;
    }

	.mw-category h3 {
        margin: 0;
        padding-top: 0.5em;
        padding-bottom: 0.17em;
    }
}

.mw-category-columns {
	column-width: 18em;
}


/* 悬浮标题 */
body.mobileabbr[title]:hover::after,
body.mobile .mw-parser-output span[title]:hover::after,
body.mobile .title-hover *[title]:hover::after,
body.mobile .title-hover[title]:hover::after {
	content: attr(title);
	padding: 3px 6px;
	background: var(--background-common);
	border: 1px solid var(--border);
	position: absolute;
	margin: 2px;
	font-size: 12px;
	font-family: system-ui;
	color: var(--font-common);
	text-align: start;
    box-shadow: 1px 1px 4px #0003;
    z-index: 1000;
    word-break: normal;
}

/* 页面主副栏布局 */
@media (min-width: 1084px) {
    .main-column-left{
        float: left;
        width: calc(100% - 320px);
        margin-right: 15px;
    }
}

@media (min-width: 1084px) {
    .main-column-right{
        float: right;
        width: calc(100% - 320px);
        margin-right: 15px;
    }
}

@media (min-width: 680px) and (max-width: 1083px) {
    .side-column{
        column-count: 2;
    }
}

.side-column {
    display: flow-root;
}

/* .column 分栏 .title 标题 */
@media (max-width: 600px) {
    .column.responsive {
        column-count: 1 !important;
    }
}

.column .title {
	column-span: all;
}

.title + ul, .title + ol {
	margin-block: auto;
}

/* .no-link-style 干净的文字链接 */
#content .no-link-style a {
    padding-right: 0;
    color: unset;
    background-image: none;
}

#content .no-link-style a:after {
    display: none;
}

/* .icon 行间图标 */
.icon img{
    position: relative;
    bottom: 1px;
    vertical-align: middle;
}

/* .img-px 像素图像 */
img[src*="%E5%9B%BE%E6%A0%87"], .img-px{ 
    image-rendering: pixelated;
}

/* .inner-box 嵌套盒子 */
.inner-box > *:first-child {
    margin-top: 0;
}

.inner-box > *:last-child {
    margin-bottom: 0;
}

.card .inner-box > ul, .card .inner-box > ol {
    margin-inline-start: 18px;
    padding-inline-start: 0;
}

/* 编辑器 */
.wikiEditor-ui-toolbar .page-characters div span{
    height: unset;
	font-family: system-ui;
}

.wikiEditor-ui-text {
    word-break: break-all;
}

.wikiEditor-ui .ace_editor *{
    font-family: 'Menlo','Consolas','Liberation Mono','Fira Code','Courier New', monospace !important;
}

body.mobile .mono {
    white-space: pre;
}

body.mobile .wikiEditor-ui-toolbar .page-characters div span {
    font-family: sans-serif;
}

body.mobile #msupload-div {
    display: none;
}

body.mobile .wikieditor-toolbar-field-wrapper {
	padding: 0 0 8px;
}

/* 杂项 */
@media (max-width:520px) {
    fieldset tr{
        display: flex;
        flex-direction: column;
    }
}

#content fieldset input, #content fieldset textarea {
    box-sizing: border-box;
    max-width: calc(100vw - 100px);
}

body.mobile fieldset input, body.mobile fieldset textarea {
    box-sizing: border-box;
    max-width: calc(100vw - 80px);
}

.skin-theme-clientpref-night .ace_info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACdSURBVDhP7c8xCsQgEAXQ2e08gyAIqSw9hV4iR/BCOYJVDmEXBY9gH4h9ilkM0xmLNAsL+2Bw/MWHgd+glEJan1uWBdvQt/Omd4hzfs33reuKOWcMIeA8z89PcM6B9/7atdbXe2dYUEp5tdv3fYeUEqW9YYExBqdpguM4YNs2SnvDAiEEnOcJtVZgjFHaGxbEGNsZIKUEay2lfz2AD61EM624l4epAAAAAElFTkSuQmCC");
}

.ui-dialog {
	max-width: calc(100vw - .4em - 2px);
}

body.mobile .ui-dialog {
    top: 0 !important;
}

body.mobile .ui-dialog-content {
	padding-top: 20px !important;
    column-count: 2;
}