Template:Tab bar/styles.css
Appearance
.wst-tabbar {
box-shadow: inset 0 -1px 0 0 #a2a9b1;
color: #202122;
margin-bottom: 8px;
}
.wst-tabbar-tab {
display: inline-block;
box-sizing: border-box;
vertical-align: bottom;
padding: 0 8px;
margin: 6px 6px -1px 0;
border: 1px solid transparent;
font-weight: bold;
line-height: 1;
position: relative;
transition: color 100ms, box-shadow 100ms;
}
.wst-tabbar-tab.wst-tabbar-selected {
color: #36c;
box-shadow: inset 0 -2px 0 0 #36c;
}
.wst-tabbar-tab:hover {
color: #447ff5;
box-shadow: inset 0 -2px 0 0 #447ff5;
}
.wst-tabbar-tab .wst-tabbar-label {
display: block;
text-overflow: ellipsis;
overflow: hidden;
padding: 5px 5px;
line-height: 1.43em;
}
.wst-tabbar-label a:not(.new) {
color: inherit;
text-decoration: inherit;
}
/* on mobile, scroll sideways */
body.skin-minerva .wst-tabbar {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}