dotfiles/.config/spicetify/Extracted/Raw/xpui/home-v2.css

10 lines
11 KiB
CSS
Executable File

.view-homeShortcutsGrid-shortcuts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:column;flex-direction:column;margin-bottom:16px;min-height:200px;position:relative}.view-homeShortcutsGrid-grid{grid-gap:var(--row-gap) var(--column-gap);display:grid;grid-template:auto/repeat(auto-fill,minmax(max(var(--min-column-width),25%),1fr))}.view-homeShortcutsGrid-shortcutLink{bottom:0;content:"";cursor:pointer;left:0;overflow:hidden;right:0;text-indent:100%;top:0;white-space:nowrap;z-index:0}.view-homeShortcutsGrid-shortcut{background-color:hsla(0,0%,100%,.1);border-radius:4px;height:var(--item-height);overflow:hidden;position:relative;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.view-homeShortcutsGrid-shortcut:focus-within,.view-homeShortcutsGrid-shortcut:hover,.view-homeShortcutsGrid-shortcut[data-context-menu-open=true]{background:hsla(0,0%,100%,.2)}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-draggable{display:-webkit-box;display:-ms-flexbox;display:flex}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-imageContainer{min-height:var(--item-height);min-width:var(--item-height)}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-imageWrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:hsla(0,0%,100%,.2);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.5);box-shadow:0 8px 24px rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;position:relative;width:100%}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-image{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;justify-content:space-between;padding:0 16px}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main .view-homeShortcutsGrid-nameWrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main .view-homeShortcutsGrid-name{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main .EzRmGRncgnv1zFgF4dqE{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal;word-break:break-word}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main .bPmmKmSPLKMhtJSaUJRX{-webkit-margin-start:0;-webkit-margin-end:8px;-ms-flex-item-align:center;align-self:center;margin-inline-end:8px;margin-inline-start:0;margin-top:0}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main .vpQWUBWS_lXRLZMRJT7w{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;min-height:16px}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-main .GSv7K805J9Jw7LB9tn2A{-webkit-box-flex:0;-ms-flex:0 50%;flex:0 50%}.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-shortcutLink{position:absolute;z-index:0}@media(pointer:fine){.view-homeShortcutsGrid-shortcut .view-homeShortcutsGrid-shortcutLink:hover{cursor:pointer}}.view-homeShortcutsGrid-PlayButtonContainer{border-radius:500px;-webkit-box-shadow:0 8px 8px rgba(0,0,0,.3);box-shadow:0 8px 8px rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;pointer-events:none;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:2}@media(pointer:coarse){.view-homeShortcutsGrid-PlayButtonContainer{display:none}}[dir=ltr] .view-homeShortcutsGrid-PlayButtonContainer{margin-left:8px}.s9c9x_mJq197U2hBzGtV{opacity:1;pointer-events:auto;position:relative}.view-homeShortcutsGrid-shortcut:hover .view-homeShortcutsGrid-PlayButtonContainer{opacity:1}.view-homeShortcutsGrid-shortcut:focus-within .view-homeShortcutsGrid-PlayButtonContainer{opacity:1}@media(pointer:fine){.view-homeShortcutsGrid-shortcut:hover .view-homeShortcutsGrid-PlayButtonContainer{opacity:1;pointer-events:auto;position:relative}.view-homeShortcutsGrid-shortcut:focus-within .view-homeShortcutsGrid-PlayButtonContainer{opacity:1;pointer-events:auto;position:relative}}.J6UEDIqMSJhYlwGoeUZB{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#056952;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}[dir=ltr] .J6UEDIqMSJhYlwGoeUZB{border-radius:4px 0 0 4px}.ZjFf4lVC48DSryAjP9qB{color:#1ed760}.zUf7jtv9GPOKC1jYO5TO:focus-within,.zUf7jtv9GPOKC1jYO5TO:hover{background-color:hsla(0,0%,100%,.1)}.T8QLel3PoQTgJUpGYj7Q{overflow:hidden;position:relative}@media(prefers-reduced-motion:no-preference){.T8QLel3PoQTgJUpGYj7Q:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}}.v7dc5ekmeBiAYnLzV8oT{margin-bottom:16px}.z4popIk32AsyDKlV1o1v{stroke:#b3b3b3;border-radius:8px;-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 10px 30px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);color:hsla(0,0%,100%,.6);display:block;height:100%;left:0;overflow:hidden;padding:8px;position:absolute;text-align:start;top:0;-webkit-transition:background-color .25s linear;transition:background-color .25s linear;width:100%;word-break:break-word}._xxuonqkZEQ7pCffxlUD{height:100%;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(50%,#000),to(transparent));-webkit-mask-image:linear-gradient(#000,#000 50%,transparent);mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(50%,#000),to(transparent));mask-image:linear-gradient(#000,#000 50%,transparent);overflow:hidden}.x1FErCk9Xh9VumpOLyfm{bottom:0;-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 10px 30px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);height:40px;position:absolute;width:40px}.heeHk6hz8sAXLIU6P6an{vertical-align:middle}html .x1FErCk9Xh9VumpOLyfm{left:0;-webkit-transform:translateY(16.6666666667%) translateX(-16.6666666667%);transform:translateY(16.6666666667%) translateX(-16.6666666667%)}html .heeHk6hz8sAXLIU6P6an{margin-right:8px}.Hhfi1xnYwoHoMP2rcltS{color:#b3b3b3;font-size:11px;font-weight:400;letter-spacing:1px;line-height:10px;padding:8px 0 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%)}}.main-topBar-searchBar{-webkit-box-flex:0;-ms-flex:0 1 364px;flex:0 1 364px;position:relative}.nav-ylx .main-topBar-searchBar:hover .x-searchInput-searchInputSearchIcon{color:#fff}.nav-ylx .main-topBar-searchBar:focus-within .x-searchInput-searchInputSearchIcon{color:#fff}.x-searchInput-searchInputInput{border:0;border-radius:500px;color:#000;height:40px;padding:6px 48px;text-overflow:ellipsis;width:100%}.nav-ylx .x-searchInput-searchInputInput{background-color:#242424;color:#fff!important;height:48px;padding:6px 36px}.nav-ylx .x-searchInput-searchInputInput:hover{background-color:#2a2a2a;-webkit-box-shadow:0 0 0 1px hsla(0,0%,100%,.2);box-shadow:0 0 0 1px hsla(0,0%,100%,.2);outline:none}.nav-ylx .x-searchInput-searchInputInput:focus{-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;outline:none}.x-searchInput-searchInputInput::-ms-clear{display:none}.x-searchInput-searchInputOnSearch .x-searchInput-searchInputInput{background-color:rgba(0,0,0,.5)}.x-searchInput-searchInputOnSearch ::-webkit-input-placeholder{color:#fff}.x-searchInput-searchInputOnSearch ::-moz-placeholder{color:#fff}.x-searchInput-searchInputOnSearch :-ms-input-placeholder{color:#fff}.x-searchInput-searchInputOnSearch ::-ms-input-placeholder{color:#fff}.x-searchInput-searchInputOnSearch .x-searchInput-searchInputSearchIcon,.x-searchInput-searchInputOnSearch .x-searchInput-searchInputClearButton,.x-searchInput-searchInputOnSearch ::placeholder{color:#fff}.x-searchInput-searchInputIconContainer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:12px;pointer-events:none;position:absolute;right:12px;top:0}.x-searchInput=searchInputClearIcon{display:block}.nav-ylx .x-searchInput=searchInputClearIcon{pointer-events:visible}.x-searchInput-searchInputSearchIcon{-webkit-box-flex:1;color:#121212;-ms-flex:1;flex:1}.nav-ylx .x-searchInput-searchInputSearchIcon{color:hsla(0,0%,100%,.7)}.nav-ylx .x-searchInput-searchInputSearchIcon:active,.nav-ylx .x-searchInput-searchInputSearchIcon:focus,.nav-ylx .x-searchInput-searchInputSearchIcon:hover{color:#fff!important}.x-searchInput-searchInputClearButton{background-color:transparent;border:0;color:#121212;padding:0;pointer-events:auto}.nav-ylx .x-searchInput-searchInputClearButton{color:#fff}
/*!
* 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}.FixedColumnsContainerInGrid+.Shelf{-ms-flex-preferred-size:0;flex-basis:0}.Shelf{-ms-flex-preferred-size:100%;flex-basis:100%}.main-home-home{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;isolation:isolate;padding-top:24px}.nav-ylx .main-home-home{padding-top:8px}.main-home-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:24px}