Template:Talk header/styles.css

/* {{pp-template}} */
/* Talk header styles */
.talkheader {
	text-align: center;
}

.talkheader-body {
	display: flex;
}

.talkheader-help,
.talkheader-policies,
.talkheader-shortcuts {
	display: flex;
	align-items: center;
	padding: 0.1em;
}

.talkheader-help {
	flex: 2 1 auto;
	border: 1px solid #c0c090;
	background-color: var(--background-color-base, #ffffff);
	color: inherit;
}

.talkheader-policies {
	flex: 1 1 auto;
}

.talkheader-policies + .talkheader-policies {
	border-left: 1px solid #c0c090;
}

.talkheader-shortcuts {
	flex: 0 1 auto;
}

.talkheader-help > *,
.talkheader-policies > *,
.talkheader-shortcuts > * {
	flex: 1 1 auto;
}

.talkheader-help ul,
.talkheader-policies ul {
	margin: 0.1em 0.8em 0 1.6em;
	text-align: left;
}

@media (min-width: 720px) {
	.talkheader {
		min-width: 80%;
	}
}