MediaWiki:Common.css

/* 放置于这里的 CSS 将应用于所有皮肤 */
/* html {
	-webkit-filter:invert(100%);
	filter:invert(100%);
}
 
img {
	-webkit-filter:invert(100%);
	filter:invert(100%);
}
 
.wikiEditor-preview-spinner {
	-webkit-filter:invert(0%);
	filter:invert(0%);
} */

html {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
}

code, pre {
	font-family: Menlo, Consolas, monospace !important;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.col {
	float: left;
	box-sizing: border-box;
	padding: .6rem;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.3333%;
	width: calc(100% / 3);
}

.col-6 {
	width: 50%;
}

.col-12 {
	width: 100%;
}

.col.gray { background: #f1f1f1; }
.col.yellow { background: #FDF5EB; }
.col.blue { background: #EBF8FD; }

@media (max-width: 800px) {
	.col-3 {
		width: 50%;
	}
	
	.col-4,
	.col-6 {
		width: 100%;
	}
}

.multi-col-list { }

@media (min-width: 801px) {
	.multi-col-list ul {
		margin: 0;
	}

	.multi-col-list li {
		display: inline-block;
		width: 19%;
	}
}

.column { }

.column-2 { column-count: 2; }
.column-3 { column-count: 3; }
.column-4 { column-count: 4; }
.column-5 { column-count: 5; }
.column-6 { column-count: 6; }

@media (max-width: 800px) {
	.column-2 { column-count: 1; }
	.column-3 { column-count: 2; }
	.column-4 { column-count: 2; }
	.column-5 { column-count: 3; }
	.column-6 { column-count: 4; }
}

@media (max-width: 500px) {
	.column-2 { column-count: 1; }
	.column-3 { column-count: 1; }
	.column-4 { column-count: 2; }
	.column-5 { column-count: 2; }
	.column-6 { column-count: 2; }
}

/* Custom styles copied from Wikipedia
   https://en.wikipedia.org/wiki/MediaWiki:Common.css
*/