MediaWiki:Gadget-Tabs-Vector.css
From Elwiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
div.tabdiv {
display: flex;
border-width: 1px;
border-style: solid;
}
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;
border-bottom-width: 1px;
border-bottom-style: solid;
}
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: 0;
}
div.tabdiv > ul {
margin: 0;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
}
div.tabdiv > ul > li {
display: block;
margin: 5px 0;
padding: 0 20px;
height: 32px;
line-height: 32px;
}
div.tabdiv > ul > li a {
text-decoration: none;
}
div.tabdiv > ul > li:hover,
div.tabdiv > ul > li.active {
background-color: #f8d800;
}
div.tabdiv > ul > li.active a {
color: #300000;
}