mirror of
https://github.com/genemecija/learn-morse-code.git
synced 2026-01-27 02:24:15 +01:00
2 lines
29 KiB
CSS
2 lines
29 KiB
CSS
|
|
@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:default;touch-action:manipulation}button,legend{font-family:Roboto,sans-serif}legend{font-size:x-small;font-weight:700;margin:.3em}fieldset{border:1px solid #a9a9a9;padding-bottom:.3em;margin-top:-.5em}#paddle-mode-buttons{visibility:hidden}body,html{background:#eee}#root,body,html{height:100%;width:100vw}#root{flex-direction:column}#header,#root{display:flex;align-items:center}#header{min-height:50px;width:100%;justify-content:space-between;padding-left:15px;background:#333;font-family:Roboto,sans-serif;color:#eee;z-index:1000;box-shadow:0 2px 2px rgba(0,0,0,.45);font-size:2.5em}#header #social-links,#header #title{font-weight:700;text-transform:uppercase}#header #social-links{display:flex;justify-content:space-evenly;align-items:center;font-size:1rem;color:#999;margin-right:10px}#header #social-links i{color:#ccc;padding-left:5px;padding-right:5px;font-size:2rem}#header #social-links i:hover{color:gold}#header #social-links div{height:auto}#header #social-links div img{width:40px;height:40px;opacity:.3}#header #social-links div img:hover{-webkit-animation-name:socialLinkHover;animation-name:socialLinkHover;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#header #social-links div#twitter img{-webkit-filter:invert(90%);filter:invert(90%)}#main-content{display:flex;height:95vh;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100vw;align-items:center;align-self:center;overflow-x:hidden;position:relative;left:0}#main-content .sidebar#left{background:#eee;box-shadow:3px 0 3px rgba(0,0,0,.25);font-family:Roboto,sans-serif;line-height:1.5em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:40%;height:calc(100% - 5.1em);max-width:100%;overflow-y:scroll;position:fixed;top:50px;left:0;z-index:100;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left.hide{left:calc(-40% + 40px);top:50px;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info{opacity:0;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #info-icon{top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#main-content .sidebar#left #sidebar-container{height:100%;width:100%}#main-content .sidebar#left #sidebar-container .navbar{font-size:1em;line-height:1em;width:100%;height:35px;display:flex;justify-content:center;text-transform:uppercase;font-weight:550}#main-content .sidebar#left #sidebar-container .navbar .nav-item{padding:10px;width:30%;height:100%;display:flex;justify-content:center;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-bottom:2px solid transparent}#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover{background:rgba(0,0,0,.1);border-color:#999}#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected{border-color:#508090}#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play{display:none}#main-content .sidebar#left #sidebar-container #info-icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:7px;right:6px;z-index:1010;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #info-icon:hover i{color:#daa520}#main-content .sidebar#left #sidebar-container #info-icon i{color:#333;font-size:1.7rem;-webkit-transition:all .1s ease-in-out;t
|
||
|
|
/*# sourceMappingURL=main.4f0d7525.chunk.css.map */
|