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,145 @@
.formDialog,.formDialogHeader{display:-webkit-box;display:-webkit-flex}.formDialog,.formDialogFooter-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal}.formDialog{display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}.formDialogHeader{padding:1em .5em;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0}.formDialogHeaderTitle{margin-left:.25em;margin-top:0;margin-bottom:0}.formDialogContent:not(.no-grow){-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.dialogContentInner{padding:.5em 1em 20em}.dialogContentInner-mini{padding-bottom:10em}.dialog-content-centered{margin:0 auto;max-width:53em}.dialogContentTitle{margin-top:1em}.formDialogFooter{bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;padding:1.25em 1em;z-index:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.formDialogFooter-flex{position:static;width:100%}.formDialogFooter-vertical{padding-bottom:1.5em;-webkit-flex-direction:column;flex-direction:column;width:80%!important;padding-top:.5em}.formDialogFooterItem{margin:.5em!important;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:center;-webkit-flex-basis:0;flex-basis:0}.formDialogFooterItem-vertical{max-width:none!important;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:1em!important}.formDialogFooterItem-nomarginbottom{margin-bottom:0!important}.formDialogFooterItem-autosize{-webkit-flex-basis:initial;flex-basis:initial;-webkit-box-flex:initial;-webkit-flex-grow:initial;flex-grow:initial;padding-left:2em;padding-right:2em}@media all and (min-width:50em){.formDialogFooterItem{max-width:80%}.dialogContentInner{padding-left:1.5em;padding-right:1.5em}}@media all and (min-width:80em){.formDialogFooterItem{max-width:70%}.dialogContentInner{padding-left:2em;padding-right:2em}}
.formDialog,
.formDialogHeader {
display: -webkit-box;
display: -webkit-flex
}
.formDialog,
.formDialogFooter-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.formDialog {
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
position: relative
}
.formDialogHeader {
padding: 1em .5em;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.formDialogHeaderTitle {
margin-left: .25em;
margin-top: 0;
margin-bottom: 0
}
.formDialogContent:not(.no-grow) {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.dialogContentInner {
padding: .5em 1em 20em
}
.dialogContentInner-mini {
padding-bottom: 10em
}
.dialog-content-centered {
margin: 0 auto;
max-width: 53em
}
.dialogContentTitle {
margin-top: 1em
}
.formDialogFooter {
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
padding: 1.25em 1em;
z-index: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.formDialogFooter-flex {
position: static;
width: 100%
}
.formDialogFooter-vertical {
padding-bottom: 1.5em;
-webkit-flex-direction: column;
flex-direction: column;
width: 80% !important;
padding-top: .5em
}
.formDialogFooterItem {
margin: .5em !important;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
text-align: center;
-webkit-flex-basis: 0;
flex-basis: 0
}
.formDialogFooterItem-vertical {
max-width: none !important;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 1em !important
}
.formDialogFooterItem-nomarginbottom {
margin-bottom: 0 !important
}
.formDialogFooterItem-autosize {
-webkit-flex-basis: initial;
flex-basis: initial;
-webkit-box-flex: initial;
-webkit-flex-grow: initial;
flex-grow: initial;
padding-left: 2em;
padding-right: 2em
}
@media all and (min-width:50em) {
.formDialogFooterItem {
max-width: 80%
}
.dialogContentInner {
padding-left: 1.5em;
padding-right: 1.5em
}
}
@media all and (min-width:80em) {
.formDialogFooterItem {
max-width: 70%
}
.dialogContentInner {
padding-left: 2em;
padding-right: 2em
}
}