genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2026-01-13 12:09:59 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
learn-morse-code/static/css/main.8d63c56d.chunk.css.map
Gene Mecija c6c246cb26 Initial build subtree commit
2020-02-13 14:05:34 -08:00

1 line
47 KiB
Plaintext
Raw Blame History

{"version":3,"sources":["main.8d63c56d.chunk.css","index.css","../scss/App.scss","App.css"],"names":[],"mappings":"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CAGtB,sBAAuB,CAGvB,oBAAqB,CAC7B,SAAU,CACV,eAAgB,CAChB,cACF,CAEA,qCACE,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CACf,UAAW,CACX,YAAc,CACd,mBAAoB,CACpB,gBAAiB,CAGjB,YAAa,CAET,wBAAyB,CAEzB,cAAe,CACnB,iBACF,CAEA,0CACE,UAAW,CACX,kBAAmB,CACnB,aAAc,CAGd,aAAmB,CACnB,iBAAkB,CAEV,oDACV,CAEA,sBACE,UAAW,CAGX,YAAa,CACb,0BAA2B,CAC3B,uBAAwB,CACxB,kBAAmB,CAGX,6BACV,CAEA,+BACE,6BAAiC,CACjC,YAAc,CACd,cAAgB,CAChB,UACF,CAEA,uCACE,6BACF,CAEA,6BACE,kBAAmB,CACnB,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAW,CACX,YAAc,CAGd,YAAa,CAGL,kBACV,CAEA,mCACE,YACF,CAEA,cACE,uBAAwB,CAGxB,YAAa,CAIL,qBAAsB,CAC9B,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,gBACF,CAEA,uBAEU,mFAA4F,CACpG,iBAAkB,CAClB,oBAAqB,CACrB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,WACF,CAEA,0CACE,uBACE,WACF,CACA,kCACE,SACF,CACA,+DACE,SACF,CACA,aAIU,qBAAsB,CAGtB,kBACV,CACF,CAEA,yCACE,gCACE,WAAY,CACZ,eACF,CACA,QACE,WAAY,CACZ,eAAgB,CAChB,YAAa,CACb,gBAAiB,CACjB,gBAAiB,CACjB,gBACF,CACA,sBACE,cAAiB,CACjB,cACF,CACA,wBACE,gBAAiB,CACjB,cACF,CACA,oBACE,0BACF,CACA,kCACE,OAAQ,CACR,WAAY,CACZ,aAAc,CACd,eAAgB,CAChB,0BACF,CACA,uCACE,uBAAwB,CACxB,sBAAuB,CAEf,4BAAmC,CAC3C,WACF,CACA,wDACE,YACF,CACA,yDACE,WACF,CACA,oEACE,SACF,CACA,iGACE,SACF,CACA,oCACE,eAAgB,CAChB,iBAAkB,CAClB,SACF,CACA,+CACE,MAAQ,CACR,WACF,CACA,iDACE,0BAA2B,CAC3B,uBAAwB,CACxB,kBAAmB,CACnB,8BAA+B,CAC/B,2BAA4B,CAC5B,sBAAuB,CACvB,WAAY,CACZ,WAAY,CAIJ,qBAAsB,CAGtB,kBAAmB,CAC3B,WACF,CACA,kEACE,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,sEACE,eACF,CACA,4EACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBAAkB,CAClB,aACF,CACA,0JACE,aACF,CACA,yJACE,cACF,CACA,yEACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBACF,CACA,iJACE,UAAW,CACX,gBAAiB,CACjB,SAAY,CACZ,SACF,CACA,6KACE,eACF,CACA,mLACE,SACF,CAIA,swBACE,aACF,CACA,iLACE,eAAgB,CAChB,eACF,CACA,wDAGU,wBAAyB,CACjC,eAAkB,CAClB,YAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,gFACE,iBAAkB,CAClB,iBAAkB,CAClB,eAAkB,CAClB,SACF,CACA,8FACE,iBAAkB,CAClB,cACF,CACA,2EACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,iBACF,CACA,oFACE,eAAgB,CAChB,eACF,CACA,4FACE,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mDACE,YACF,CACA,yEACE,eAAgB,CAChB,cAAe,CACf,cACF,CACA,iEAGE,aACF,CACA,sDACE,WACF,CACA,iEACE,cACF,CACA,gFACE,aACF,CACA,mDACE,YAAa,CACb,WAAY,CACZ,cACF,CACA,wDACE,gBACF,CACA,iDACE,YACF,CACF","file":"main.8d63c56d.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n* {\n box-sizing: border-box;\n margin: 0px;\n padding: 0px;\n cursor: default;\n touch-action: manipulation;\n}\n\nbutton {\n font-family: \"Roboto\", sans-serif;\n}\n\nhtml, body {\n height: 100%;\n width: 100vw;\n background: #eee;\n}\n\n#root {\n width: 100vw;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#header {\n min-height: 50px;\n min-height: 50px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 15px;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n color: #eee;\n z-index: 1000;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);\n font-size: 2.5em;\n}\n\n#header #title {\n font-weight: bold;\n text-transform: uppercase;\n}\n\n#header #social-links {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n font-size: 1rem;\n font-weight: bold;\n text-transform: uppercase;\n color: #999;\n margin-right: 10px;\n}\n\n#header #social-links i {\n color: #ccc;\n padding-left: 5px;\n padding-right: 5px;\n font-size: 2rem;\n}\n\n#header #social-links i:hover {\n color: gold;\n}\n\n#header #social-links div {\n height: auto;\n}\n\n#header #social-links div img {\n width: 40px;\n height: 40px;\n opacity: 30%;\n}\n\n#header #social-links div img:hover {\n -webkit-animation-name: socialLinkHover;\n animation-name: socialLinkHover;\n -webkit-animation-duration: 150ms;\n animation-duration: 150ms;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n}\n\n#header #social-links div#twitter img {\n -webkit-filter: invert(90%);\n filter: invert(90%);\n}\n\n#main-content {\n display: flex;\n height: 95vh;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n width: 100vw;\n align-items: center;\n align-self: center;\n overflow-x: hidden;\n position: relative;\n left: 0px;\n}\n\n#main-content .sidebar#left {\n background: #eee;\n box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.25);\n font-family: 'Roboto', sans-serif;\n line-height: 1.5em;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 40%;\n height: calc(100% - 5.1em);\n max-width: 100%;\n overflow-y: scroll;\n position: fixed;\n top: 50px;\n left: 0px;\n z-index: 100;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left.hide {\n left: calc(-40% + 40px);\n top: 50px;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info {\n opacity: 0%;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #info-icon {\n top: 0px;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n#main-content .sidebar#left #sidebar-container {\n height: 100%;\n width: 100%;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar {\n font-size: 1em;\n line-height: 1em;\n width: 100%;\n height: 35px;\n display: flex;\n justify-content: center;\n text-transform: uppercase;\n font-weight: 550;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item {\n padding: 10px;\n width: 30%;\n height: 100%;\n display: flex;\n justify-content: center;\n -webkit-transition: all 150ms ease-in-out;\n transition: all 150ms ease-in-out;\n border-bottom: 2px solid transparent;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover {\n background: rgba(0, 0, 0, 0.1);\n border-color: #999;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected {\n border-color: #508090;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play {\n display: none;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n position: absolute;\n top: 7px;\n right: 6px;\n z-index: 1010;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon:hover i {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon i {\n color: #333;\n font-size: 1.7rem;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content {\n display: flex;\n justify-content: center;\n align-self: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend {\n padding: 2em;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n overflow-y: scroll;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n margin-bottom: 1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n font-family: \"Courier\", monospace;\n color: #555;\n display: inline-block;\n width: 65%;\n text-align: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n padding: 2.5em;\n font-family: \"Roboto\", sans-serif;\n font-size: 1.2rem;\n line-height: 1.5em;\n opacity: 100%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info h1, #main-content .sidebar#left #sidebar-container #sidebar-content #info h2 {\n margin-bottom: 0.3em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold {\n display: inline-block;\n font-size: 1.15em;\n font-weight: bold;\n margin-bottom: 0.1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p {\n margin-bottom: 2em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah {\n font-family: \"Courier\", monospace;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info img {\n width: 50%;\n image-rendering: optimizeSpeed;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited {\n color: #333;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover, #main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info i {\n font-size: 1.2rem;\n line-height: 1rem;\n}\n\n#main-content #main-interface {\n background: whitesmoke;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n width: 60%;\n position: relative;\n left: 40%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content #main-interface.expandLeft {\n left: 40px;\n width: calc(100% - 40px);\n}\n\n#main-content #main-interface #mainOptions {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: scroll;\n width: 100%;\n padding: 10px;\n background: rgba(112, 128, 144, 0.3);\n box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.1);\n font-family: \"Roboto\", sans-serif;\n z-index: 500;\n}\n\n#main-content #main-interface #mainOptions #options-left, #main-content #main-interface #mainOptions #options-right {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker, #main-content #main-interface #mainOptions #options-right .mode-picker {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-content: flex-start;\n justify-content: flex-start;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker div, #main-content #main-interface #mainOptions #options-right .mode-picker div {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 3px;\n height: 100%;\n margin-bottom: 5px;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title, #main-content #main-interface #mainOptions #options-right .mode-picker #title {\n justify-content: flex-end;\n width: 10em;\n font-weight: bold;\n font-size: 1.15em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range, #main-content #main-interface #mainOptions #options-right .mode-picker #title span#range {\n display: inline-block;\n padding-left: 5px;\n font-size: 0.8em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #buttons, #main-content #main-interface #mainOptions #options-right .mode-picker #buttons {\n justify-content: space-evenly;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input input, #main-content #main-interface #mainOptions #options-right .mode-picker #input input {\n width: 50px;\n height: 1.5rem;\n border: 1px solid #ddd;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n text-align: center;\n border-radius: 3px;\n font-size: 0.8rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input select, #main-content #main-interface #mainOptions #options-right .mode-picker #input select {\n height: 1.4rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button, #main-content #main-interface #mainOptions #options-right .mode-picker #input button {\n width: 1.4em;\n height: 1.4em;\n border-radius: 3px;\n font-size: 1em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button i, #main-content #main-interface #mainOptions #options-right .mode-picker #input button i {\n position: relative;\n left: -6px;\n top: -2px;\n font-size: 1.1em;\n font-weight: bold;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button, #main-content #main-interface #mainOptions #options-right .mode-picker button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.2em;\n padding-left: 0.5em;\n padding-right: 0.5em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.9em;\n color: #333;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button.selected, #main-content #main-interface #mainOptions #options-right .mode-picker button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title {\n width: 5em;\n}\n\n#footer {\n width: 100%;\n height: 2em;\n padding: 0.3em;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n font-size: 1em;\n color: #eee;\n z-index: 1000;\n}\n\n#footer i {\n font-size: 1.3em;\n color: #ccc;\n}\n\n#footer i:hover {\n color: gold;\n}\n\nh2 {\n margin-bottom: 0.5em;\n}\n\ni[class*=\"ri-\"] {\n font-weight: normal;\n font-size: 0.9rem;\n color: #777;\n}\n\n#playMorseInput {\n background: #ddd;\n width: 400px;\n height: 10em;\n padding: 1em;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 45px;\n}\n\n#playMorseInput #input {\n display: flex;\n align-items: center;\n width: auto;\n}\n\n#playMorseInput #input i {\n font-size: 1.3em;\n display: inline-block;\n}\n\n#playMorseInput #input i:hover {\n color: goldenrod;\n}\n\n#playMorseInput #input input {\n padding-left: 3px;\n border-radius: 3px;\n border: 1px solid #ddd;\n height: 1.5rem;\n font-size: 0.9em;\n width: auto;\n}\n\n#playMorseInput #morseTrans {\n font-size: 0.9em;\n font-family: \"Courier\", monospace;\n}\n\n#legend {\n background: #eee;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n\n#legend #legend-title {\n margin-left: 2.2em;\n font-size: 1.5em;\n font-weight: bold;\n margin-bottom: 0.3em;\n}\n\n#legend #legend-items {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin-bottom: 10px;\n}\n\n#legend #legend-items .item {\n font-family: \"Courier\", monospace;\n font-size: 0.85em;\n display: flex;\n align-items: center;\n width: 15%;\n margin: 5px;\n padding: 0.3em;\n border: 1px solid #ccc;\n border-radius: 3px;\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n background: #ddd;\n border: 0px;\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#legend #legend-items .item span {\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n}\n\n#legend #legend-items .item:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:active span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item:hover {\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:hover span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item span:first-child {\n display: inline-block;\n padding: 1px;\n width: 1.5em;\n background: #d6d6d6;\n border-radius: 2px;\n font-size: 1.5em;\n -webkit-transition: all 75ms ease-in-out;\n transition: all 75ms ease-in-out;\n}\n\n#legend #legend-items .item span:last-child {\n font-weight: bold;\n font-size: 1em;\n display: inline-block;\n padding-left: 5px;\n width: 100%;\n}\n\n#morseButton {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100px;\n height: 100px;\n margin-top: 30px;\n margin-bottom: 10px;\n border-radius: 50%;\n align-self: center;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n background: rgba(112, 138, 144, 0.5);\n}\n\n#morseButton.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton button {\n font-size: 1rem;\n color: transparent;\n width: 50px;\n height: 100px;\n background: rgba(112, 138, 144, 0.5);\n margin: 0px;\n border: 0px;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n}\n\n#morseButton button.showPaddles {\n color: transparent;\n border-radius: 50px;\n width: 50px;\n height: 100px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morseButton button#left {\n width: 50%;\n border-radius: 50px 0px 0px 50px;\n display: none;\n}\n\n#morseButton button#left.showPaddles {\n border-radius: 50px 0 0 50px;\n display: inline-block;\n margin-right: 7px;\n border-radius: 20px;\n}\n\n#morseButton button#right {\n border-radius: 0 50px 50px 0;\n width: 50%;\n display: none;\n}\n\n#morseButton button#right.showPaddles {\n border-radius: 0 50px 50px 0;\n display: inline-block;\n margin-left: 7px;\n border-radius: 20px;\n}\n\n#morseButton button.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton.showPaddles {\n width: 150px;\n height: 100px;\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n}\n\n#morseButtonText {\n font-family: \"Roboto\", sans-serif;\n font-weight: bold;\n color: #aaa;\n font-size: 0.9rem;\n}\n\n#paddleText {\n width: 140px;\n display: flex;\n justify-content: space-around;\n}\n\n@-webkit-keyframes hideOverlay {\n 0% {\n opacity: 100%;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n@keyframes hideOverlay {\n 0% {\n opacity: 100%;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n#challenge-overlay {\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 50;\n background: rgba(255, 255, 255, 0.75);\n display: flex;\n justify-content: center;\n}\n\n#challenge-overlay.fade {\n -webkit-animation: hideOverlay 1s ease-out forwards;\n animation: hideOverlay 1s ease-out forwards;\n}\n\n#challenge-overlay.hide {\n z-index: -100;\n}\n\n#challenge-overlay #challengeReady, #challenge-overlay #challengeComplete {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 45%;\n max-width: 600px;\n padding: 1.7em;\n height: 35%;\n background: #eee;\n margin-top: 10rem;\n border-radius: 5px;\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n border: 3px solid #666;\n}\n\n#challenge-overlay #challengeReady #notify-title, #challenge-overlay #challengeComplete #notify-title {\n font-size: 2.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady #message, #challenge-overlay #challengeComplete #message {\n display: inline-block;\n text-align: center;\n font-size: 1.7em;\n}\n\n#challenge-overlay #challengeReady #count, #challenge-overlay #challengeComplete #count {\n font-size: 4.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady.starting, #challenge-overlay #challengeComplete.starting {\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady button, #challenge-overlay #challengeComplete button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.3em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.75em;\n color: #333;\n}\n\n#challenge-overlay #challengeReady button#startChallenge, #challenge-overlay #challengeReady button#continue, #challenge-overlay #challengeComplete button#startChallenge, #challenge-overlay #challengeComplete button#continue {\n width: 100%;\n font-size: 1.7em;\n font-weight: bold;\n padding: 0.3em;\n background: #666;\n color: gold;\n text-transform: uppercase;\n letter-spacing: 0.3rem;\n}\n\n#challenge-overlay #challengeReady button#startChallenge:active, #challenge-overlay #challengeReady button#continue:active, #challenge-overlay #challengeComplete button#startChallenge:active, #challenge-overlay #challengeComplete button#continue:active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n\n#challenge-overlay #challengeReady button.selected, #challenge-overlay #challengeComplete button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#challenge-overlay #challengeReady #challengeOptions, #challenge-overlay #challengeComplete #challengeOptions {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker, #challenge-overlay #challengeComplete #challengeOptions .mode-picker {\n width: 90%;\n display: flex;\n align-content: center;\n justify-content: flex-start;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div {\n padding: 5px;\n height: 2.4em;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title {\n font-weight: bold;\n font-size: 1.4em;\n height: 100%;\n display: flex;\n padding-left: 0px;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button {\n font-size: 1rem;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input {\n margin-left: 10px;\n margin-top: 0.25em;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select {\n height: auto;\n font-size: 1rem;\n}\n\n#challenge-header {\n width: 100%;\n padding: 1em;\n display: flex;\n justify-content: space-between;\n}\n\n#challenge-header #gameClock {\n font-size: 1.3em;\n}\n\n#challenge-header #challengeControls button {\n border: 0px;\n border-radius: 5px;\n padding: 0.3em;\n font-size: 1.2em;\n color: #555;\n}\n\n#challenge-header #challengeControls button:hover {\n color: maroon;\n}\n\n#challengeWord {\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n height: 5rem;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 10px;\n margin-top: 25px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n font-size: 4rem;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n background: #fdfdfd;\n text-transform: uppercase;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeWord .cLetter {\n padding: 4px;\n margin: 1px;\n display: inline-flex;\n align-items: center;\n line-height: 3rem;\n display: inline-block;\n padding-top: 10px;\n background: transparent;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n}\n\n#challengeWord .cLetter.correct {\n background: #5ae65a;\n border-radius: 3px;\n}\n\n#challengeWord.correct {\n background: #5ae65a;\n}\n\n#morseBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column-reverse;\n align-items: center;\n width: 100%;\n height: 180px;\n margin-bottom: 20px;\n font-family: \"Courier Prime\", Courier, monospace;\n position: relative;\n}\n\n#morseBufferDisplay #overlay {\n box-shadow: inset 20px 0px 20px -5px whitesmoke;\n position: absolute;\n display: inline-block;\n top: 20px;\n left: calc(50% - 37.5%);\n width: 600px;\n height: 5rem;\n z-index: 40;\n}\n\n#morseBufferDisplay #alphanumeric-container {\n text-align: center;\n max-width: 75%;\n display: inline-block;\n overflow: hidden;\n padding-top: 10px;\n}\n\n#morseBufferDisplay #alphanumeric-container #alphanumeric {\n height: 5rem;\n padding-top: 0.45rem;\n font-size: 4rem;\n margin-bottom: 10px;\n border-radius: 3px;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container {\n text-align: center;\n max-width: 70vw;\n display: inline-block;\n overflow: hidden;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs {\n height: 50px;\n padding-right: 5px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n background: #fdfdfd;\n height: 40px;\n width: 30px !important;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n width: 100%;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n}\n\n#challengeBufferDisplay #ditDahs {\n max-width: 95%;\n height: 60px;\n padding-right: 5px;\n padding-top: 10px;\n margin-bottom: 10px;\n display: inline-flex;\n overflow: hidden;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n text-align: center;\n}\n\n#challengeBufferDisplay #ditDahs span {\n float: right;\n padding: 5px;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n background: #fdfdfd;\n height: 40px;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n.space {\n font-size: 20px;\n}\n\n#morse-history {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n width: 80%;\n max-width: 500px;\n margin-top: 3em;\n}\n\n#morse-history #morseHistory-textbox {\n background: #fff;\n border-radius: 5px;\n min-height: 4em;\n width: 100%;\n padding: 0.5em;\n font-family: Courier;\n font-size: 1.5rem;\n display: flex;\n align-content: flex-start;\n flex-wrap: wrap;\n overflow-y: scroll;\n}\n\n#morse-history #morseHistory-textbox span {\n margin: 5px;\n background: #fdfdfd;\n height: 1.5rem;\n padding: 4px;\n padding-top: 0px;\n padding-bottom: 0px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morse-history #clear {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n justify-content: space-between;\n}\n\n#morse-history #clear #message {\n font-family: \"Roboto\", sans-serif;\n padding: 0.3em;\n font-size: 0.9em;\n color: #777;\n}\n\n#morse-history #clear #message .ditDah {\n font-family: \"Courier\", monospace;\n}\n\n#morse-history #clear button {\n background: #ededed;\n color: #666;\n font-size: 1em;\n height: 1.5em;\n border: 0px;\n padding: 0.7em;\n display: flex;\n align-items: center;\n}\n\n#morse-history #clear button:hover {\n color: maroon;\n}\n\n#morseHistory {\n border: 1px solid purple;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 320px;\n position: relative;\n padding-top: 10px;\n}\n\n#morseHistory #overlay {\n box-shadow: inset 20px 0px 20px #eee, inset -20px 0px 20px #eee, inset 0px -100px 100px #eee;\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n}\n\n@media only screen and (max-width: 1024px) {\n #sidebar-content #info {\n padding: 1em;\n }\n #sidebar-content #playerAndLegend {\n padding: 0;\n }\n #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #mainOptions {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 415px) {\n html, body, #root, #main-interface {\n width: 100vw;\n overflow: hidden;\n }\n #header {\n width: 100vw;\n font-size: 1.3em;\n height: 1.5em;\n min-height: 1.5em;\n max-height: 1.5em;\n padding-left: 5px;\n }\n #header #social-links {\n margin-right: 0px;\n font-size: 1rem;\n }\n #header #social-links i {\n font-size: 1.5rem;\n padding-left: 0px;\n }\n #root #main-content {\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left {\n top: 2em;\n width: 100vw;\n min-width: 40%;\n max-width: 100vw;\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left.hide {\n left: calc(-100% + 40px);\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n z-index: 600;\n }\n #root #main-content .sidebar#left.hide #sidebar-content {\n display: none;\n }\n #root #main-content .sidebar#left #sidebar-content #info {\n padding: 1em;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend {\n padding: 0px;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #root #main-content #main-interface {\n max-width: 100vw;\n position: relative;\n left: 100%;\n }\n #root #main-content #main-interface.expandLeft {\n left: 0%;\n width: 100vw;\n }\n #root #main-content #main-interface #mainOptions {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: -webkit-fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n width: 100vw;\n padding: 3px;\n flex-direction: column;\n align-items: center;\n z-index: 500;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker {\n margin-left: 15px;\n width: 100%;\n max-width: 100vw;\n min-width: 50px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div {\n max-width: 100vw;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#title {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#buttons, #root #main-content #main-interface #mainOptions div .mode-picker div#input {\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker button, #root #main-content #main-interface #mainOptions div .mode-picker #input button {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker #input {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady, #root #main-content #main-interface #challenge-overlay #challengeComplete {\n height: 60%;\n max-height: 600px;\n padding: 0px;\n width: 90%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #notify-title, #root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title {\n font-size: 1.5em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker {\n width: 95%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge, #root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge {\n font-size: 1.3em;\n line-height: 2em;\n }\n #root #main-content #main-interface #morseBufferDisplay {\n justify-content: flex-end;\n margin-bottom: 0px;\n margin-top: 0px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container {\n min-height: 3.5rem;\n max-height: 3.5rem;\n margin-bottom: 0px;\n padding: 0px;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric {\n min-height: 3.5rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container {\n margin-top: 0;\n margin-bottom: 0;\n min-height: 2.3rem;\n max-height: 2.3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs {\n min-height: 2rem;\n max-height: 2rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n height: 2rem;\n min-width: 1.7rem;\n max-width: 1.7rem;\n font-size: 2rem;\n }\n #root #main-content #main-interface #morse-history {\n margin-top: 0px;\n }\n #root #main-content #main-interface #morse-history #morseHistory-textbox {\n background: #fff;\n min-height: 2em;\n max-height: 2em;\n }\n #root #main-content #main-interface #morse-history #clear button {\n padding: 0px;\n padding-left: 3px;\n padding-right: 3px;\n }\n #root #main-content #main-interface #challenge-header {\n padding: 5px;\n }\n #root #main-content #main-interface #challenge-header #gameClock {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #challenge-header #challengeControls button {\n font-size: 1em;\n }\n #root #main-content #main-interface #challengeWord {\n margin-top: 0;\n height: 4rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #challengeWord span {\n line-height: 2rem;\n }\n #root #main-content #main-interface #morseButton {\n margin-top: 0;\n }\n}\n/*# sourceMappingURL=App.css.map */\n","body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",null,null]}
Reference in a new issue View git blame Copy permalink