diff --git a/public/assets/css/main.css b/public/assets/css/main.css index 2198cd4..561d7f1 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -15,9 +15,4 @@ } .AudioVideoFullPlayer-topBar-2XUGM{ transform: translateY(0); -} -.vjs-controls-disabled .vjs-control-bar, -.vjs-controls-disabled .vjs-modal-dialog, -.vjs-controls-disabled .vjs-modal-dialog { - display: none; } \ No newline at end of file diff --git a/public/assets/css/plex.css b/public/assets/css/plex.css index bcbcb16..d1bf525 100755 --- a/public/assets/css/plex.css +++ b/public/assets/css/plex.css @@ -90,7 +90,10 @@ body { outline: none; border: 0; border-radius: 0; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; background: none; + background-color: rgba(0, 0, 0, 0); text-align: inherit; text-decoration: none; cursor: pointer; @@ -101,7 +104,7 @@ body { -ms-user-select: none; user-select: none; touch-action: manipulation; - -webkit-tap-highlight-color: transparent + -webkit-tap-highlight-color: transparent; } .Link-link-2XYrU:hover { @@ -1012,6 +1015,14 @@ body { color: hsla(0, 0%, 100%, .15) } +.QuickSearchHubContainer-hubTitle-2B0GD { + margin:9px 0 6px 24px; + height:18px; + color:hsla(0,0%,100%,.3); + font-size:12px; + font-family:Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif +} + .MenuContainer-menu-3Gtlw { font-size: 13px; font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif; @@ -5669,6 +5680,36 @@ a:hover .DisclosureArrow-disclosureArrow-1sBFv, button:hover .DisclosureArrow-di background: #eee } +.QuickSearchPlaceholderLink-placeholder-1Wxzp { + display:-webkit-box; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -webkit-align-items:center; + align-items:center; + overflow:hidden; + padding:4px 10px 4px 24px; + width:346px; + height:44px; + border-top-right-radius:4px; + border-bottom-right-radius:4px; + color:hsla(0,0%,100%,.75); + font-size:13px; + font-family:Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; + -webkit-transition:color .2s,background-color .2s; + transition:color .2s,background-color .2s +} + +.QuickSearchPlaceholderLink-placeholder-1Wxzp:hover { + background-color:hsla(0,0%,100%,.05); + color:#fff +} + +.QuickSearchPlaceholderLink-isPlaceholderSelected-rDCpK { + background-color:hsla(0,0%,100%,.08); + color:#fff +} + .QuickSearchInput-closeIcon-3AV1c, .QuickSearchInput-searchIcon-1f6m9 { margin: 4px 10px 0 5px; font-size: 12px @@ -5803,6 +5844,26 @@ a:hover .DisclosureArrow-disclosureArrow-1sBFv, button:hover .DisclosureArrow-di pointer-events: none } +.QuickSearchResult-overlay-38WrL { + position:absolute; + top:0; + left:0; + display:block; + width:100%; + height:100%; + display:-webkit-box; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -webkit-align-items:center; + align-items:center; + -webkit-box-orient:horizontal; + -webkit-box-direction:normal; + -webkit-flex-direction:row; + flex-direction:row; + padding:4px 10px 4px 24px +} + .QuickSearchResult-button-1ZHpO a, .QuickSearchResult-button-1ZHpO button { pointer-events: all } @@ -5819,6 +5880,15 @@ a:hover .DisclosureArrow-disclosureArrow-1sBFv, button:hover .DisclosureArrow-di background-color: hsla(0, 0%, 100%, .08) } +.QuickSearchResult-underlay-QgyJt { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; +} + .QuickSearchResult-link-3JPgF { position: absolute; top: 0; diff --git a/public/assets/css/settings.css b/public/assets/css/settings.css index 5943f06..feb4824 100644 --- a/public/assets/css/settings.css +++ b/public/assets/css/settings.css @@ -1,7 +1,3 @@ -.nav-bar-nav > li > a > .glyphicon { - top: 9px; -} - @keyframes rotating { from { -ms-transform: rotate(0deg); @@ -23,4 +19,67 @@ -webkit-animation: rotating 1s linear infinite;; -o-animation: rotating 1s linear infinite;; animation: rotating 1s linear infinite;; +} + +/* The switch - the box around the slider */ +.switch { + position: relative; + display: inline-block; + width: 40px; + height: 18px; +} + +/* Hide default HTML checkbox */ +.switch input { + opacity: 0; + width: 0; + height: 0; +} + +/* The slider */ +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #636363; + -webkit-transition: .4s; + transition: .4s; +} + +.slider:before { + position: absolute; + content: ""; + height: 14px; + width: 14px; + left: 2px; + bottom: 2px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; +} + +input:checked + .slider { + background-color: #cc7b19; +} + +input:focus + .slider { + box-shadow: 0 0 1px #cc7b19; +} + +input:checked + .slider:before { + -webkit-transform: translateX(22px); + -ms-transform: translateX(22px); + transform: translateX(22px); +} + +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} + +.slider.round:before { + border-radius: 50%; } \ No newline at end of file