-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyle.css.map
More file actions
1 lines (1 loc) · 7.47 KB
/
style.css.map
File metadata and controls
1 lines (1 loc) · 7.47 KB
1
{"version":3,"sources":["https://fonts.googleapis.com/css?family=Pacifico","style.css","style.less"],"names":[],"mappings":"AAAA,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,0BAA2B,0BAA2B,6FAA4F,mBCazJ,EACA,KACA,QACA,QAfA,OAyDA,QACA,MAiBA,MAxCA,EAnBA,IANA,WAbA,KA8DA,OATA,QAZA,OArBA,KACA,KAuBA,GAtBA,IAyCA,QAxCA,IAtBA,IAyCA,GACA,GAnBA,GAwCA,MAhBA,SAkBA,WADA,OAEA,OAlBA,KA3CA,GACA,GACA,GACA,GACA,GACA,GAyDA,OACA,OCvEA,KD0CA,EAnCA,OAoBA,IACA,IACA,IAuBA,MACA,OAJA,GA8BA,KAPA,KACA,IAnEA,OAyCA,GA2BA,OA5DA,EAEA,IAcA,EA6CA,KA5CA,EACA,KA4CA,QA3CA,MA7BA,KA8BA,OACA,OACA,IAyCA,QAxCA,IAiBA,MAEA,MAKA,GAJA,MAGA,GAFA,MAoBA,KAnBA,GArBA,GAGA,EAOA,GATA,IA0CA,MCpEE,OAAA,EACA,QAAA,EACA,OAAA,EAEA,KAAA,QACA,eAAA,SAGF,QDsEA,MACA,QACA,WACA,OACA,OACA,OACA,OACA,KACA,IACA,QC7EE,QAAA,MAEF,KACE,YAAA,EAEF,GD+EA,GC9EE,WAAA,KAEF,WDgFA,EC/EE,OAAA,KDmFF,iBCjFA,kBDmFA,QADA,SChFE,QAAA,GACA,QAAA,KAEF,MACE,gBAAA,SACA,eAAA,EASF,eACE,iBAAA,KACA,SAAA,SACA,IAAA,IACA,KAAA,IACA,kBAAA,qBAAA,UAAA,qBACA,QAAA,MAAA,KAAA,EACA,cAAA,IAPF,sBAUI,MAAA,QACA,SAAA,SACA,IAAA,KACA,KAAA,KACA,YAAA,SAAA,QACA,UAAA,KAMJ,OACI,SAAA,SAEA,aACE,QAAA,GACA,QAAA,MACA,MAAA,KANN,cAUM,MAAA,KACA,cAAA,IAXN,0BAcU,SAAA,SACA,IAAA,KACA,KAAA,IACA,kBAAA,sBAAA,UAAA,sBAmCV,WAtBA,WA0BE,SAAA,SAGA,WAAA,IAAA,KAAA,KAvCI,sCACE,YAAA,KAGF,oBAAA,oBACE,OAAA,QAKR,WACE,iBAAA,KACA,MAAA,IACA,OAAA,KACA,OAAA,IAAA,MAAA,KAEA,QAAA,GACA,WAAA,EAAA,IAAA,IAAA,KAPF,uBAWI,OAAA,IAAA,MAAA,KACA,MAAA,KACA,cAAA,IACA,QAAA,IAAA,IAGF,uBACE,WAAA,EAAA,EAAA,EAAA,YAAA,MAAA,KAAA,EAAA,KAAA,MAAA,QAIJ,WACE,WAAA,wCACA,MAAA,IACA,OAAA,IAEA,QAAA,GACA,WAAA,KANF,uBAUI,OAAA,IAAA,MAAA,KACA,MAAA,KACA,cAAA,IACA,QAAA,IAAA,IACA,UAAA,KAGA,uBACE,WAAA,KAAA,KAAA,IAAA,qBAAA,MAAA,EAAA,KAAA,IAAA,IAAA,eAAA,MAAA,EAAA,IAAA,IAAA,eACA,WAAA","file":"style.css","sourcesContent":[null,"@import url('https://fonts.googleapis.com/css?family=Pacifico');\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: '';\n content: none;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n.piano-wrapper {\n background-color: #000;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 120px 30px 0;\n border-radius: 5px;\n}\n.piano-wrapper i.logo {\n color: #ccac00;\n position: absolute;\n top: 30px;\n left: 30px;\n font-family: 'Pacifico', cursive;\n font-size: 24px;\n}\n.octet {\n position: relative;\n}\n.octet:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.octet li.key {\n float: left;\n border-radius: 4px;\n}\n.octet li.key .key-letter {\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, -200%);\n}\n.octet li.key:not(.key-f):not(.key-c) {\n margin-left: -1em;\n}\n.octet li.key:hover {\n cursor: pointer;\n}\n.key-white {\n background-color: #fff;\n width: 4em;\n height: 16em;\n border: 1px solid #ccc;\n position: relative;\n z-index: 10;\n box-shadow: 0 5px 5px #aaa;\n transition: all .06s ease;\n}\n.key-white .key-letter {\n border: 1px solid #666;\n color: #666;\n border-radius: 2px;\n padding: 3px 7px;\n}\n.key-white.key-pressed {\n box-shadow: 0 0 0 transparent, inset -5px 0px 75px -18px #b8b2b8;\n}\n.key-black {\n background: linear-gradient(45deg, #222 0%, #555 100%);\n width: 2em;\n height: 8em;\n position: relative;\n z-index: 20;\n box-shadow: none;\n transition: all .06s ease;\n}\n.key-black .key-letter {\n border: 1px solid #fff;\n color: #fff;\n border-radius: 2px;\n padding: 3px 5px;\n font-size: 12px;\n}\n.key-black.key-pressed {\n box-shadow: -1px -1px 2px rgba(255, 255, 255, 0.2) inset, 0 -2px 2px 3px rgba(0, 0, 0, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.7);\n background: linear-gradient(to right, #444 0%, #222 100%);\n}\n","html, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\nbody {\n line-height: 1;\n}\nol, ul {\n list-style: none;\n}\nblockquote, q {\n quotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: '';\n content: none;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n// Google Fonts\n@import url('https://fonts.googleapis.com/css?family=Pacifico');\n\n\n// piano\n\n.piano-wrapper {\n background-color: #000;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n padding: 120px 30px 0;\n border-radius: 5px;\n\n i.logo {\n color: #ccac00;\n position: absolute;\n top: 30px;\n left: 30px;\n font-family: 'Pacifico', cursive;\n font-size: 24px;\n }\n}\n\n\n// keys\n.octet {\n position: relative;\n \n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n li.key {\n float: left;\n border-radius: 4px;\n \n .key-letter {\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%,-200%);\n }\n\n &:not(.key-f):not(.key-c) {\n margin-left: -1em;\n }\n\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.key-white {\n background-color: #fff;\n width: 4em;\n height: 16em;\n border: 1px solid #ccc;\n position: relative;\n z-index: 10;\n box-shadow: 0 5px 5px #aaa;\n transition: all .06s ease;\n \n .key-letter {\n border: 1px solid #666;\n color: #666;\n border-radius: 2px;\n padding: 3px 7px;\n }\n\n &.key-pressed {\n box-shadow: 0 0 0 transparent, inset -5px 0px 75px -18px rgba(184,178,184,1);\n }\n}\n\n.key-black {\n background: linear-gradient(45deg, #222 0%,#555 100%);\n width: 2em;\n height: 8em;\n position: relative;\n z-index: 20;\n box-shadow: none;\n transition: all .06s ease;\n\n .key-letter {\n border: 1px solid #fff;\n color: #fff;\n border-radius: 2px;\n padding: 3px 5px;\n font-size: 12px;\n }\n\n &.key-pressed {\n box-shadow:-1px -1px 2px rgba(255,255,255,0.2) inset, 0 -2px 2px 3px rgba(0,0,0,0.8) inset, 0 1px 2px rgba(0,0,0,0.7);\n background: linear-gradient(to right, #444 0%, #222 100%);\n }\n}"]}