More actions
(We may not need flex here) |
(Trimming redundant CSS) |
||
Line 31: | Line 31: | ||
div.tabdiv.forceland > ul { | div.tabdiv.forceland > ul { | ||
border-right: none; | border-right: none; | ||
} | } | ||
Revision as of 00:45, 1 April 2024
div.tabdiv {
position: relative;
}
div.tabdiv > ul {
display: block;
position: relative;
}
div.tabdiv > ul > li {
display: inline-block;
position: relative;
}
div.tabdiv > ul > li > a {
position: relative;
}
div.tabdiv > div {
position: relative;
}
div.tabdiv div.tabdiv:not(.forceport),
table.infobox div.tabdiv:not(.forceport),
div.tabdiv.forceland {
display: block;
}
div.tabdiv div.tabdiv:not(.forceport) > ul,
table.infobox div.tabdiv:not(.forceport) > ul,
div.tabdiv.forceland > ul {
border-right: none;
}
div.tabdiv > div {
padding: 0; /* no whitespace when the section is blank */
}
div.tabdiv > ul {
margin: 0;
font-weight: bold;
}
div.tabdiv > ul > li {
display: block;
margin: 5px 0;
padding: 0 20px;
height: 32px;
line-height: 32px;
border-radius:5px;
border:1px solid;
}
div.tabdiv > ul > li a {
text-decoration: none;
}
div.tabdiv > ul > li:hover {
background-color: #c4a645;
color:black;
}
div.tabdiv > ul > li.active {
background-color: #f1df74;
}
div.tabdiv > ul > li.hidden { /* overqualify to override forceland styles */
visibility:hidden; /* hide from screen readers */
display:none; /* hide from visible page */
}