Template:Talk header/styles.css

/* 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-speedy {
	flex: 1 1 25%;
	border: 1px solid #b32424;
	background-color: white;
}


.talkheader-help {
	flex: 1 1 25%;
	border: 1px solid #c0c090;
	background-color: white;
}

.talkheader-rating {
	text-align: left;
	border: 1px solid #c0c090;
	vertical-align: middle;
	display: flex;
	flex: 2 0 50% !important;
} 

.talkheader-policies {
	flex: 1 1 25%;
}

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

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

.talkheader-vertical-speedy {
	border-left: 1px solid #b32424;
}


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

.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%;
	}
}

/* Remove borders, backgrounds, padding, etc. */
.compact-tmbox .tmbox {
	border: none;
	border-collapse: collapse;
	background-color: transparent;
	margin: 0 0 0 1.6em !important;
	padding: 0 !important;
	width: auto;
	display: block;
}

.compact-tmbox .tmbox.mbox-small-left {
	font-size: 100%;
	width: auto;
	margin: 0;
}

/* Style the text cell as a list item and remove its padding */
.compact-tmbox .tmbox {
	padding: 0 !important;
	margin: 0 !important;
}

.compact-tmbox .tmbox .mbox-text-span {
	display: list-item;
	line-height: 1.5em;
	list-style-type: disc;
}