MediaWiki:Gadget-TabSystem.css: Difference between revisions
From Halopedia, the Halo wiki
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0; | padding: 0; | ||
} | } | ||
.tabtoc li { | .tabtoc li { | ||
Line 16: | Line 14: | ||
padding: 2px 0 3px 0; | padding: 2px 0 3px 0; | ||
border: none; | border: none; | ||
top:4px; | top: 4px; | ||
left:-2px; | left: -2px; | ||
position: relative; | position: relative; | ||
white-space: nowrap; | white-space: nowrap; | ||
Line 52: | Line 50: | ||
} | } | ||
.tabcontainer { | .tabcontainer { | ||
display: flex; | |||
clear: left; | |||
margin: 0; | margin: 0; | ||
padding: 7px; | |||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
} | } |
Revision as of 16:13, May 17, 2020
/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */
.tabtoc {
margin: 0 !important;
padding: 0;
}
.tabtoc li {
background-color: transparent;
color: #000;
}
.tabtoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: none;
top: 4px;
left: -2px;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
.tabtoc li.selected {
border-radius: 5px 5px 0 0;
top: 2px;
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
padding-top: 2px;
padding-bottom: 2px;
margin-right: -3px;
}
.tabtoc >; li.selected {
top: 2px;
}
.tabtoc a,
.tabtoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
.tabtoc li.selected a {
cursor: default;
text-decoration: none;
}
.tabcontainer {
display: flex;
clear: left;
margin: 0;
padding: 7px;
border: 1px solid #aaa;
background-color: #F9F9F9;
}
.tabsection {
border: none;
padding: 0;
margin: 0;
}
.tabsection .tabbox {
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
.tabsection .tab {
font-weight: bold;
}
.tabsection table, .tabsection .tab {
background-color: #F9F9F9;
}
.mainTab {
display: none;
}