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:
parent
6bfd795635
commit
78eeb99284
82 changed files with 15711 additions and 82 deletions
|
@ -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
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue