MediaWiki:Mobile.css：修订间差异

2022年5月6日 (五) 02:27的最新版本

/* 这里放置的CSS将应用于移动版网站 */
/* 首页 */
.mainpage_box {
    flex: 1;
    margin: 5px;
    min-width: 210px;
    border: 1px solid #CCC;
    padding: 0 10px 10px 10px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
}
.mainpage_box .items {
    border-top: 1px solid #CCC;
    padding-top: 0.5em!important;
}
.mainpage_box h3 {
    padding: 0;
    margin: 0.5em 0;
}

.mw-body h3 {
    font-size: 1.6em;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-weight: normal;
    font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
    line-height: 1.125;
    margin: 1.25em 0 0.5em;
}
.mainpage_box h3 .header_icon {
    float: left;
    margin-right: 5px;
}
.mainpage_row {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 -5px 0 -5px;
}

/* MD Icons */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(//cdn.bootcss.com/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
		url(//cdn.bootcss.com/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'),
		url(//cdn.bootcss.com/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'),
		url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';

	vertical-align: bottom;
}