From 7944aecdd66c016289573f3d5246ee42f16f14ab Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Wed, 8 Feb 2017 16:30:47 -0500 Subject: [PATCH] update nav drawer --- dashboard-ui/components/navdrawer/navdrawer.js | 2 +- dashboard-ui/css/images/logoblack.png | Bin 0 -> 9967 bytes dashboard-ui/css/librarybrowser.css | 2 +- dashboard-ui/css/librarymenu.css | 2 +- 4 files changed, 3 insertions(+), 3 deletions(-) create mode 100644 dashboard-ui/css/images/logoblack.png diff --git a/dashboard-ui/components/navdrawer/navdrawer.js b/dashboard-ui/components/navdrawer/navdrawer.js index 2f90882e76..0ac19ec15c 100644 --- a/dashboard-ui/components/navdrawer/navdrawer.js +++ b/dashboard-ui/components/navdrawer/navdrawer.js @@ -1 +1 @@ -define(["browser","dom","css!./navdrawer","scrollStyles"],function(browser,dom){"use strict";return function(options){function getTouches(e){return e.changedTouches||e.targetTouches||e.touches}function onMenuTouchStart(e){options.target.classList.remove("transition"),options.target.classList.add("open");var touches=getTouches(e),touch=touches[0]||{};menuTouchStartX=touch.clientX,menuTouchStartY=touch.clientY,menuTouchStartTime=(new Date).getTime()}function setVelocity(deltaX){var time=(new Date).getTime()-(menuTouchStartTime||0);velocity=Math.abs(deltaX)/time}function onMenuTouchMove(e){var isOpen=self.visible,touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0,endY=touch.clientY||0,deltaX=endX-(menuTouchStartX||0),deltaY=endY-(menuTouchStartY||0);setVelocity(deltaX),isOpen&&1!==dragMode&&deltaX>0&&(dragMode=2),0===dragMode&&(!isOpen||Math.abs(deltaX)>=10)&&Math.abs(deltaY)<5?(dragMode=1,scrollContainer.addEventListener("scroll",disableEvent),self.showMask()):0===dragMode&&Math.abs(deltaY)>=5&&(dragMode=2),1===dragMode&&(newPos=currentPos+deltaX,self.changeMenuPos())}function onMenuTouchEnd(e){options.target.classList.add("transition"),scrollContainer.removeEventListener("scroll",disableEvent),dragMode=0;var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0,endY=touch.clientY||0,deltaX=endX-(menuTouchStartX||0),deltaY=endY-(menuTouchStartY||0);currentPos=deltaX,self.checkMenuState(deltaX,deltaY)}function onEdgeTouchStart(e){if(isPeeking)onMenuTouchMove(e);else{var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0;endX<=options.handleSize&&(isPeeking=!0,"touchstart"===e.type&&(dom.removeEventListener(edgeContainer,"touchmove",onEdgeTouchMove,{}),dom.addEventListener(edgeContainer,"touchmove",onEdgeTouchMove,{})),onMenuTouchStart(e))}}function onEdgeTouchMove(e){onEdgeTouchStart(e),e.preventDefault(),e.stopPropagation()}function onEdgeTouchEnd(e){isPeeking&&(isPeeking=!1,dom.removeEventListener(edgeContainer,"touchmove",onEdgeTouchMove,{}),onMenuTouchEnd(e))}function initEdgeSwipe(){options.disableEdgeSwipe||(dom.addEventListener(edgeContainer,"touchstart",onEdgeTouchStart,{passive:!0}),dom.addEventListener(edgeContainer,"touchend",onEdgeTouchEnd,{passive:!0}),dom.addEventListener(edgeContainer,"touchcancel",onEdgeTouchEnd,{passive:!0}))}function disableEvent(e){e.preventDefault(),e.stopPropagation()}function onBackgroundTouchStart(e){var touches=getTouches(e),touch=touches[0]||{};backgroundTouchStartX=touch.clientX,backgroundTouchStartTime=(new Date).getTime()}function onBackgroundTouchMove(e){var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0;if(endX<=options.width&&self.isVisible){countStart++;var deltaX=endX-(backgroundTouchStartX||0);if(1==countStart&&(startPoint=deltaX),deltaX<0&&2!==dragMode){dragMode=1,newPos=deltaX-startPoint+options.width,self.changeMenuPos();var time=(new Date).getTime()-(backgroundTouchStartTime||0);velocity=Math.abs(deltaX)/time}}e.preventDefault(),e.stopPropagation()}function onBackgroundTouchEnd(e){var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0,deltaX=endX-(backgroundTouchStartX||0);self.checkMenuState(deltaX),countStart=0}var self,defaults,mask,newPos=0,currentPos=0,startPoint=0,countStart=0,velocity=0;options.target.classList.add("transition");var dragMode=0,scrollContainer=options.target.querySelector(".mainDrawer-scrollContainer");scrollContainer.classList.add("smoothScrollY");var TouchMenuLA=function(){self=this,defaults={width:260,handleSize:30,disableMask:!1,maxMaskOpacity:.5},this.isVisible=!1,this.initialize()};TouchMenuLA.prototype.initElements=function(){options.target.classList.add("touch-menu-la"),options.target.style.width=options.width+"px",options.target.style.left=-options.width+"px",options.disableMask||(mask=document.createElement("div"),mask.className="tmla-mask",document.body.appendChild(mask))};var menuTouchStartX,menuTouchStartY,menuTouchStartTime,edgeContainer=document.querySelector(".skinBody"),isPeeking=!1;TouchMenuLA.prototype.animateToPosition=function(pos){requestAnimationFrame(function(){pos?options.target.style.transform="translate3d("+pos+"px, 0, 0)":options.target.style.transform="none"})},TouchMenuLA.prototype.changeMenuPos=function(){newPos<=options.width&&this.animateToPosition(newPos)},TouchMenuLA.prototype.clickMaskClose=function(){mask.addEventListener("click",function(){self.close()})},TouchMenuLA.prototype.checkMenuState=function(deltaX,deltaY){velocity>=.4?deltaX>=0||Math.abs(deltaY||0)>=70?self.open():self.close():newPos>=100?self.open():self.close()},TouchMenuLA.prototype.open=function(){this.animateToPosition(options.width),currentPos=options.width,this.isVisible=!0,options.target.classList.add("open"),self.showMask(),self.invoke(options.onChange)},TouchMenuLA.prototype.close=function(){this.animateToPosition(0),currentPos=0,self.isVisible=!1,options.target.classList.remove("open"),self.hideMask(),self.invoke(options.onChange)},TouchMenuLA.prototype.toggle=function(){self.isVisible?self.close():self.open()};var backgroundTouchStartX,backgroundTouchStartTime;return TouchMenuLA.prototype.showMask=function(){mask.classList.add("backdrop")},TouchMenuLA.prototype.hideMask=function(){mask.classList.remove("backdrop")},TouchMenuLA.prototype.invoke=function(fn){fn&&fn.apply(self)},TouchMenuLA.prototype.initialize=function(){options=Object.assign(defaults,options||{}),browser.edge&&(options.disableEdgeSwipe=!0),self.initElements(),browser.touch&&(dom.addEventListener(options.target,"touchstart",onMenuTouchStart,{passive:!0}),dom.addEventListener(options.target,"touchmove",onMenuTouchMove,{passive:!0}),dom.addEventListener(options.target,"touchend",onMenuTouchEnd,{passive:!0}),dom.addEventListener(options.target,"touchcancel",onMenuTouchEnd,{passive:!0}),dom.addEventListener(mask,"touchstart",onBackgroundTouchStart,{passive:!0}),dom.addEventListener(mask,"touchmove",onBackgroundTouchMove,{}),dom.addEventListener(mask,"touchend",onBackgroundTouchEnd,{passive:!0}),dom.addEventListener(mask,"touchcancel",onBackgroundTouchEnd,{passive:!0}),initEdgeSwipe()),self.clickMaskClose()},new TouchMenuLA}}); \ No newline at end of file +define(["browser","dom","css!./navdrawer","scrollStyles"],function(browser,dom){"use strict";return function(options){function getTouches(e){return e.changedTouches||e.targetTouches||e.touches}function onMenuTouchStart(e){options.target.classList.remove("transition"),options.target.classList.add("open");var touches=getTouches(e),touch=touches[0]||{};menuTouchStartX=touch.clientX,menuTouchStartY=touch.clientY,menuTouchStartTime=(new Date).getTime()}function setVelocity(deltaX){var time=(new Date).getTime()-(menuTouchStartTime||0);velocity=Math.abs(deltaX)/time}function onMenuTouchMove(e){var isOpen=self.visible,touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0,endY=touch.clientY||0,deltaX=endX-(menuTouchStartX||0),deltaY=endY-(menuTouchStartY||0);setVelocity(deltaX),isOpen&&1!==dragMode&&deltaX>0&&(dragMode=2),0===dragMode&&(!isOpen||Math.abs(deltaX)>=10)&&Math.abs(deltaY)<5?(dragMode=1,scrollContainer.addEventListener("scroll",disableEvent),self.showMask()):0===dragMode&&Math.abs(deltaY)>=5&&(dragMode=2),1===dragMode&&(newPos=currentPos+deltaX,self.changeMenuPos())}function onMenuTouchEnd(e){options.target.classList.add("transition"),scrollContainer.removeEventListener("scroll",disableEvent),dragMode=0;var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0,endY=touch.clientY||0,deltaX=endX-(menuTouchStartX||0),deltaY=endY-(menuTouchStartY||0);currentPos=deltaX,self.checkMenuState(deltaX,deltaY)}function onEdgeTouchStart(e){if(isPeeking)onMenuTouchMove(e);else{var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0;endX<=options.handleSize&&(isPeeking=!0,"touchstart"===e.type&&(dom.removeEventListener(edgeContainer,"touchmove",onEdgeTouchMove,{}),dom.addEventListener(edgeContainer,"touchmove",onEdgeTouchMove,{})),onMenuTouchStart(e))}}function onEdgeTouchMove(e){onEdgeTouchStart(e),e.preventDefault(),e.stopPropagation()}function onEdgeTouchEnd(e){isPeeking&&(isPeeking=!1,dom.removeEventListener(edgeContainer,"touchmove",onEdgeTouchMove,{}),onMenuTouchEnd(e))}function initEdgeSwipe(){options.disableEdgeSwipe||(dom.addEventListener(edgeContainer,"touchstart",onEdgeTouchStart,{passive:!0}),dom.addEventListener(edgeContainer,"touchend",onEdgeTouchEnd,{passive:!0}),dom.addEventListener(edgeContainer,"touchcancel",onEdgeTouchEnd,{passive:!0}))}function disableEvent(e){e.preventDefault(),e.stopPropagation()}function onBackgroundTouchStart(e){var touches=getTouches(e),touch=touches[0]||{};backgroundTouchStartX=touch.clientX,backgroundTouchStartTime=(new Date).getTime()}function onBackgroundTouchMove(e){var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0;if(endX<=options.width&&self.isVisible){countStart++;var deltaX=endX-(backgroundTouchStartX||0);if(1==countStart&&(startPoint=deltaX),deltaX<0&&2!==dragMode){dragMode=1,newPos=deltaX-startPoint+options.width,self.changeMenuPos();var time=(new Date).getTime()-(backgroundTouchStartTime||0);velocity=Math.abs(deltaX)/time}}e.preventDefault(),e.stopPropagation()}function onBackgroundTouchEnd(e){var touches=getTouches(e),touch=touches[0]||{},endX=touch.clientX||0,deltaX=endX-(backgroundTouchStartX||0);self.checkMenuState(deltaX),countStart=0}var self,defaults,mask,newPos=0,currentPos=0,startPoint=0,countStart=0,velocity=0;options.target.classList.add("transition");var dragMode=0,scrollContainer=options.target.querySelector(".mainDrawer-scrollContainer");scrollContainer.classList.add("smoothScrollY");var TouchMenuLA=function(){self=this,defaults={width:260,handleSize:30,disableMask:!1,maxMaskOpacity:.5},this.isVisible=!1,this.initialize()};TouchMenuLA.prototype.initElements=function(){options.target.classList.add("touch-menu-la"),options.target.style.width=options.width+"px",options.target.style.left=-options.width+"px",options.disableMask||(mask=document.createElement("div"),mask.className="tmla-mask",document.body.appendChild(mask))};var menuTouchStartX,menuTouchStartY,menuTouchStartTime,edgeContainer=document.querySelector(".skinBody"),isPeeking=!1;TouchMenuLA.prototype.animateToPosition=function(pos){requestAnimationFrame(function(){pos?options.target.style.transform="translate3d("+pos+"px, 0, 0)":options.target.style.transform="none"})},TouchMenuLA.prototype.changeMenuPos=function(){newPos<=options.width&&this.animateToPosition(newPos)},TouchMenuLA.prototype.clickMaskClose=function(){mask.addEventListener("click",function(){self.close()})},TouchMenuLA.prototype.checkMenuState=function(deltaX,deltaY){velocity>=.4?deltaX>=0||Math.abs(deltaY||0)>=70?self.open():self.close():newPos>=100?self.open():newPos&&self.close()},TouchMenuLA.prototype.open=function(){this.animateToPosition(options.width),currentPos=options.width,this.isVisible=!0,options.target.classList.add("open"),self.showMask(),self.invoke(options.onChange)},TouchMenuLA.prototype.close=function(){this.animateToPosition(0),currentPos=0,self.isVisible=!1,options.target.classList.remove("open"),self.hideMask(),self.invoke(options.onChange)},TouchMenuLA.prototype.toggle=function(){self.isVisible?self.close():self.open()};var backgroundTouchStartX,backgroundTouchStartTime;return TouchMenuLA.prototype.showMask=function(){mask.classList.add("backdrop")},TouchMenuLA.prototype.hideMask=function(){mask.classList.remove("backdrop")},TouchMenuLA.prototype.invoke=function(fn){fn&&fn.apply(self)},TouchMenuLA.prototype.initialize=function(){options=Object.assign(defaults,options||{}),browser.edge&&(options.disableEdgeSwipe=!0),self.initElements(),browser.touch&&(dom.addEventListener(options.target,"touchstart",onMenuTouchStart,{passive:!0}),dom.addEventListener(options.target,"touchmove",onMenuTouchMove,{passive:!0}),dom.addEventListener(options.target,"touchend",onMenuTouchEnd,{passive:!0}),dom.addEventListener(options.target,"touchcancel",onMenuTouchEnd,{passive:!0}),dom.addEventListener(mask,"touchstart",onBackgroundTouchStart,{passive:!0}),dom.addEventListener(mask,"touchmove",onBackgroundTouchMove,{}),dom.addEventListener(mask,"touchend",onBackgroundTouchEnd,{passive:!0}),dom.addEventListener(mask,"touchcancel",onBackgroundTouchEnd,{passive:!0}),initEdgeSwipe()),self.clickMaskClose()},new TouchMenuLA}}); \ No newline at end of file diff --git a/dashboard-ui/css/images/logoblack.png b/dashboard-ui/css/images/logoblack.png new file mode 100644 index 0000000000000000000000000000000000000000..a6c51ff23d3ec46000d649775db2ab13ac74cf94 GIT binary patch literal 9967 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 literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 3b512ab614..119042c54e 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -1 +1 @@ -.itemTag,.ui-body-b{color:#fff!important}.itemName,.itemTag{font-weight:400!important}.detailSectionHeader,.itemMiscInfo{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.alphabetPicker,.itemLinks,.listPaging,.posterRibbon,.viewSettings{text-align:center}.hidingAnimatedTab{visibility:hidden}.headerArrowImage{height:20px;margin-left:.5em}.background-theme-b .backgroundContainer,.dialog.background-theme-b{background-color:#121314}.background-theme-b .backgroundContainer.withBackdrop{background-color:rgba(6,6,6,.94)!important;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.99)),color-stop(rgba(0,0,0,.94)),to(rgba(0,0,0,.5)))!important;background:-webkit-linear-gradient(left,rgba(0,0,0,.99),rgba(0,0,0,.94),rgba(0,0,0,.5))!important;background:-o-linear-gradient(left,rgba(0,0,0,.99),rgba(0,0,0,.94),rgba(0,0,0,.5))!important;background:linear-gradient(to right,rgba(0,0,0,.99),rgba(0,0,0,.94),rgba(0,0,0,.5))!important}.pageWithAbsoluteTabs{background-color:transparent!important}.backdropContainer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.libraryPage .header{padding-bottom:0}.pageTabContent{contain:style}.libraryPage>.ui-content{padding-top:10px}.pageWithAbsoluteTabs .pageTabContent{padding-top:2.6em}.flexPageTabContent.is-active{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important}@media all and (max-width:600px){.libraryPage>.ui-content{padding-left:.5em!important;padding-right:.5em!important}}.listHeader{margin:.25em 0;padding-left:2px;line-height:1.25em;line-height:initial}@media all and (max-width:500px){.listHeader{padding-left:5px}}.listHeader+button{margin-left:2em}.ehsContent,.ehsContent .pageTabContent{margin:0 auto}.homePageSection{margin-bottom:3.6em}.sectionHeaderButton{vertical-align:middle;margin:0 0 .25em 1.5em;position:relative;top:8px}.viewPanelTabs{margin-bottom:2em}@media all and (min-width:800px){.hiddenSectionOnNonMobile{display:none}}.ehsContent .pageTabContent,.ehsContent:not(.fullWidth){width:98%}@media all and (min-width:1200px){.paddedItemsContainer{padding:0 .8em}.ehsContent .pageTabContent,.ehsContent:not(.fullWidth){width:96%}}.homePageSection h1{padding-left:.5em}.homePageSection .itemsContainer{padding-left:.5em;padding-right:.5em}@media all and (min-width:1200px){.homePageSection h1{padding-left:2.2vw}.homePageSection .itemsContainer{padding-left:2vw;padding-right:2vw}}.viewSettings{margin:0 0 .25em}.viewControls+.listTopPaging{margin-left:.5em!important}.criticReview{margin:1.5em 0;background:#222;padding:.8em .8em .8em 55px;-webkit-border-radius:5px;border-radius:5px;position:relative}.criticReview:first-child{margin-top:.5em}.criticReview img{width:30px}.criticRatingScore{margin-bottom:.5em}.itemTag{display:inline-block;background-color:#333;-webkit-border-radius:4px;border-radius:4px;padding:5px 7px;margin:0 5px 5px 0;text-decoration:none}.detailSectionHeader,.detailUserDataIcons{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center}.itemOverview{white-space:pre-wrap}a.itemTag:hover{background-color:#2489ce}.itemLinks{padding:0}.itemLinks p{margin:.5em 0}.reviewLink,.reviewerName{margin-top:.5em}.reviewerName{color:#ccc}.reviewDate{margin-left:1em}.reviewScore{position:absolute;left:.8em}span.itemCommunityRating:not(:empty)+.userDataIcons{margin-left:1.25em}.itemBackdrop{-webkit-background-size:cover;background-size:cover;background-position:center 15%;background-repeat:no-repeat;height:45vh;position:relative}.noSecondaryNavPage .itemBackdrop{margin-top:-50px}.noBackdrop{background:#181818;height:170px!important}.itemBackdropContent{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);min-height:120px}.noBackdrop .itemBackdropContent{background-color:transparent}.desktopMiscInfoContainer{position:absolute;bottom:10px}.detailUserDataIcons{display:flex;-webkit-align-items:center;align-items:center}.detailImageContainer{margin-right:2em;width:280px;-webkit-flex-shrink:0;flex-shrink:0}.detailPagePrimaryContent{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.detailLogo{width:300px;height:70px;position:absolute;top:13.5%;right:19.5%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain;background-size:contain}@media all and (max-width:1400px){.detailLogo{right:5%}}@media all and (max-width:1100px){.detailLogo{display:none}}.itemDetailImage{border:1px solid transparent;width:100%}.thumbDetailImageContainer{width:400px}.itemDetailImage.loaded{-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;border:1px solid #222}.itemDetailGalleryLink img:hover{-webkit-box-shadow:0 0 20px 3px #52B54B;box-shadow:0 0 20px 3px #52B54B}@media all and (max-width:800px){.detailPageContent{position:relative}.detailImageContainer{position:absolute;top:-90px;left:5%;width:auto}.itemDetailImage{height:120px;width:auto!important}.btnPlaySimple{display:none!important}}@media all and (min-width:800px){.itemBackdrop{display:none}.detailPagePrimaryContainer{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:3.6em}}@media all and (max-width:1200px){.detailLogo{right:2%}.lnkSibling{display:none!important}}.parentName{display:block;margin-bottom:.5em}.emby-button.detailFloatingButton{width:56px!important;height:56px!important;bottom:-28px;position:absolute;right:5%;background-color:#52B54B!important;z-index:1}.emby-button.btnFloatingRecord{background-color:#c33!important}@media all and (max-width:800px){.parentName{margin-bottom:1em}.itemBackdropContent{min-height:0}}@media all and (min-width:500px){.mobileDetails{display:none}}@media all and (max-width:500px){.desktopDetails{display:none!important}}.itemName{margin:.5em 0}.empty{margin:0}.detailSection{vertical-align:top;margin-bottom:3em}.detailCollapsibleSection:not(.hide)+.detailCollapsibleSection{margin-top:-2em}.detailPageCollabsible{margin-top:0}.detailSection h1{margin-bottom:.25em;position:relative}.detailSectionHeader{-webkit-background-clip:border-box;background-clip:border-box;padding:0 0 .25em .25em;background-color:transparent;-webkit-border-radius:0;border-radius:0;white-space:nowrap;position:relative;margin:1.5em 0 1em;display:flex;-webkit-align-items:center;align-items:center}.detailSectionHeader>h1{margin:0}.detailSectionHeaderButton{margin-left:1em}.mainDetailButtons{padding:.5em 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.mainDetailButtons button,.recordingFields button{margin-left:0;margin-right:.5em;-webkit-flex-shrink:0;flex-shrink:0}.mainDetailButtons.hide+.recordingFields{margin-top:1.5em!important}.mainDetailButtons>.raised{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}@media all and (min-width:400px){.mainDetailButtons>.raised{padding-left:1.5em;padding-right:1.5em}}.detailImageProgressContainer{position:absolute;bottom:4px;right:1px;left:1px;text-align:center}.listTopPaging,.viewControls{display:inline-block}@media all and (max-width:800px){.editorMenuLink{display:none}}.itemMiscInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media all and (max-width:500px){.mobileDetails .itemMiscInfo{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.itemMiscInfo .endsAt{display:none}}.detailPageContent{border-spacing:0;border-collapse:collapse;padding:3em 3% 0}@media all and (min-width:1200px){.detailPageContent{padding:3em 5% 0}}.detailPageParentLink{font-weight:inherit!important}.mediaInfoContent{line-height:1.5em}.mediaInfoStream{margin:1em 3em 1em 0;display:inline-block;color:#bbb;vertical-align:top}.mediaInfoStreamType{display:block;color:#fff;margin-bottom:1em}.mediaInfoAttribute{color:#fff;display:inline-block}.mediaInfoLabel{color:#aaa;margin-right:1em;display:inline-block}.posterRibbon{display:block;position:absolute;top:5px;right:5px;padding:5px 6px;-webkit-border-radius:10px;border-radius:10px;color:#fff;background:#008fbb;background:rgba(0,143,187,.8);line-height:initial}.offlinePosterRibbon{background:rgba(248,58,34,.8)}.unairedPosterRibbon{background:rgba(255,106,0,.8)}.missingPosterRibbon{background:rgba(248,58,34,.8)}.recordingProgressBar::-moz-progress-bar{background-color:#c33}.recordingProgressBar::-webkit-progress-value{background-color:#c33}.recordingProgressBar[aria-valuenow]:before{background-color:#c33}.timelineHeader{margin-bottom:.25em;line-height:1.25em;line-height:initial}.itemsContainer{margin:0 auto}.alphabetPicker{position:fixed;right:0;bottom:0;font-size:90%;display:none;line-height:1}.layout-desktop .absolutePageTabContent .alphabetPicker{right:20px}@media all and (max-height:500px){.alphabetPicker{display:none!important}}@media all and (min-height:500px){.itemsContainerWithAlphaPicker{margin-right:20px}.absolutePageTabContent .itemsContainerWithAlphaPicker{margin-right:30px}.alphabetPicker{bottom:5px}}@media all and (min-width:1200px){.absolutePageTabContent .itemsContainerWithAlphaPicker,.itemsContainerWithAlphaPicker{margin-right:0}}@media all and (max-height:700px){.alphaPicker-vertical .alphaPickerButton{padding-top:1px!important;padding-bottom:1px!important}}@media all and (max-height:600px){.alphaPicker-vertical .alphaPickerButton{padding-top:0!important;padding-bottom:0!important}}@media all and (max-height:530px){.alphabetPicker{font-size:80%}}@media all and (max-height:480px){.alphabetPicker{font-size:76%}}@media all and (min-height:900px){.alphabetPicker{bottom:120px}}@media all and (min-height:1000px){.alphabetPicker{bottom:200px}}@media all and (max-width:1200px){.listViewUserDataButtons{display:none!important}}.userProfileSettingsForm{max-width:700px}@media all and (max-width:700px){.userProfileSettingsForm .detailSection{margin-left:.5em;margin-right:.5em}}@media all and (max-width:800px){.detailsHiddenOnMobile{display:none}}#criticReviewsContent.hiddenScrollX{white-space:nowrap}#criticReviewsContent.hiddenScrollX .paperList{min-width:240px;width:90%;max-width:500px;display:inline-block;vertical-align:top;margin:0 4px 0 0}.btnSyncComplete{background:#673AB7!important}.btnSyncComplete i{-webkit-border-radius:1000px;border-radius:1000px}.bulletSeparator{margin:0 .35em}.mediaInfoIcons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:1.5em 0 1em;-webkit-flex-wrap:wrap;flex-wrap:wrap}.mediaInfoText{padding:.3em .5em!important;margin-right:.5em;margin-bottom:.5em;font-size:94%!important}.mediaInfoText-upper{text-transform:uppercase} \ No newline at end of file +.itemTag,.ui-body-b{color:#fff!important}.itemName,.itemTag{font-weight:400!important}.detailSectionHeader,.itemMiscInfo{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.alphabetPicker,.itemLinks,.listPaging,.posterRibbon,.viewSettings{text-align:center}.hidingAnimatedTab{visibility:hidden}.headerArrowImage{height:20px;margin-left:.5em}.background-theme-b .backgroundContainer,.dialog.background-theme-b{background-color:#121314}.background-theme-b .backgroundContainer.withBackdrop{background-color:rgba(6,6,6,.94)!important;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.99)),color-stop(rgba(0,0,0,.94)),to(rgba(0,0,0,.5)))!important;background:-webkit-linear-gradient(left,rgba(0,0,0,.99),rgba(0,0,0,.94),rgba(0,0,0,.5))!important;background:-o-linear-gradient(left,rgba(0,0,0,.99),rgba(0,0,0,.94),rgba(0,0,0,.5))!important;background:linear-gradient(to right,rgba(0,0,0,.99),rgba(0,0,0,.94),rgba(0,0,0,.5))!important}.pageWithAbsoluteTabs{background-color:transparent!important}.backdropContainer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.libraryPage .header{padding-bottom:0}.pageTabContent{contain:style}.libraryPage>.ui-content{padding-top:10px}.pageWithAbsoluteTabs .pageTabContent{padding-top:2.6em}.flexPageTabContent.is-active{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important}@media all and (max-width:600px){.libraryPage>.ui-content{padding-left:.5em!important;padding-right:.5em!important}}.listHeader{margin:.25em 0;padding-left:2px;line-height:1.25em;line-height:initial}@media all and (max-width:500px){.listHeader{padding-left:5px}}.listHeader+button{margin-left:2em}.ehsContent,.ehsContent .pageTabContent{margin:0 auto}.homePageSection{margin-bottom:3.4em}.sectionHeaderButton{vertical-align:middle;margin:0 0 .25em 1.5em;position:relative;top:8px}.viewPanelTabs{margin-bottom:2em}@media all and (min-width:800px){.hiddenSectionOnNonMobile{display:none}}.ehsContent .pageTabContent,.ehsContent:not(.fullWidth){width:98%}@media all and (min-width:1200px){.paddedItemsContainer{padding:0 .8em}.ehsContent .pageTabContent,.ehsContent:not(.fullWidth){width:96%}}.homePageSection h1{padding-left:.5em}.homePageSection .itemsContainer{padding-left:.5em;padding-right:.5em}@media all and (min-width:1200px){.homePageSection h1{padding-left:2.2vw}.homePageSection .itemsContainer{padding-left:2vw;padding-right:2vw}}.viewSettings{margin:0 0 .25em}.viewControls+.listTopPaging{margin-left:.5em!important}.criticReview{margin:1.5em 0;background:#222;padding:.8em .8em .8em 55px;-webkit-border-radius:5px;border-radius:5px;position:relative}.criticReview:first-child{margin-top:.5em}.criticReview img{width:30px}.criticRatingScore{margin-bottom:.5em}.itemTag{display:inline-block;background-color:#333;-webkit-border-radius:4px;border-radius:4px;padding:5px 7px;margin:0 5px 5px 0;text-decoration:none}.detailSectionHeader,.detailUserDataIcons{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center}.itemOverview{white-space:pre-wrap}a.itemTag:hover{background-color:#2489ce}.itemLinks{padding:0}.itemLinks p{margin:.5em 0}.reviewLink,.reviewerName{margin-top:.5em}.reviewerName{color:#ccc}.reviewDate{margin-left:1em}.reviewScore{position:absolute;left:.8em}span.itemCommunityRating:not(:empty)+.userDataIcons{margin-left:1.25em}.itemBackdrop{-webkit-background-size:cover;background-size:cover;background-position:center 15%;background-repeat:no-repeat;height:45vh;position:relative}.noSecondaryNavPage .itemBackdrop{margin-top:-50px}.noBackdrop{background:#181818;height:170px!important}.itemBackdropContent{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);min-height:120px}.noBackdrop .itemBackdropContent{background-color:transparent}.desktopMiscInfoContainer{position:absolute;bottom:10px}.detailUserDataIcons{display:flex;-webkit-align-items:center;align-items:center}.detailImageContainer{margin-right:2em;width:280px;-webkit-flex-shrink:0;flex-shrink:0}.detailPagePrimaryContent{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.detailLogo{width:300px;height:70px;position:absolute;top:13.5%;right:19.5%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain;background-size:contain}@media all and (max-width:1400px){.detailLogo{right:5%}}@media all and (max-width:1100px){.detailLogo{display:none}}.itemDetailImage{border:1px solid transparent;width:100%}.thumbDetailImageContainer{width:400px}.itemDetailImage.loaded{-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;border:1px solid #222}.itemDetailGalleryLink img:hover{-webkit-box-shadow:0 0 20px 3px #52B54B;box-shadow:0 0 20px 3px #52B54B}@media all and (max-width:800px){.detailPageContent{position:relative}.detailImageContainer{position:absolute;top:-90px;left:5%;width:auto}.itemDetailImage{height:120px;width:auto!important}.btnPlaySimple{display:none!important}}@media all and (min-width:800px){.itemBackdrop{display:none}.detailPagePrimaryContainer{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:3.6em}}@media all and (max-width:1200px){.detailLogo{right:2%}.lnkSibling{display:none!important}}.parentName{display:block;margin-bottom:.5em}.emby-button.detailFloatingButton{width:56px!important;height:56px!important;bottom:-28px;position:absolute;right:5%;background-color:#52B54B!important;z-index:1}.emby-button.btnFloatingRecord{background-color:#c33!important}@media all and (max-width:800px){.parentName{margin-bottom:1em}.itemBackdropContent{min-height:0}}@media all and (min-width:500px){.mobileDetails{display:none}}@media all and (max-width:500px){.desktopDetails{display:none!important}}.itemName{margin:.5em 0}.empty{margin:0}.detailSection{vertical-align:top;margin-bottom:3em}.detailCollapsibleSection:not(.hide)+.detailCollapsibleSection{margin-top:-2em}.detailPageCollabsible{margin-top:0}.detailSection h1{margin-bottom:.25em;position:relative}.detailSectionHeader{-webkit-background-clip:border-box;background-clip:border-box;padding:0 0 .25em .25em;background-color:transparent;-webkit-border-radius:0;border-radius:0;white-space:nowrap;position:relative;margin:1.5em 0 1em;display:flex;-webkit-align-items:center;align-items:center}.detailSectionHeader>h1{margin:0}.detailSectionHeaderButton{margin-left:1em}.mainDetailButtons{padding:.5em 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.mainDetailButtons button,.recordingFields button{margin-left:0;margin-right:.5em;-webkit-flex-shrink:0;flex-shrink:0}.mainDetailButtons.hide+.recordingFields{margin-top:1.5em!important}.mainDetailButtons>.raised{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}@media all and (min-width:400px){.mainDetailButtons>.raised{padding-left:1.5em;padding-right:1.5em}}.detailImageProgressContainer{position:absolute;bottom:4px;right:1px;left:1px;text-align:center}.listTopPaging,.viewControls{display:inline-block}@media all and (max-width:800px){.editorMenuLink{display:none}}.itemMiscInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media all and (max-width:500px){.mobileDetails .itemMiscInfo{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.itemMiscInfo .endsAt{display:none}}.detailPageContent{border-spacing:0;border-collapse:collapse;padding:3em 3% 0}@media all and (min-width:1200px){.detailPageContent{padding:3em 5% 0}}.detailPageParentLink{font-weight:inherit!important}.mediaInfoContent{line-height:1.5em}.mediaInfoStream{margin:1em 3em 1em 0;display:inline-block;color:#bbb;vertical-align:top}.mediaInfoStreamType{display:block;color:#fff;margin-bottom:1em}.mediaInfoAttribute{color:#fff;display:inline-block}.mediaInfoLabel{color:#aaa;margin-right:1em;display:inline-block}.posterRibbon{display:block;position:absolute;top:5px;right:5px;padding:5px 6px;-webkit-border-radius:10px;border-radius:10px;color:#fff;background:#008fbb;background:rgba(0,143,187,.8);line-height:initial}.offlinePosterRibbon{background:rgba(248,58,34,.8)}.unairedPosterRibbon{background:rgba(255,106,0,.8)}.missingPosterRibbon{background:rgba(248,58,34,.8)}.recordingProgressBar::-moz-progress-bar{background-color:#c33}.recordingProgressBar::-webkit-progress-value{background-color:#c33}.recordingProgressBar[aria-valuenow]:before{background-color:#c33}.timelineHeader{margin-bottom:.25em;line-height:1.25em;line-height:initial}.itemsContainer{margin:0 auto}.alphabetPicker{position:fixed;right:0;bottom:0;font-size:90%;display:none;line-height:1}.layout-desktop .absolutePageTabContent .alphabetPicker{right:20px}@media all and (max-height:500px){.alphabetPicker{display:none!important}}@media all and (min-height:500px){.itemsContainerWithAlphaPicker{margin-right:20px}.absolutePageTabContent .itemsContainerWithAlphaPicker{margin-right:30px}.alphabetPicker{bottom:5px}}@media all and (min-width:1200px){.absolutePageTabContent .itemsContainerWithAlphaPicker,.itemsContainerWithAlphaPicker{margin-right:0}}@media all and (max-height:700px){.alphaPicker-vertical .alphaPickerButton{padding-top:1px!important;padding-bottom:1px!important}}@media all and (max-height:600px){.alphaPicker-vertical .alphaPickerButton{padding-top:0!important;padding-bottom:0!important}}@media all and (max-height:530px){.alphabetPicker{font-size:80%}}@media all and (max-height:480px){.alphabetPicker{font-size:76%}}@media all and (min-height:900px){.alphabetPicker{bottom:120px}}@media all and (min-height:1000px){.alphabetPicker{bottom:200px}}@media all and (max-width:1200px){.listViewUserDataButtons{display:none!important}}.userProfileSettingsForm{max-width:700px}@media all and (max-width:700px){.userProfileSettingsForm .detailSection{margin-left:.5em;margin-right:.5em}}@media all and (max-width:800px){.detailsHiddenOnMobile{display:none}}#criticReviewsContent.hiddenScrollX{white-space:nowrap}#criticReviewsContent.hiddenScrollX .paperList{min-width:240px;width:90%;max-width:500px;display:inline-block;vertical-align:top;margin:0 4px 0 0}.btnSyncComplete{background:#673AB7!important}.btnSyncComplete i{-webkit-border-radius:1000px;border-radius:1000px}.bulletSeparator{margin:0 .35em}.mediaInfoIcons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:1.5em 0 1em;-webkit-flex-wrap:wrap;flex-wrap:wrap}.mediaInfoText{padding:.3em .5em!important;margin-right:.5em;margin-bottom:.5em;font-size:94%!important}.mediaInfoText-upper{text-transform:uppercase} \ No newline at end of file diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 7706efb34d..abd193a729 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -1 +1 @@ -.headerUserImage,.viewMenuBar paper-icon-button,.viewMenuLink{vertical-align:middle}.drawerUserPanel,.viewMenuBar{-webkit-box-orient:vertical;-webkit-box-direction:normal}.libraryPage{padding-top:50px!important}.libraryPage:not(.noSecondaryNavPage){padding-top:95px!important}.pageWithAbsoluteTabs:not(.noSecondaryNavPage){padding-top:98px!important}.absolutePageTabContent{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0!important;top:102px!important;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.absolutePageTabContent.headroomUnpinned{-webkit-transform:translateY(-92px);transform:translateY(-92px);bottom:-92px!important}.pageTabContent:not(.is-active){display:none!important}.sidebarDivider{height:1px;background:#eaeaea;margin:.5em 0}.headerUserImage{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center center;-webkit-border-radius:1000px;border-radius:1000px;display:inline-block}.headerUserButtonRound img{-webkit-border-radius:1000px;border-radius:1000px}.headerButton{-webkit-flex-shrink:0;flex-shrink:0}.menuArrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbklEQ…yGDxkLaBtENI9kPMk0gaoW0Dyj0aWowFLYNYzWB6MWMAAAq1H3+Mhu2hQAAAAASUVORK5CYII=);height:24px;width:24px;display:inline-block}.hideMainDrawer .mainDrawerButton{display:none}.libraryMenuButtonText{text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:middle;padding-left:0!important;cursor:default;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 0 0 .5em;-webkit-flex-shrink:1;flex-shrink:1}.libraryViewNav,.viewMenuBar{z-index:999;display:-webkit-box;display:-webkit-flex}.viewMenuBar{position:fixed;right:0;left:0;top:0;border:0;height:50px;display:flex;-webkit-flex-direction:column;flex-direction:column}.hiddenViewMenuBar .viewMenuBar{display:none}.libraryViewNav{overflow:hidden;white-space:nowrap;padding:0;display:flex;display:block;text-align:center;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.ui-body-b .libraryViewNav{position:fixed;right:0;left:0;top:50px}.libraryViewNav.bottom{top:auto!important;bottom:0}.ui-body-b .libraryViewNav,.viewMenuBar{background-color:#222326;color:#fff}.viewMenuBar .primaryIcons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dashboardDocument{font-size:13px}.dashboardDocument .viewMenuBar{height:auto}.dashboardDocument .viewMenuBar .primaryIcons{padding:.7em 0}.dashboardDocument.withTallToolbar .primaryIcons{padding-bottom:0}.viewMenuBarTabs{width:100%}.viewMenuBarTabs .paperTabLink{padding-left:1.5em;padding-right:1.5em}.viewMenuBar.semiTransparent{background-color:rgba(15,15,15,.3)}.viewMenuLink{text-decoration:none;color:#eee!important;padding:7px .5em 6px;display:inline-block}.viewMenuLink:hover{color:#fff}.viewMenuLink:hover img{opacity:.5}.viewMenuLink img{height:24px;vertical-align:top}.viewMenuSecondary{margin-left:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.selectedMediaFolder{background-color:#f2f2f2!important}.ui-panel.ui-body-b{background-color:#1D1D20}@media all and (max-width:800px){.editorViewMenu{display:none}}.sidebarLink{display:block;text-decoration:none;color:#111!important;font-weight:400!important;vertical-align:middle;padding:1em 0 1em 2.4em}.sidebarLink:hover{background:#f2f2f2}.sidebarLink.selectedSidebarLink{background:#f2f2f2!important}.sidebarHeader{padding-left:1.4em;margin:1.2em 0 .7em;color:#666}body:not(.dashboardDocument) .btnNotifications{display:none!important}.darkDrawer{background-color:#181818!important}.darkDrawer .sidebarLink,.darkDrawer .sidebarLinkText{color:#fff!important}.darkDrawer .sidebarHeader{color:#bbb!important}.darkDrawer .sidebarDivider{background:#262626!important}.darkDrawer .sidebarLink:hover{background:#252528}.darkDrawer .selectedMediaFolder,.darkDrawer .sidebarLink.selectedSidebarLink{background:#252528!important;color:#52B54B!important}body:not(.dashboardDocument) .headerAppsButton{display:none}.mainDrawer-scrollContainer{padding-bottom:10vh}.dashboardDocument .skinBody{-webkit-transition:left ease-in-out .3s,padding ease-in-out .3s;-o-transition:left ease-in-out .3s,padding ease-in-out .3s;transition:left ease-in-out .3s,padding ease-in-out .3s;position:absolute;top:0;right:0;bottom:0;left:0}@media all and (min-width:640px){.dashboardDocument .adminDrawerLogo,.dashboardDocument .mainDrawerButton,.dashboardDocument .tmla-mask{display:none!important}.viewMenuBarTabs{width:auto;padding-left:272px}.viewMenuBarTabs .libraryViewNav{text-align:left!important}.dashboardDocument .sidebarLink{padding:.7em 0 .7em 2.4em}.dashboardDocument .mainDrawer{z-index:inherit!important;left:0!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:260px!important}.dashboardDocument .mainDrawer-scrollContainer{margin-top:50px!important}.dashboardDocument.withTallToolbar .mainDrawer-scrollContainer{margin-top:90px!important}.dashboardDocument .skinBody{left:260px}.dashboardDocument .darkDrawer{background-color:rgba(28,28,31,.3)!important}}.drawerUserPanel{height:7em;margin-bottom:.5em;color:#ccc;display:-webkit-box;display:-webkit-flex;display:flex;padding:1.5em;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.drawerUserName{padding-left:.25em} \ No newline at end of file +.headerUserImage,.viewMenuBar paper-icon-button,.viewMenuLink{vertical-align:middle}.drawerUserPanel,.viewMenuBar{-webkit-box-orient:vertical;-webkit-box-direction:normal}.libraryPage{padding-top:50px!important}.libraryPage:not(.noSecondaryNavPage){padding-top:95px!important}.pageWithAbsoluteTabs:not(.noSecondaryNavPage){padding-top:98px!important}.absolutePageTabContent{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0!important;top:102px!important;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.absolutePageTabContent.headroomUnpinned{-webkit-transform:translateY(-92px);transform:translateY(-92px);bottom:-92px!important}.pageTabContent:not(.is-active){display:none!important}.sidebarDivider{height:1px;background:#eaeaea;margin:.5em 0}.headerUserImage{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center center;-webkit-border-radius:1000px;border-radius:1000px;display:inline-block}.headerUserButtonRound img{-webkit-border-radius:1000px;border-radius:1000px}.headerButton{-webkit-flex-shrink:0;flex-shrink:0}.menuArrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbklEQ…yGDxkLaBtENI9kPMk0gaoW0Dyj0aWowFLYNYzWB6MWMAAAq1H3+Mhu2hQAAAAASUVORK5CYII=);height:24px;width:24px;display:inline-block}.hideMainDrawer .mainDrawerButton{display:none}.libraryMenuButtonText{text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:middle;padding-left:0!important;cursor:default;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 0 0 .5em;-webkit-flex-shrink:1;flex-shrink:1}.libraryViewNav,.viewMenuBar{z-index:999;display:-webkit-box;display:-webkit-flex}.viewMenuBar{position:fixed;right:0;left:0;top:0;border:0;height:50px;display:flex;-webkit-flex-direction:column;flex-direction:column}.hiddenViewMenuBar .viewMenuBar{display:none}.libraryViewNav{overflow:hidden;white-space:nowrap;padding:0;display:flex;display:block;text-align:center;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.ui-body-b .libraryViewNav{position:fixed;right:0;left:0;top:50px}.libraryViewNav.bottom{top:auto!important;bottom:0}.ui-body-b .libraryViewNav,.viewMenuBar{background-color:#222326;color:#fff}.viewMenuBar .primaryIcons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dashboardDocument{font-size:13px}.dashboardDocument .viewMenuBar{height:auto}.dashboardDocument .viewMenuBar .primaryIcons{padding:.7em 0}.dashboardDocument.withTallToolbar .primaryIcons{padding-bottom:0}.viewMenuBarTabs{width:100%}.viewMenuBarTabs .paperTabLink{padding-left:1.5em;padding-right:1.5em}.viewMenuBar.semiTransparent{background-color:rgba(15,15,15,.3)}.viewMenuLink{text-decoration:none;color:#eee!important;padding:7px .5em 6px;display:inline-block}.viewMenuLink:hover{color:#fff}.viewMenuLink:hover img{opacity:.5}.viewMenuLink img{height:24px;vertical-align:top}.viewMenuSecondary{margin-left:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.selectedMediaFolder{background-color:#f2f2f2!important}.ui-panel.ui-body-b{background-color:#1D1D20}@media all and (max-width:800px){.editorViewMenu{display:none}}.sidebarLink{display:block;text-decoration:none;color:#111!important;font-weight:400!important;vertical-align:middle;padding:1em 0 1em 2.6em}.sidebarLink:hover{background:#f2f2f2}.sidebarLink.selectedSidebarLink{background:#f2f2f2!important}.sidebarHeader{padding-left:1.4em;margin:1.2em 0 .7em;color:#666}body:not(.dashboardDocument) .btnNotifications{display:none!important}.darkDrawer{background-color:#181818!important}.darkDrawer .sidebarLink,.darkDrawer .sidebarLinkText{color:#fff!important}.darkDrawer .sidebarHeader{color:#bbb!important}.darkDrawer .sidebarDivider{background:#262626!important}.darkDrawer .sidebarLink:hover{background:#252528}.darkDrawer .selectedMediaFolder,.darkDrawer .sidebarLink.selectedSidebarLink{background:#252528!important;color:#52B54B!important}body:not(.dashboardDocument) .headerAppsButton{display:none}.mainDrawer-scrollContainer{padding-bottom:10vh}.dashboardDocument .skinBody{-webkit-transition:left ease-in-out .3s,padding ease-in-out .3s;-o-transition:left ease-in-out .3s,padding ease-in-out .3s;transition:left ease-in-out .3s,padding ease-in-out .3s;position:absolute;top:0;right:0;bottom:0;left:0}@media all and (min-width:640px){.dashboardDocument .adminDrawerLogo,.dashboardDocument .mainDrawerButton,.dashboardDocument .tmla-mask{display:none!important}.viewMenuBarTabs{width:auto;padding-left:272px}.viewMenuBarTabs .libraryViewNav{text-align:left!important}.dashboardDocument .sidebarLink{padding-top:.7em;padding-bottom:.7em}.dashboardDocument .mainDrawer{z-index:inherit!important;left:0!important;top:0!important;-webkit-transform:none!important;transform:none!important;width:260px!important}.dashboardDocument .mainDrawer-scrollContainer{margin-top:50px!important}.dashboardDocument.withTallToolbar .mainDrawer-scrollContainer{margin-top:90px!important}.dashboardDocument .skinBody{left:260px}.dashboardDocument .darkDrawer{background-color:rgba(28,28,31,.3)!important}}.drawerUserPanel{height:7em;margin-bottom:.5em;color:#ccc;display:-webkit-box;display:-webkit-flex;display:flex;padding:1.5em;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.drawerUserName{padding-left:.25em} \ No newline at end of file