Beautified CSS in web dashboard

JustAMan · Oct 22, 2018 · 1d8bb03 · 1d8bb03
1 parent 835ad07
commit 1d8bb03
Show file tree

Hide file tree

Showing 82 changed files with 15,711 additions and 82 deletions.
diff --git a/MediaBrowser.WebDashboard/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css b/MediaBrowser.WebDashboard/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css
diff --git a/...WebDashboard/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css b/...WebDashboard/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
@@ -1 +1,158 @@
-.actionSheet,.actionSheetContent{display:-webkit-box;display:-webkit-flex}.actionSheetContent,.actionSheetScroller{-webkit-box-orient:vertical;-webkit-box-direction:normal}.actionSheet{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;border:none;max-height:84%;-webkit-border-radius:.1em!important;border-radius:.1em!important}.actionsheet-not-fullscreen{max-width:90%;max-height:90%}.actionsheet-fullscreen{max-height:none;-webkit-border-radius:0!important;border-radius:0!important}.actionSheetContent-centered{text-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.actionSheetContent{margin:0!important;padding:.4em 0!important;-webkit-flex-direction:column;flex-direction:column;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.actionSheetMenuItem{font-weight:inherit;-webkit-box-shadow:none;box-shadow:none;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetMenuItem:focus{-webkit-transform:none!important;transform:none!important}.actionsheetListItemBody{padding:.4em 1em .4em .6em!important}.actionSheetItemText{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.actionSheetItemAsideText{opacity:.7;font-size:90%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-shrink:0;flex-shrink:0;margin-left:5em;margin-right:.5em}.actionSheetScroller{margin-bottom:0!important;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.actionSheetScroller-tv{max-height:64%;max-width:60%;width:auto}.actionsheetDivider{height:.07em;margin:.25em 0;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetTitle{margin:.6em 0 .7em!important;padding:0 .9em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.actionSheetText{padding:0 1em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.actionsheetMenuItemIcon{margin:0 .85em 0 .45em!important;padding:0!important}.actionsheet-xlargeFont{font-size:112%!important}.btnCloseActionSheet{position:fixed;top:.75em;left:.5em}
+.actionSheet,
+.actionSheetContent {
+    display: -webkit-box;
+    display: -webkit-flex
+}
+
+.actionSheetContent,
+.actionSheetScroller {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal
+}
+
+.actionSheet {
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    max-height: 84%;
+    -webkit-border-radius: .1em !important;
+    border-radius: .1em !important
+}
+
+.actionsheet-not-fullscreen {
+    max-width: 90%;
+    max-height: 90%
+}
+
+.actionsheet-fullscreen {
+    max-height: none;
+    -webkit-border-radius: 0 !important;
+    border-radius: 0 !important
+}
+
+.actionSheetContent-centered {
+    text-align: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center
+}
+
+.actionSheetContent {
+    margin: 0 !important;
+    padding: .4em 0 !important;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    flex-grow: 1;
+    overflow: hidden
+}
+
+.actionSheetMenuItem {
+    font-weight: inherit;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0
+}
+
+.actionSheetMenuItem:focus {
+    -webkit-transform: none !important;
+    transform: none !important
+}
+
+.actionsheetListItemBody {
+    padding: .4em 1em .4em .6em !important
+}
+
+.actionSheetItemText {
+    white-space: nowrap;
+    overflow: hidden;
+    -o-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    flex-grow: 1;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start
+}
+
+.actionSheetItemAsideText {
+    opacity: .7;
+    font-size: 90%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0;
+    margin-left: 5em;
+    margin-right: .5em
+}
+
+.actionSheetScroller {
+    margin-bottom: 0 !important;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    width: 100%
+}
+
+.actionSheetScroller-tv {
+    max-height: 64%;
+    max-width: 60%;
+    width: auto
+}
+
+.actionsheetDivider {
+    height: .07em;
+    margin: .25em 0;
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0
+}
+
+.actionSheetTitle {
+    margin: .6em 0 .7em !important;
+    padding: 0 .9em;
+    -webkit-box-flex: 0;
+    -webkit-flex-grow: 0;
+    flex-grow: 0
+}
+
+.actionSheetText {
+    padding: 0 1em;
+    -webkit-box-flex: 0;
+    -webkit-flex-grow: 0;
+    flex-grow: 0
+}
+
+.actionsheetMenuItemIcon {
+    margin: 0 .85em 0 .45em !important;
+    padding: 0 !important
+}
+
+.actionsheet-xlargeFont {
+    font-size: 112% !important
+}
+
+.btnCloseActionSheet {
+    position: fixed;
+    top: .75em;
+    left: .5em
+}
diff --git a/...owser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css b/...owser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css
@@ -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
+    }
+}
diff --git a/...ser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css b/...ser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css
@@ -1 +1,16 @@
-.appfooter{position:fixed;left:0;right:0;z-index:1;bottom:0;-webkit-transition:-webkit-transform 180ms linear;-o-transition:transform 180ms linear;transition:transform 180ms linear;contain:layout style}.appfooter.headroom--unpinned{-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important}
+.appfooter {
+    position: fixed;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    bottom: 0;
+    -webkit-transition: -webkit-transform 180ms linear;
+    -o-transition: transform 180ms linear;
+    transition: transform 180ms linear;
+    contain: layout style
+}
+
+.appfooter.headroom--unpinned {
+    -webkit-transform: translateY(100%) !important;
+    transform: translateY(100%) !important
+}
diff --git a/...aBrowser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css b/...aBrowser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css
@@ -1 +1,41 @@
-.backdropContainer{contain:layout style size}.backdropImage{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;contain:layout style}.backdropImageFadeIn{-webkit-animation:backdrop-fadein .8s ease-in normal both;animation:backdrop-fadein .8s ease-in normal both}@-webkit-keyframes backdrop-fadein{from{opacity:0}to{opacity:1}}@keyframes backdrop-fadein{from{opacity:0}to{opacity:1}}
+.backdropContainer {
+    contain: layout style size
+}
+
+.backdropImage {
+    background-repeat: no-repeat;
+    background-position: center center;
+    -webkit-background-size: cover;
+    background-size: cover;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    contain: layout style
+}
+
+.backdropImageFadeIn {
+    -webkit-animation: backdrop-fadein .8s ease-in normal both;
+    animation: backdrop-fadein .8s ease-in normal both
+}
+
+@-webkit-keyframes backdrop-fadein {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes backdrop-fadein {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}