Template:沙盒/TemplateStyles/魔琴/welcome.css

.welcome-main-table td {
	padding: 10px;
	background: #f8f9fa;
	border: 5px #fff solid;
	padding-right: 2em;
	width: 50%;
}

.welcome-main-table#welcome-main-table td a {
	color: #000;
}

/* dark mode */

@media screen {
    html.skin-theme-clientpref-night .welcome-main-table td {
		background: #202122;
		border: 5px #101418 solid;
	}
	
	html.skin-theme-clientpref-night .welcome-main-table#welcome-main-table td a {
		color: #fff;
	}
}


@media screen and ( prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .welcome-main-table td {
		background: #202122;
		border: 5px #101418 solid;
    }
	html.skin-theme-clientpref-os .welcome-main-table#welcome-main-table td a {
		color: #fff;
	}
}

.welcome-main-table img {
	margin-right: 10px;
}

@media only screen and (max-width: 661.7px) { /* E5 */
	.welcome-main-table {
		max-width: 330.9px; /* E4 */
	}
	table.welcome-main-table tbody {
		display: grid;
	}
	.welcome-main-table tr {
		display: flex;
		flex-direction: column;
	}
	.welcome-main-table tr td {
		width: inherit;
	}
}
@media only screen and (max-width: 442px) {
	.welcome-main-table tr td {
		padding-right: 10px;
	}
}

@media only screen and (min-width: 221px) {
	.welcome-dowhat {
		white-space: nowrap;
	}
}

.welcome-footnote li {
	white-space: nowrap;
}


/* 处理Minerva皮肤在某些宽度下不居中的问题，神奇的是，它有效 */
@media only screen and (max-width: 720px) {
	.welcome-main-table tbody {
		margin: 0 auto;
		display: table;
	}
}