2 lines
3.0 KiB
CSS
Executable File
2 lines
3.0 KiB
CSS
Executable File
.error-and-offline,.error-and-offline .error-content{display:block}.attribution-container{position:fixed;bottom:0;z-index:1;height:1em;opacity:.4;color:#fff}.attribution-container{margin:1em 2em}.attribution-container{left:0}.attribution-container.nolyrics{display:none}.lyrics-header .track{font-size:medium;color:#fff}.lyrics-color-container{position:absolute;top:0;bottom:0;transition:background-color .5s ease-in-out}.lyrics-color-container{background:#000}.lyrics-color-container{left:0;right:0}.online-container{color:#fff;font-weight:700;position:absolute;top:48px;bottom:48px;overflow:scroll}.online-container{left:0;right:0}.lyrics-lines-container,.message-container{position:absolute;top:40%;bottom:0}.lyrics-lines-container,.message-container{left:0;right:0}.lyrics-lines-container h1,.lyrics-lines-container p,.message-container h1{font-size:36px;line-height:36px;min-height:36px}@media(min-width:820px)and (min-height:768px){.lyrics-lines-container h1,.lyrics-lines-container p,.message-container h1{font-size:48px;line-height:48px;min-height:48px}}@media(min-width:1280px)and (min-height:768px){.lyrics-lines-container h1,.lyrics-lines-container p,.message-container h1{font-size:72px;line-height:72px;min-height:72px}}.lyrics-list-full p{margin-bottom:36px}@media(min-width:820px)and (min-height:768px){.lyrics-list-full p{margin-bottom:48px}}@media(min-width:1280px)and (min-height:768px){.lyrics-list-full p{margin-bottom:72px}}.message-container p{font-weight:400;font-size:16px;min-height:16px;line-height:16px}@media(min-width:820px)and (min-height:768px){.message-container p{font-size:18px;min-height:18px;line-height:18px}}@media(min-width:1280px)and (min-height:768px){.message-container p{font-size:28px;min-height:28px;line-height:28px}}.lyrics-lines-container .lyrics-list-animated{width:70%}.lyrics-lines-container .lyrics-list-animated{margin:0 auto}.lyrics-lines-container .lyrics-list-animated{height:calc(100% - 18px)}.lyrics-lines-container .lyrics-list-animated .lyrics-line{position:absolute;transition:top .25s,opacity .25s,font-size .25s,color .25s;width:70%}.lyrics-lines-container .lyrics-list-animated .lyrics-line{transition-timing-function:ease-out}.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="0"]{opacity:0}.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="1"]{opacity:1}.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="2"],.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="3"]{opacity:.5;color:#000}.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="4"]{opacity:0;color:#000}.lyrics-lines-container .lyrics-list-full{width:70%}.lyrics-lines-container .lyrics-list-full{margin:0 auto}.lyrics-lines-container .no-lyrics-message{width:70%;color:#000}.lyrics-lines-container .no-lyrics-message{margin:0 auto;text-shadow:0 0 10px hsla(0,0%,100%,.25)}.message-container{width:70%}.message-container{margin:0 auto}
|
|
/*# sourceMappingURL=lyrics.css.map*/ |