Template:ka-pronoun-decl/styles.css

.kaPronounDecl {
	clear: both;
	width: 100%;
	background: #f8f9fa;
	font-size: 95%;
	border: 1px solid #a2a9b1;
	line-height: 1.5;
	text-align: center;
}

.kaPronounDecl th {
	background-color: #eaecf0;
}

.kaPronounDecl th,
.kaPronounDecl td {
	padding: 4px;
}

.kaPronounDecl-header.kaPronounDecl-header,
.kaPronounDecl-header.kaPronounDecl-header .kaPronounDecl-sideHeader {
	vertical-align: bottom;
}

.kaPronounDecl-sideHeader.kaPronounDecl-sideHeader {
	vertical-align: top;
	text-align: left;
	padding-left: 0.75em;
}

/* header links aren’t coloured until hover/active */
.kaPronounDecl th a:link,
.kaPronounDecl th a:visited {
	color: inherit;
	text-decoration: inherit;
}

.kaPronounDecl th a:hover {
	color: #3366cc;
	text-decoration: underline;
}

.kaPronounDecl th a:active {
	color: #faa700;
	text-decoration: underline;
}

.kaPronounDecl .translit {
	color: #72777d;
}

.kaPronounDecl-title.kaPronounDecl-title {
	text-align: left;
	cursor: pointer;
	padding: 1px 0.25em 1px 0.75em;
}

.kaPronounDecl-title.kaPronounDecl-title:hover {
	background-color: #f8f9fa;
}

.kaPronounDecl .NavToggle {
	font-size: inherit;
}

.kaPronounDecl .NavToggle a,
.kaPronounDecl .NavToggle.NavToggle a:hover,
.kaPronounDecl .NavToggle a:focus {
	color: inherit;
	text-decoration: none;
}

.kaPronounDecl .NavToggle::before,
.kaPronounDecl .NavToggle::after {
	content: '';
}