< Usuario:Hasley | sandbox
.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: #3e3e3e;
}
.wp20-menu-selected-1 li:nth-child(1) {
background-color: #3e3e3e;
color: #fefefe;
}
.wp20-menu li:nth-child(2) {
border-color: #009eff;
}
.wp20-menu-selected-2 li:nth-child(2) {
background-color: #009eff;
}
.wp20-menu li:nth-child(3) {
border-color: #c1e7ff;
}
.wp20-menu-selected-3 li:nth-child(3) {
background-color: #c1e7ff;
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;
}