jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css

57 lines
1009 B
CSS
Raw Normal View History

2016-06-06 22:42:26 -07:00
.alphaPicker {
text-align: center;
display: flex;
flex-direction: column;
}
.alphaPickerRow {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
2016-08-02 21:30:22 -07:00
.alphaPicker-vertical .alphaPickerRow {
2016-06-06 22:42:26 -07:00
flex-direction: column;
}
2016-08-02 21:30:22 -07:00
.alphaPickerButton {
2016-08-03 10:26:42 -07:00
background: transparent;
border: 0 !important;
cursor: pointer;
outline: none !important;
color: inherit;
vertical-align: middle;
font-family: inherit;
font-size: inherit;
2016-06-06 22:42:26 -07:00
min-width: initial;
margin: 0;
2016-08-03 10:26:42 -07:00
padding: .1em .4em;
2016-06-06 22:42:26 -07:00
width: auto;
border-radius: .1em;
font-weight: normal;
2016-08-03 10:26:42 -07:00
opacity: .6;
2016-06-06 22:42:26 -07:00
}
2016-08-02 21:30:22 -07:00
.alphaPicker-vertical .alphaPickerButton {
2016-08-03 10:26:42 -07:00
padding: .2em .4em;
2016-06-06 22:42:26 -07:00
}
2016-08-02 21:30:22 -07:00
.alphaPickerButtonIcon {
2016-06-09 23:54:03 -07:00
width: 3.3vh;
height: 3.3vh;
font-size: 3.3vh;
2016-06-06 22:42:26 -07:00
}
2016-08-02 21:30:22 -07:00
.alphaPickerButton-selected {
2016-06-06 22:42:26 -07:00
color: #000;
background-color: #bbb;
opacity: 1;
}
2016-06-07 22:24:25 -07:00
.layout-tv .alphaPickerButton:focus {
2016-06-06 22:42:26 -07:00
background-color: #52B54B;
opacity: 1;
color: #fff;
}