jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/emby-tabs/emby-tabs.css
2016-12-20 00:22:31 -05:00

70 lines
1.4 KiB
CSS

.emby-tab-button {
background: transparent;
box-shadow: none;
border: 2px solid transparent;
border-width: 0 0 2px 0;
cursor: pointer;
outline: none !important;
width: auto;
font-family: inherit;
font-size: inherit;
color: #aaa;
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
margin: 0;
padding: 1.2em .9em;
position: relative;
text-transform: uppercase;
font-weight: bold;
height: auto;
min-width: initial;
line-height: initial;
border-radius: 0 !important;
overflow: hidden;
}
.emby-tab-button:focus {
font-weight: bold;
}
.emby-tab-button-active {
color: #52B54B;
border-color: #52B54B;
}
.emby-tabs-slider {
position: relative;
}
.emby-tabs-selection-bar {
position: absolute;
left: 0;
/* Need this or it will be partially covered by the drop-shadow on android */
bottom: 0;
height: 2px;
z-index: 1000;
background: #52B54B;
width: 0;
}
.emby-tab-button-selection-bar {
position: absolute;
left: 0;
border: 0;
/* Need this or it will be partially covered by the drop-shadow on android */
bottom: 1px;
height: 2px;
right: 0;
border-radius: 0;
z-index: 1000;
}
.emby-tab-button-selection-bar-active {
background: #52B54B;
}
.emby-tab-button-ripple-effect {
background: #141414 !important;
}