1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Beautified CSS in web dashboard

This commit is contained in:
Vasily 2018-10-23 01:13:23 +03:00
parent 6bfd795635
commit 78eeb99284
82 changed files with 15711 additions and 82 deletions

View file

@ -1 +1,163 @@
.alphaPicker,.alphaPickerRow{display:-webkit-box;display:-webkit-flex;-webkit-box-direction:normal}.alphaPicker,.alphaPickerRow,.alphaPickerRow-vertical{-webkit-box-direction:normal}.alphaPicker{text-align:center;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:center;align-self:center}.alphaPicker-vertical{line-height:1}.alphaPicker-fixed{position:fixed;bottom:5.5em;z-index:999999}.alphaPickerRow{display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}.alphaPickerRow-vertical{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.alphaPickerButton{border:0!important;cursor:pointer;outline:0!important;vertical-align:middle;font-family:inherit;font-size:inherit;min-width:initial;margin:0;padding:.1em .4em;width:auto;-webkit-border-radius:.1em;border-radius:.1em;font-weight:400;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}@media all and (max-height:50em){.alphaPicker-fixed{bottom:5em}.alphaPickerButton-vertical{padding-top:1px!important;padding-bottom:1px!important}}@media all and (max-height:49em){.alphaPicker-vertical{font-size:94%}}@media all and (max-height:44em){.alphaPicker-vertical{font-size:90%}.alphaPickerButton-vertical{padding-top:0!important;padding-bottom:0!important}}@media all and (max-height:37em){.alphaPicker-vertical{font-size:82%}}@media all and (max-height:32em){.alphaPicker-vertical{font-size:74%}}.alphaPicker-vertical.alphaPicker-tv{font-size:86%}.alphaPickerButton-tv.alphaPickerButton-vertical{padding:0}.alphaPickerButton-vertical{width:1.5em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.alphaPickerButtonIcon{font-size:100%!important}.alphaPicker-fixed.alphaPicker-tv{bottom:1%}.alphaPicker-fixed-left{left:.4em}.alphaPicker-fixed-right{right:.4em}@media all and (min-width:62.5em){.alphaPicker-fixed-left{left:1em}.alphaPicker-fixed-right{right:1em}}@media all and (max-height:31.25em){.alphaPicker-fixed{display:none!important}}
.alphaPicker,
.alphaPickerRow {
display: -webkit-box;
display: -webkit-flex;
-webkit-box-direction: normal
}
.alphaPicker,
.alphaPickerRow,
.alphaPickerRow-vertical {
-webkit-box-direction: normal
}
.alphaPicker {
text-align: center;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-self: center;
align-self: center
}
.alphaPicker-vertical {
line-height: 1
}
.alphaPicker-fixed {
position: fixed;
bottom: 5.5em;
z-index: 999999
}
.alphaPickerRow {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row
}
.alphaPickerRow-vertical {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column
}
.alphaPickerButton {
border: 0 !important;
cursor: pointer;
outline: 0 !important;
vertical-align: middle;
font-family: inherit;
font-size: inherit;
min-width: initial;
margin: 0;
padding: .1em .4em;
width: auto;
-webkit-border-radius: .1em;
border-radius: .1em;
font-weight: 400;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
@media all and (max-height:50em) {
.alphaPicker-fixed {
bottom: 5em
}
.alphaPickerButton-vertical {
padding-top: 1px !important;
padding-bottom: 1px !important
}
}
@media all and (max-height:49em) {
.alphaPicker-vertical {
font-size: 94%
}
}
@media all and (max-height:44em) {
.alphaPicker-vertical {
font-size: 90%
}
.alphaPickerButton-vertical {
padding-top: 0 !important;
padding-bottom: 0 !important
}
}
@media all and (max-height:37em) {
.alphaPicker-vertical {
font-size: 82%
}
}
@media all and (max-height:32em) {
.alphaPicker-vertical {
font-size: 74%
}
}
.alphaPicker-vertical.alphaPicker-tv {
font-size: 86%
}
.alphaPickerButton-tv.alphaPickerButton-vertical {
padding: 0
}
.alphaPickerButton-vertical {
width: 1.5em;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.alphaPickerButtonIcon {
font-size: 100% !important
}
.alphaPicker-fixed.alphaPicker-tv {
bottom: 1%
}
.alphaPicker-fixed-left {
left: .4em
}
.alphaPicker-fixed-right {
right: .4em
}
@media all and (min-width:62.5em) {
.alphaPicker-fixed-left {
left: 1em
}
.alphaPicker-fixed-right {
right: 1em
}
}
@media all and (max-height:31.25em) {
.alphaPicker-fixed {
display: none !important
}
}