< Usuario:Hasley | sandbox
Sin resumen de edición |
Sin resumen de edición |
||
(No se muestran 23 ediciones intermedias del mismo usuario) | |||
Línea 1: | Línea 1: | ||
. | .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; | |||
} | } |
Revisión actual - 00:48 13 jul 2022
.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;
}