More actions
Tag: Undo |
(We may not need flex here) |
||
Line 19: | Line 19: | ||
div.tabdiv > div { | div.tabdiv > div { | ||
position: relative; | position: relative; | ||
} | } | ||
Revision as of 22:48, 31 March 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.tabdiv:not(.forceport) > ul > li,
table.infobox div.tabdiv:not(.forceport) > ul > li,
div.tabdiv.forceland > ul > li {
display: inline-block;
margin: 2px 2px;
cursor: pointer;
}
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 */
}