-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
1 lines (1 loc) · 3.17 KB
/
style.css
1
h1{font-size:2.5em;margin:.67em 0;line-height:1.25}h2{font-size:1.8em;padding-bottom:.3em;margin-top:24px;margin-bottom:16px;line-height:1.25}h3{line-height:1.25;font-size:1.5em;margin-top:24px;margin-bottom:16px}p{margin-top:0;margin-bottom:16px}main ul{padding-left:2em;margin-top:0;margin-bottom:16px}main ul li{list-style:initial;margin-top:.25em}main p img{display:flex;text-align:center;maring-left:auto;maring-right:auto;overflow-clip-margin:content-box;overflow:clip;max-width:100%}body{margin:0;overflow-wrap:break-word;font-family:'Noto Sans','Noto Sans KR',BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;background-color:#ffebee;min-height:100vh}code,pre{font-family:'Noto Sans Mono',monaco,Consolas,"Lucida Console",Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace!important}pre{margin-top:0;margin-bottom:16px}.block{display:block!important}.mainview{max-width:1000px;min-height:100vh;margin:0 auto 0 auto!important}main{position:relative;left:300px;right:0;min-height:100%;max-width:700px;background-color:#fff;padding:30px!important}img{margin:0 auto;max-width:100%}@media all and (max-width:1000px){.mainview{width:100%;max-width:100%!important}main{left:0;width:100%;max-width:100%!important}}#cover{display:none;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;position:fixed;z-index:9997}#sidebar,#sidebar a,#sidebar p{color:#fff}#sidebar ul li a:hover{background-color:#2962ff}#sidebar ul li a:active{background-color:#0d47a1}#sidebar{top:0;position:fixed;z-index:9998;min-height:100vh;max-height:100vh;background-color:#2979ff;margin-bottom:20px;min-width:300px;max-width:300px;padding:0;overflow-y:auto!important}.menu{padding:20px;min-height:100%}@media all and (max-width:1000px){#sidebar{height:100vh;min-width:0;display:none}}@media all and (min-width:1000px){#cover{display:none!important}}.menu-button{height:40px;width:40px;display:inline-block;position:relative;cursor:pointer;text-align:center;border-radius:5px;display:none}.menu-button span{left:50%;display:block;width:16px;height:1px;background-color:#333;position:absolute;transition:transform .3s,opacity .3s;transform:translate(-50%,-50%)}.menu-button span:first-child{top:calc(50% - 5px)}.menu-button span:nth-child(2){top:50%}.menu-button span:nth-child(3){top:calc(50% + 5px)}.menu-button.active span{left:calc(50% - 2px)}.menu-button.active span:first-child{transform:translateX(-5px) translateY(5px) rotate(45deg)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:nth-child(3){transform:translateX(-5px) translateY(-5px) rotate(-45deg)}.menu-button-cover{position:absolute;top:0;left:0;width:40px;height:40px;display:inline-block;z-index:1000000000;transition:background-color .3s ease,color .3s ease;background-color:rgba(0,0,0,0);cursor:pointer;border-radius:5px}.menu-button-cover:hover{background-color:rgba(0,0,0,.1)}.menu-button-cover:active{background-color:rgba(0,0,0,.2)}.menu-button-wrapper{position:relative;display:inline-block;height:40px;vertical-align:top}@media all and (max-width:1000px){.menu-button{display:block}}.rino-footer{padding:10px;text-align:center}