Template:POTY2020/header/styles.css

.poty-header-menu {
	display: none; /* unhidden by [[MediaWiki:Gadget-POTYEnhancements.core.css]] */
}
.poty-header-menu ul {
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
}

.poty-header-heading {
	margin: 0.1em 1em 0;
	height: 6em;
	min-height: 90px;
	padding-bottom: 0.9em;
	overflow: hidden;
}
.poty-header[dir="ltr"] .poty-header-heading {
	/* @noflip */
	margin-left: 2em;
}
.poty-header[dir="rtl"] .poty-header-heading {
	/* @noflip */
	margin-right: 2em;
}
.poty-header-logo {
	padding: 0.8em;
}
.poty-header-title-box {
	display: table-cell;
	height: 6.5em;
	vertical-align: middle;
	font-family: sans-serif;
}
.poty-header-fonts-supported .poty-header-title-box {
	font-family: PlayfairDisplaySC-Regular, Playfair Display SC, sans-serif;
}
/* Separate from the above so that the height specification
   won’t be affected by the viewport width */
.poty-header-title {
	font-size: 3.5em;
	font-size: 3vw;
}
.poty-header-buttons {
	height: 3em;
	margin-bottom: 4px;
	border-top: 2px solid #ffcc35;
	border-bottom: 2px solid #e7ad00;
	padding: .5em 0;
	background-color: #ffdf82;
	color: #4c2e00;
}
.poty-header-primary-buttons {
	padding: 0 2em;
}
.poty-header-secondary-buttons {
	padding: 0 1em;
}
.poty-header[dir="ltr"] .poty-header-primary-buttons,
.poty-header[dir="rtl"] .poty-header-secondary-buttons {
	/* @noflip */
	float: left;
}
.poty-header[dir="rtl"] .poty-header-primary-buttons,
.poty-header[dir="ltr"] .poty-header-secondary-buttons {
	/* @noflip */
	float: right;
}
.poty-header-secondary-separator {
	display: inline-block;
}
.poty-header-secondary-separator .com-mobile-handheld-only {
	display: none; /* will be unhidden on mobile by [[MediaWiki:Mobile.css]] */
	margin: 0 .3em;
}
.poty-header-button-arrow .ui-button-text:after {
	font-weight: bold;
	content: " »";
}