forked from captbaritone/webamp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.e77fb099.css.map
1 lines (1 loc) · 6.15 KB
/
index.e77fb099.css.map
1
{"mappings":"ACCA,+DAKA,2BAGA,yJAWA,sGAWA,iCACE,qBAIF,oCAMA,4FAQA,6HASA,yEAIA,sEAIA,uCAGA,wCAGA,qDAKA,0CAQA,4GAYA,+EAKA,kEAIA,mEAIA,mEAIA,iEAsBA,yEAKA,+OAYA,mFAIA","sources":["index.e77fb099.css","packages/webamp/demo/css/page.css"],"sourcesContent":["body {\n background-color: #3a6ea5;\n font-family: arial;\n font-size: 15px;\n}\n\n::selection {\n background: none;\n}\n\n#browser-compatibility {\n width: 275px;\n text-align: center;\n background: #fff;\n margin-top: -58px;\n margin-left: -137px;\n display: none;\n position: absolute;\n top: 40%;\n left: 50%;\n}\n\n.about {\n color: #fff;\n z-index: -1;\n flex-direction: row;\n margin: 0;\n display: none;\n position: fixed;\n bottom: 0;\n right: 0;\n}\n\n@media (display-mode: fullscreen) {\n .about {\n display: none;\n }\n}\n\n.about.loaded, .about a {\n display: flex;\n}\n\n.about a svg {\n width: 16px;\n height: 16px;\n fill: #fff;\n margin: 10px 13px;\n transition: all .25s ease-out;\n}\n\n.about a:before {\n content: \"\";\n width: 42px;\n height: 2px;\n background-color: #fff0;\n transition: all .25s ease-out;\n position: absolute;\n top: 0;\n}\n\n.about a:hover:before {\n background-color: #fff;\n transition: all .25s ease-out;\n}\n\n.about a:hover svg {\n transition: all .25s ease-out;\n transform: scale(1.35);\n}\n\n#github-share {\n background-color: #2d3238;\n}\n\n#music-credits {\n background-color: #598dc5;\n}\n\n#butterchurn-share {\n background-size: 100%;\n display: none;\n}\n\n#app {\n z-index: -2;\n position: absolute;\n inset: 0;\n}\n\n#app #loading {\n color: #fff;\n text-align: center;\n height: 30px;\n margin: auto;\n font-size: 40px;\n position: absolute;\n inset: 0;\n}\n\n#app #loading .ellipsis-anim span {\n opacity: 0;\n animation: 1s infinite ellipsis-dot;\n}\n\n#app #loading .ellipsis-anim span:nth-child(1) {\n animation-delay: 0s;\n}\n\n#app #loading .ellipsis-anim span:nth-child(2) {\n animation-delay: .1s;\n}\n\n#app #loading .ellipsis-anim span:nth-child(3) {\n animation-delay: .2s;\n}\n\n@keyframes ellipsis-dot {\n 0% {\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.desktop-icon {\n text-align: center;\n cursor: pointer;\n image-rendering: pixelated;\n}\n\n.desktop-icon-title {\n color: #fff;\n -webkit-font-smoothing: none;\n width: 100%;\n text-overflow: ellipsis;\n word-wrap: break-word;\n overflow-wrap: break-word;\n border: 1px dotted #0000;\n margin-top: 5px;\n font-family: MS Sans Serif, Segoe UI, sans-serif;\n font-size: 11px;\n}\n\n.desktop-icon.selected .desktop-icon-title {\n background-color: navy;\n border-color: #fff;\n}\n\n.desktop-icon.selected img {\n filter: brightness(.35) sepia() hue-rotate(148deg) saturate(10);\n}\n\n/*# sourceMappingURL=index.e77fb099.css.map */\n","/* Rules for the page layout */\nbody {\n background-color: rgb(58, 110, 165);\n font-family: arial;\n font-size: 15px;\n}\n\n::selection {\n background: none;\n}\n\n#browser-compatibility {\n display: none;\n position: absolute;\n width: 275px;\n margin-top: -58px;\n margin-left: -137px;\n top: 40%;\n left: 50%;\n background: white;\n text-align: center;\n}\n\n.about {\n position: fixed;\n bottom: 0;\n right: 0;\n color: white;\n /* Let users drag windows over this text */\n z-index: -1;\n margin: 0;\n display: none;\n flex-direction: row;\n}\n\n@media all and (display-mode: fullscreen) {\n .about {\n display: none;\n }\n}\n\n.about.loaded {\n display: flex;\n}\n\n.about a {\n display: flex;\n}\n\n.about a svg {\n margin: 10px 13px;\n width: 16px;\n height: 16px;\n fill: #fff;\n transition: 0.25s ease-out;\n}\n\n/* TODO: Ideally this would be a border not a :before */\n.about a:before {\n position: absolute;\n top: 0;\n content: \"\";\n width: 42px; /* TODO: This should be derived not hard coded */\n height: 2px;\n background-color: rgba(255, 255, 255, 0);\n transition: 0.25s ease-out;\n}\n\n.about a:hover:before {\n background-color: rgba(255, 255, 255, 255);\n transition: 0.25s ease-out;\n}\n\n.about a:hover svg {\n transition: 0.25s ease-out;\n transform: scale(1.35);\n}\n\n#github-share {\n background-color: #2d3238;\n}\n\n#music-credits {\n background-color: rgb(89, 141, 197);\n}\n\n#butterchurn-share {\n display: none; /* Button is only shown if the window gets enabled */\n background-size: 100%; /* Image is 2x size for retina displays */\n background-size: 100%; /* Image is 2x size for retina displays */\n}\n\n#app {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: -2; /* Place this below the about buttons */\n}\n\n#app #loading {\n color: white;\n text-align: center;\n font-size: 40px;\n height: 30px;\n position: absolute;\n margin: auto;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n#app #loading .ellipsis-anim span {\n opacity: 0;\n -webkit-animation: ellipsis-dot 1s infinite;\n animation: ellipsis-dot 1s infinite;\n}\n\n#app #loading .ellipsis-anim span:nth-child(1) {\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n#app #loading .ellipsis-anim span:nth-child(2) {\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n}\n\n#app #loading .ellipsis-anim span:nth-child(3) {\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n}\n\n@-webkit-keyframes ellipsis-dot {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes ellipsis-dot {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.desktop-icon {\n text-align: center;\n cursor: pointer;\n image-rendering: pixelated;\n}\n\n.desktop-icon-title {\n color: white;\n font-family: \"MS Sans Serif\", \"Segoe UI\", sans-serif;\n font-size: 11px;\n -webkit-font-smoothing: none;\n margin-top: 5px;\n width: 100%;\n border: 1px dotted transparent;\n text-overflow: ellipsis;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.desktop-icon.selected .desktop-icon-title {\n background-color: #000080;\n border-color: white;\n}\n\n.desktop-icon.selected img {\n filter: brightness(0.35) sepia(100%) hue-rotate(148deg) saturate(10);\n}\n"],"names":[],"version":3,"file":"index.e77fb099.css.map"}