jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/emby-tabs/emby-tabs.css

71 lines
1.4 KiB
CSS
Raw Normal View History

2016-08-14 12:58:13 -07:00
.emby-tab-button {
background: transparent;
2016-09-15 11:28:46 -07:00
box-shadow: none;
2016-08-20 12:58:57 -07:00
border: 2px solid transparent;
border-width: 0 0 2px 0;
2016-08-14 12:58:13 -07:00
cursor: pointer;
outline: none !important;
width: auto;
font-family: inherit;
font-size: inherit;
2016-12-11 22:41:24 -07:00
color: #aaa;
2016-08-14 12:58:13 -07:00
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
margin: 0;
padding: 1.2em .9em;
transition: none !important;
position: relative;
text-transform: uppercase;
2016-12-11 22:41:24 -07:00
font-weight: bold;
2016-08-14 12:58:13 -07:00
height: auto;
min-width: initial;
line-height: initial;
border-radius: 0 !important;
overflow: hidden;
}
2016-08-20 12:58:57 -07:00
.emby-tab-button:focus {
2016-12-11 22:41:24 -07:00
font-weight: bold;
2016-08-20 12:58:57 -07:00
}
2016-08-14 12:58:13 -07:00
.emby-tab-button-active {
2016-12-11 22:41:24 -07:00
color: #52B54B;
2016-08-20 12:58:57 -07:00
border-color: #52B54B;
2016-08-14 12:58:13 -07:00
}
.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 */
2016-08-19 23:27:48 -07:00
bottom: 0;
2016-08-14 12:58:13 -07:00
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 {
2016-08-14 21:36:17 -07:00
background: #141414 !important;
2016-08-14 12:58:13 -07:00
}