anfrage-playground
Version:
```shell npm install ```
1 lines • 3.35 kB
CSS
.in-coder-panel{width:50%;height:100%;max-width:50%;box-sizing:border-box;border:1px solid #fff;background-color:transparent}.CodeMirror-vscrollbar::-webkit-scrollbar{width:5px}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.CodeMirror-vscrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.CodeMirror-vscrollbar{bottom:0}.CodeMirror-hscrollbar::-webkit-scrollbar{width:5px;height:5px}.CodeMirror-hscrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.CodeMirror-hscrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.CodeMirror-hscrollbar{right:5px}.CodeMirror-scrollbar-filler{width:5px;height:5px;background-color:rgba(0,0,0,.2)}.CodeMirror{z-index:1;height:auto;width:100%;height:100%;box-sizing:border-box;background-color:transparent}.CodeMirror-code{line-height:32px}.CodeMirror-gutters{background:transparent;border:0;border-right:1px solid #fff}.CodeMirror-gutter-elt{color:#000}.CodeMirror-lint-marker-error{vertical-align:baseline;margin-left:5px}.show-result{height:100%;width:50%;max-width:50%;box-sizing:border-box;border:1px solid #fff;background-color:transparent;color:#050000;padding:0 50px 50px 50px;overflow:auto}.text-overflow{white-space:pre-wrap;word-wrap:break-word;word-break:keep-all;word-break:break-all}.show-result::-webkit-scrollbar{width:5px;height:5px}.show-result::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.show-result::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.btn{position:absolute;left:50%;top:10%;margin-left:-40px;z-index:99;width:80px;height:80px;border-radius:50%;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}.btn .icon-pause{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:20px solid #000;margin-left:6px}.btn .icon-start{width:10px;height:24px;border:6px solid #000;border-top:none;border-bottom:none}.header{width:100%;height:50px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.header input{height:inherit;outline:none;font-size:24px;width:60%;padding-left:40px;background-color:transparent;border:0}.about{position:absolute;bottom:35px;right:0;height:200px;width:350px;z-index:999;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-flow:column}.about a{margin:5px}.about section{margin:10px}.footer{position:fixed;bottom:0;left:0;right:0;z-index:9;height:38px;display:flex;justify-content:flex-end;align-items:center;font-size:14px;margin-right:10px}button{background:none;border:0;outline:none;cursor:pointer}.main-page{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:24px;color:#2c3e50;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden;display:flex;flex-flow:column;background-image:linear-gradient(90deg,#bbe2e7,#a4c0ce)}:root body{margin:0;padding:0}:root a{text-decoration:none}.content{display:flex;height:100%;margin:0 10px 38px 10px;overflow:hidden}