Beautified CSS in web dashboard

2018-10-23 01:13:23 +03:00 · 2018-10-23 01:13:23 +03:00 · 78eeb99284
commit 78eeb99284
parent 6bfd795635
82 changed files with 15711 additions and 82 deletions
--- a/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css
@ -1 +1,150 @@
-.slideshowDialog,.slideshowSwiperContainer,.swiper-slide,.swiper-wrapper{background:#000}.slideshowImage,.slideshowSwiperContainer{position:fixed;top:0;right:0;left:0;bottom:0;background-position:center center;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;margin:0!important;color:#fff;line-height:normal}.slideshowImage-cover{-webkit-background-size:cover;background-size:cover}.slideshowImageText{position:fixed;bottom:.25em;right:.5em;color:#fff;z-index:1002;font-weight:400;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.swiper-slide-img{width:auto;height:auto;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.btnSlideshowNext,.btnSlideshowPrevious{top:45vh;z-index:1002;position:absolute}.slideshowButtonIcon{color:#fff;opacity:.7}.btnSlideshowPrevious{left:.5vh}.btnSlideshowNext{right:.5vh}.topActionButtons{right:.5vh;top:.5vh;z-index:1002;position:absolute}.slideshowBottomBar,.slideshowTopBar{position:fixed;background-color:rgba(0,0,0,.7);color:#fff;padding:.5%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;left:0;right:0}.slideshowBottomBar{bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.slideshowTopBar{top:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.slideshowExtraButtons{margin-left:auto;text-align:right}.slideText{position:absolute;left:0;right:0;bottom:10vh;text-align:center}.slideTextInner{margin:0 auto;max-width:60%;background:rgba(0,0,0,.8);display:inline-block;padding:.5em 1em;-webkit-border-radius:.25em;border-radius:.25em}.slideTitle{margin:0 0 .25em}.slideSubtitle{color:#ccc}
+.slideshowDialog,
+.slideshowSwiperContainer,
+.swiper-slide,
+.swiper-wrapper {
+    background: #000
+}
+
+.slideshowImage,
+.slideshowSwiperContainer {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-position: center center;
+    -webkit-background-size: contain;
+    background-size: contain;
+    background-repeat: no-repeat;
+    margin: 0 !important;
+    color: #fff;
+    line-height: normal
+}
+
+.slideshowImage-cover {
+    -webkit-background-size: cover;
+    background-size: cover
+}
+
+.slideshowImageText {
+    position: fixed;
+    bottom: .25em;
+    right: .5em;
+    color: #fff;
+    z-index: 1002;
+    font-weight: 400;
+    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
+}
+
+.swiper-slide-img {
+    width: auto;
+    height: auto;
+    max-width: 100%;
+    max-height: 100%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    position: absolute;
+    left: 50%;
+    top: 50%
+}
+
+.btnSlideshowNext,
+.btnSlideshowPrevious {
+    top: 45vh;
+    z-index: 1002;
+    position: absolute
+}
+
+.slideshowButtonIcon {
+    color: #fff;
+    opacity: .7
+}
+
+.btnSlideshowPrevious {
+    left: .5vh
+}
+
+.btnSlideshowNext {
+    right: .5vh
+}
+
+.topActionButtons {
+    right: .5vh;
+    top: .5vh;
+    z-index: 1002;
+    position: absolute
+}
+
+.slideshowBottomBar,
+.slideshowTopBar {
+    position: fixed;
+    background-color: rgba(0, 0, 0, .7);
+    color: #fff;
+    padding: .5%;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    left: 0;
+    right: 0
+}
+
+.slideshowBottomBar {
+    bottom: 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center
+}
+
+.slideshowTopBar {
+    top: 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    text-align: right;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end
+}
+
+.slideshowExtraButtons {
+    margin-left: auto;
+    text-align: right
+}
+
+.slideText {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 10vh;
+    text-align: center
+}
+
+.slideTextInner {
+    margin: 0 auto;
+    max-width: 60%;
+    background: rgba(0, 0, 0, .8);
+    display: inline-block;
+    padding: .5em 1em;
+    -webkit-border-radius: .25em;
+    border-radius: .25em
+}
+
+.slideTitle {
+    margin: 0 0 .25em
+}
+
+.slideSubtitle {
+    color: #ccc
+}