phantasmal-world/src/core/gui/TabContainer.css

30 lines
694 B
CSS
Raw Normal View History

2019-08-20 04:56:40 +08:00
.core_TabContainer_Bar {
box-sizing: border-box;
padding: 3px 3px 0 3px;
2019-08-22 00:17:00 +08:00
border-bottom: solid 1px var(--border-color);
2019-08-20 04:56:40 +08:00
}
.core_TabContainer_Tab {
2019-08-22 00:17:00 +08:00
box-sizing: border-box;
2019-08-20 04:56:40 +08:00
display: inline-block;
2019-08-22 00:17:00 +08:00
height: calc(100% + 1px);
line-height: 22px;
2019-08-20 04:56:40 +08:00
padding: 0 10px;
2019-08-22 00:17:00 +08:00
border: solid 1px var(--border-color);
margin: 0 1px -1px 1px;
background-color: hsl(0, 0%, 12%);
color: hsl(0, 0%, 75%);
font-size: 13px;
2019-08-20 04:56:40 +08:00
}
.core_TabContainer_Tab:hover {
background-color: hsl(0, 0%, 18%);
color: hsl(0, 0%, 85%);
}
.core_TabContainer_Tab.active {
background-color: var(--bg-color);
color: hsl(0, 0%, 90%);
2019-08-22 00:17:00 +08:00
border-bottom-color: var(--bg-color);
2019-08-20 04:56:40 +08:00
}