Template:旧版首页/styles.css

/* 用于首页 */
.code {
	display: none;
}

/* .qw-2022 */
.qw-2022 {
	padding: 0.5em 0.25em;
	font-family: 'Noto Serif', 'Source Serif', 'Noto Serif SC', 'Source Han Serif SC', 'Times New Roman', 'Times', 'SimSun', serif, 'Noto Sans', 'Source Sans 3', 'Source Sans Pro', 'Noto Sans SC', 'Source Han Sans SC', 'Helvetica', 'Roboto', 'SFProDisplay-Regular', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'STHeiti SC', 'WenQuanYi Micro Hei', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	line-height: 1.5;
}

.qw-2022:lang(zh-hant) {
	font-family: 'Noto Serif', 'Source Serif', 'Noto Serif TC', 'Source Han Serif TC', 'Times New Roman', 'Times', 'MingLiU', 'SimSun', serif, 'Noto Sans', 'Source Sans 3', 'Source Han Sans TC', 'Noto Sans TC', 'Source Sans Pro', 'Helvetica', 'Roboto', 'SFProDisplay-Regular', 'PingFang TC', 'Hiragino Sans CNS', 'Heiti TC', 'STHeiti TC', 'WenQuanYi Micro Hei', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

.qw-2022 h1,
.qw-2022 h2 {
	margin: .5em auto;
	border: none;
	font-weight: 700;
}

.qw-2022 h1:after,
.qw-2022 h2:after {
	border: none;
}

.qw-2022 h1 {
	font-size: 1.75em;
}

.qw-2022 h2 {
	font-size: 1.25em;
}

.qw-2022 a,
.qw-2022 a:visited {
	color: #36c;
}

 /* 首页不显示红链 */
.qw-2022 a.new {
	color: inherit;
}

.qw-2022 ul.gallery {
	margin: auto;
	text-align: center;
}

.qw-2022 li.gallerybox div.thumb {
	border: 0;
	background: none;
}

.qw-2022 .mp-body img {
	max-width: 50vw;
	object-fit: contain;
}

.qw-2022 div.caption {
	margin: .5em auto;
	text-align: center;
	font-size: .95em;
	line-height: 1.2;
}

@media screen and (min-width: 1024px) {
	.qw-2022 {
		padding: 1em;
	}
}

/* mp-header */
.qw-2022 .mp-header {
	margin: 0.5em 0;
	padding: 1em;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	background-color: #fafbfc;
	background-color: rgba( 250, 251, 252, 0.75 );
}

.qw-2022 .mp-header .mp-bio {
	display: flex;
	text-align: left;
    column-gap: 0.5em;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0 0.5em;
    row-gap: 0;
}

.qw-2022 .mp-header .slogan {
	margin: 0;
	color: #484848;
}

.qw-2022 .mp-header .slogan img {
	margin-bottom: 5px;
}

.qw-2022 .mp-header .article-count {
	color: #666;
	font-size: 1.25em;
}

.qw-2022 .mp-header .mp-guide {
	display: flex;
	margin: 10px auto;
	text-align: left;
	white-space: nowrap;
	font-size: 1.25em;
	column-gap: 1em;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5em 1em;
	row-gap: 0.5em;
}

.qw-2022 .mp-header .mp-guide .mp-guide-link {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.qw-2022 .mp-header {
		display: flex;
		align-items: center;
		flex-direction: row;
	}

	.qw-2022 .mp-header .mp-bio {
		margin: 0 0.5em 0 auto;
		flex: 1;
	}

	.qw-2022 .mp-header .mp-guide {
		margin: 10px auto 10px 0.5em;
		flex: 1;
	}

	.qw-2022 .mp-header .mp-guide {
		text-align: right;
		font-size: 1.25em;
		flex-wrap: wrap;
		justify-content: center;
	}

	.qw-2022 .mp-header .mp-guide .mp-guide-link {
		margin: auto;
		flex: 1 1;
	}
}

/* mp-body */
.qw-2022 .mp-body {
	margin: 0.5em 0;
	max-width: 100%;
	font-size: 1.05em;
}

.qw-2022 .mp-left,
.qw-2022 .mp-right {
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	background-color: #fafbfc;
	background-color: rgba( 250, 251, 252, 0.75 );
}

.qw-2022 .mp-left + .mp-right {
	margin-top: 0.5em;
}
	
.qw-2022 .mp-body .mw-headline:before {
	margin-right: .25em;
	color: #36c;
	content: "［";
	font-weight: 700;
}

.qw-2022 .mp-body .mw-headline:after {
	margin-left: .25em;
	color: #36c;
	content: "］";
	font-weight: 700;
}

.qw-2022 .mp-body .mp-text {
	padding-left: 1em;
}

.qw-2022 .mp-body .mp-block-menu {
	margin: .5em;
	text-align: right;
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.qw-2022 .mp-body {
		display: flex;
		align-items: stretch;
		flex-direction: row;
	}

	.qw-2022 .mp-left,
	.qw-2022 .mp-right {
		margin: 0 auto;
		flex: 1 1 50%;
	}

	.qw-2022 .mp-left + .mp-right {
		margin-top: 0;
		margin-left: 0.5em;
	}
}

/* mp-bottom */
.qw-2022 .mp-bottom {
	margin: 0.5em 0;
	padding: 1em;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	background-color: #fafbfc;
	background-color: rgba( 250, 251, 252, 0.75 );
	font-size: 1.05em;
}

.qw-2022 .mp-bottom .mp-bottom-block {
	margin: 0 auto 1em;
	padding: 1em;
}

.qw-2022 .mp-bottom .mp-bottom-block .guidelist ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	row-gap: 0.5em;
	column-gap: 1em;
	margin-left: 0;
}

.qw-2022 .mp-bottom .mp-bottom-block .guidelist li {
    list-style-type: none;
}

.qw-2022 .mp-bottom .mw-headline:before {
	margin-right: .25em;
	color: #36c;
	content: "［";
	font-weight: 700;
}

.qw-2022 .mp-bottom .mw-headline:after {
	margin-left: .25em;
	color: #36c;
	content: "］";
	font-weight: 700;
}

.qw-2022 .mp-bottom .mp-text {
	padding-left: 1em;
}

@media screen and (min-width: 1024px) {
	.qw-2022 .mp-bottom {
		display: flex;
		align-items: stretch;
		flex-direction: row;
	}

	.qw-2022 .mp-bottom .mp-bottom-block {
		flex: 1 1 33%;
	}

	.qw-2022 .mp-bottom .mp-bottom-block + .mp-bottom-block {
		margin-left: .3%;
	}
}

/* sns */
#column-sns .guidelist {
	display: flex;
	align-items: stretch;
	justify-content: center;
    gap: 1em;
	flex-wrap: wrap;
}

/* copyright */
.qw-2022 .mp-copyright {
	margin: 0.5rem 0 0.5rem auto;
	text-align: right;
	font-size: small;
}