Usuario:Hasley/sandbox/styles.css

.wp20-menu ul {
	display: flex;
	columns: 1;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}
.wp20-menu li {
	flex: 1 0 30%;
	background-color: #eee;
	margin: 1px;
	border-top: 3px solid;
	padding: .5em .5em;
	text-align: center;
	line-height: 1.15;
	font-size: 1.5em;
	color: #111;
	word-spacing: -1px;
}
.wp20-menu li:nth-child(1) {
	border-color: #d33;
}
.wp20-menu-selected-1 li:nth-child(1) {
	background-color: #2c001e;
	color: #fefefe;
}
.wp20-menu li:nth-child(2) {
	border-color: #2c001e;
}
.wp20-menu-selected-2 li:nth-child(2) {
	background-color: #fc3;
}
.wp20-menu li:nth-child(3) {
	border-color: #00af89;
}
.wp20-menu-selected-3 li:nth-child(3) {
	background-color: #00af89;
	color: #fefefe;
}
.wp20-menu li:nth-child(4) {
	border-color: #69c25f;
}
.wp20-menu-selected-4 li:nth-child(4) {
	background-color: #69c25f;
}
.wp20-menu li:nth-child(5) {
	border-color: #2471a0;
}
.wp20-menu-selected-5 li:nth-child(5) {
	background-color: #2471a0;
	color: #fefefe;
}
.wp20-menu li:nth-child(6) {
	border-color: #c62e77;
}
.wp20-menu-selected-6 li:nth-child(6) {
	background-color: #c62e77;
	color: #fefefe;
}

.wp20-menu-selected-1 li:nth-child(1) a,
.wp20-menu-selected-3 li:nth-child(3) a,
.wp20-menu-selected-5 li:nth-child(5) a,
.wp20-menu-selected-6 li:nth-child(6) a {
	color: inherit;
}

.wp20-menu li small {
	display: block;
	margin-top: .5em;
	font-size: 60%;
}

.wp20-menu-helptranslate {
	font-size: smaller;
}