More actions
(Moving this CSS to MediaWiki:Common.css) Tags: Replaced Reverted |
Tag: Undo |
||
Line 1: | Line 1: | ||
/* | 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; | |||
} | |||
/** Vector **/ | |||
div.tabdiv { | |||
display: flex; | |||
} | |||
div.tabdiv > div { | |||
flex: 1; | |||
} | |||
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 */ | |||
} |
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;
}
/** Vector **/
div.tabdiv {
display: flex;
}
div.tabdiv > div {
flex: 1;
}
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 */
}