Wikipedia:Reference desk/styles.css: Difference between revisions

Latest revision as of 06:26, 19 December 2021

.rd-boxstyle {
	background-color: #f4f4f5;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}
.rd-mainheader {
	padding: .5em .5em 1em .5em;
	margin-bottom: 1.5em;
}
.rd-mainheader-heading {
	font-size: 180%;
	font-weight: bold;
	margin-top: 1em;
}
.rd-mainheader-search {
	flex: 1 1;
	max-width: 20em;
}
.rd-mainheader-contents {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	clear: both;
}
.rd-mainheader-top {
	text-align: left;
	flex: 2 2;
}
.rd-topics {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: .5em 0;
}
.rd-topic {
	margin: .5em;
	min-width: 10em;
	display: flex;
	flex: 1 1 15em;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.rd-topic > div:nth-last-child(2) {
	font-weight: bold;
}
.rd-topic > div + div {
	margin-top: .5em;
}

@media screen and (min-width: 720px) {
	.rd-mainheader-contents {
		flex-direction: row;
	}
}