kristoferssolo/solorice
1
0
Fork 0
mirror of https://github.com/kristoferssolo/solorice.git synced 2025-10-21 20:10:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
eae6ecaebb
solorice/config/spicetify/Extracted/Raw/xpui/dwp-video-player.css

25 lines
11 KiB
CSS
Executable File
Raw Blame History

.VideoPlayer__container{display:grid;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}video::cue{background-color:rgba(0,0,0,.7);color:#fff;font-size:max(100%,1rem);font-weight:400}video::-webkit-media-text-track-display{--subtitles-spacer:24px;background-color:rgba(0,0,0,.7);border-radius:8px;margin-left:var(--subtitles-spacer);padding:0 12px;text-align:left!important;width:calc(100% - var(--subtitles-spacer)*2)!important}@supports selector(video::-webkit-media-text-track-display){video::cue{background-color:transparent}}.L30NtFiBvBcyDh05qn_u{inset-block-start:0;inset-inline-end:0;padding:var(--encore-spacing-tighter);position:absolute;z-index:2}.L30NtFiBvBcyDh05qn_u,.aR68x7OIyGWzTgdtxZ6f{display:-webkit-box;display:-ms-flexbox;display:flex}.aR68x7OIyGWzTgdtxZ6f{border-radius:var(--encore-corner-radius-base);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:1000px;max-width:1000px;overflow:hidden;position:relative;width:100%}@media(height <= 768px){.aR68x7OIyGWzTgdtxZ6f{max-height:450px;max-width:450px}}@media(769px <= height <= 992px){.aR68x7OIyGWzTgdtxZ6f{max-height:650px;max-width:650px}}@media(993px <= height <= 1279px){.aR68x7OIyGWzTgdtxZ6f{max-height:900px;max-width:900px}}.anoG0BFHzWPx97SA0qBF{aspect-ratio:9/16;height:100%;max-height:1280px;max-width:720px;width:auto}.CjNrWN36pkl9Lp6zxCxZ{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--encore-spacing-looser);width:100%}.aR68x7OIyGWzTgdtxZ6f video{width:100%}.Rn_VjXFoM0opnpQWlSw6{pointer-events:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.syutothNTJp78DxfFA5B{-webkit-transform:scale(1);transform:scale(1)}.WAhXnEZZBOdLN1GhjuFs{-webkit-transform:scale(0);transform:scale(0)}.fFoN1cMJLIJo0k_vgNyw{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.Lk23rM5uSl5mgEXroOPH{border:0;display:block;margin:0 6%;position:relative;width:88%}.yJ2Sz652eyijqIrRrwpJ{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:88%}.ZPVxrOnQOQc_5KDCNgcI{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.f14LfcDx_wvogzdXzoq9{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;background-color:transparent;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--encore-spacing-tighter-2) var(--encore-spacing-tighter-4)}.f14LfcDx_wvogzdXzoq9:focus,.f14LfcDx_wvogzdXzoq9:hover{color:#b3b3b3;-webkit-transform:scale(1.1);transform:scale(1.1)}.QMMTQfEw3AIHFf4dTRp3{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:-15% 80%;transform-origin:-15% 80%;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.Hj1B5D7WgG4aZkU8meAp{width:100%}.nPKDEvIoCzySBR24pZiN{-webkit-transform:scale(1);transform:scale(1)}.dqP_KBPyAygbxKtY3k3w{-webkit-transform:scale(0);transform:scale(0)}.Lk23rM5uSl5mgEXroOPH video{width:100%} .ZPVxrOnQOQc_5KDCNgcI{-webkit-margin-end:-var(--encore-spacing-looser);margin-inline-end:-var(--encore-spacing-looser)}.Psc33HXPyazZYAAr1tgz{-webkit-app-region:no-drag;background:rgba(0,0,0,.7);color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:none;border-radius:30px;height:30px;justify-content:center;text-align:center;width:30px}.Psc33HXPyazZYAAr1tgz:hover{color:#fff}.VGJz_GOARJ6j02JICvW6{background:transparent;color:#b3b3b3}.VpNHGG5ZhoxQ8AqW709S:focus{border-color:#fff;color:#fff}.P7395UzhjxLUlLZvj5fb{border-color:#1db954;color:#1db954;position:relative}.P7395UzhjxLUlLZvj5fb:after{background-color:#1db954;border-radius:50%;bottom:2px;content:"";display:block;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}.P7395UzhjxLUlLZvj5fb:focus{border-color:#1ed760;color:#1ed760}.P7395UzhjxLUlLZvj5fb:focus:after{background-color:#1ed760}.MBzbwWcyfbqSftBtnn3g button>svg,.fuONPgUcYO2bf15HunlX button>svg{color:#1db954}.aHe1QDDI5hmYWAKf4MoR{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0;z-index:3;-webkit-box-pack:end;-ms-flex-pack:end;gap:clamp(8px,4%,16px);justify-content:flex-end;opacity:0;padding:16px;-webkit-transition:opacity .2s;transition:opacity .2s}.aHe1QDDI5hmYWAKf4MoR:focus-within{opacity:1}.DtWKCk0YYDlZT11U1niL{background-color:rgba(0,0,0,.54);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:1}.DtWKCk0YYDlZT11U1niL,.RTSxo7zS2ozOeg4gnC2c{bottom:0;left:0;position:absolute;right:0;top:0}.RTSxo7zS2ozOeg4gnC2c{z-index:2}.ZcIaDrsIojjWZ_Xf_6iN{height:48px;left:50%;margin-left:-24px;margin-top:-24px;opacity:0;position:absolute;top:50%;width:48px}.pLL2Ok4QckLG8GAWriCB{opacity:1}/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter,
Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
* Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
*/.kJKEEG391Pf_PLzwG2Vm{background:#000;height:100%;overflow:hidden;pointer-events:auto;width:100%}.kJKEEG391Pf_PLzwG2Vm[hidden]{display:none}.kJKEEG391Pf_PLzwG2Vm video{height:100%;left:50%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw}.spotify__container--is-desktop.spotify__os--is-windows .gVnOoWHXwLnTNK2RRIKg{top:40px}.ngkFeIGFyNUaxRspbs5H{background:transparent;height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ngkFeIGFyNUaxRspbs5H .VideoPlayer__container{display:block;height:100%;max-height:100%;max-width:100%;width:100%}.ngkFeIGFyNUaxRspbs5H .VideoPlayer__container video{background:transparent;border-radius:8px;height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.VideoFullscreenMode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1}.VideoFullscreenMode__video-container{background:#000;bottom:0;height:100vh;left:0;position:absolute;right:0;top:0;width:100vw}.VideoFullscreenMode__video-container video{height:100vh;width:100vw}/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter,
Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
* Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
*/._2r290M0vbnbQGfhLbvq{--video-player-npv-min-width:99px;--video-player-npv-min-height:56px;overflow:hidden}._2r290M0vbnbQGfhLbvq[hidden]{display:none}._2r290M0vbnbQGfhLbvq video{background-color:#000;max-height:var(--video-player-npv-min-height);max-width:var(--video-player-npv-min-width);-o-object-fit:contain;object-fit:contain;width:100%}.H2mo30Z5kNiGZbZ9U2Nu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;inset-block-start:0;inset-inline-end:0;position:absolute;width:100%}.TbZ7pNOfpFK2FmnFuQcW{inset-inline-end:var(--encore-spacing-base);opacity:0;position:absolute;top:var(--encore-spacing-base);-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in;z-index:2}.BRt_JFU0qTnWIGCaWWJY{opacity:1}.BRt_JFU0qTnWIGCaWWJY:focus-within{opacity:1}.Qhq7SHNg9UlhtkK9I6Km{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--encore-spacing-base) var(--encore-spacing-base) 0;max-width:100%}.Qhq7SHNg9UlhtkK9I6Km[hidden]{display:none}.Qhq7SHNg9UlhtkK9I6Km video{border-radius:var(--encore-corner-radius-larger);overflow:hidden;width:100%}.ZWx9Xu8F_WoC4M_KEbtW{aspect-ratio:9/16}.Qhq7SHNg9UlhtkK9I6Km.ZWx9Xu8F_WoC4M_KEbtW{margin:0}.Qhq7SHNg9UlhtkK9I6Km.ZWx9Xu8F_WoC4M_KEbtW video{height:100%}__workaround_element__{--__workaround_property__:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter,
Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=35378cd201a131f69c68a64bc4438544)
* Config saved to config.json and https://gist.github.com/35378cd201a131f69c68a64bc4438544
*/@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}@media(min-width:1500px){.container{width:1450px}}.row{margin-left:-16px;margin-right:-16px}.container:after,.row:after{clear:both}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important}.ouiL5cH1WduxtprQ0Iig{aspect-ratio:1/1;--video-player-npv-min-width:160px;--video-player-npv-min-height:90px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;position:relative}.ouiL5cH1WduxtprQ0Iig[hidden]{display:none}.ouiL5cH1WduxtprQ0Iig video{height:calc(100% - 24px);min-height:var(--video-player-npv-min-height);min-width:var(--video-player-npv-min-width);-o-object-fit:contain;object-fit:contain;width:100%}
Reference in New Issue View Git Blame Copy Permalink