42 lines
2.3 KiB
CSS
42 lines
2.3 KiB
CSS
body { margin:0px; padding:0px; overflow:hidden; font-family:"input_mono_medium",courier,monospace;}
|
|
*:focus {outline: none; }
|
|
|
|
#ronin { background:#ddd; width:100%; height:100%; overflow:hidden; background-image:url(../media/graphics/grid.svg); background-position: 0px 0px;}
|
|
#frame { width:50vw; height:50vh; overflow:hidden; position:fixed; left: calc(40vw + 15px); top:100px; background-image:url(../media/graphics/void.svg); background-position:0px 0px; }
|
|
#frame > .layer { position:absolute; top:0px; left:0px; width:100%; height:100%;}
|
|
|
|
@keyframes blink { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} }
|
|
|
|
#frame > .layer.blink { animation: blink 0.1s; animation-iteration-count: infinite; }
|
|
#overlay { position:absolute; z-index:1000;}
|
|
#frame { cursor:none;}
|
|
|
|
#terminal { position: fixed;bottom: 0px;left: 0px;background: #111;width: 100vw;height: 60px;overflow: hidden; color:#999;}
|
|
|
|
#terminal #hint, #terminal #widget, #terminal input, #terminal #logs { display: block;position: fixed;bottom: 0px;line-height: 20px; width:calc(100vw - 40px); background:none; color:#777; font-size:11px; padding:5px 20px; white-space: pre; }
|
|
|
|
#terminal input { z-index: 9000; color:#999; font-family: 'input_mono_regular'}
|
|
#terminal input:focus { color:#fff; }
|
|
|
|
#terminal #logs { position:fixed; bottom:30px; border-bottom:1px solid #222; }
|
|
#terminal #logs .module { font-family: 'input_mono_regular'; color:#ccc; }
|
|
|
|
#terminal #widget { text-align: right; bottom:30px}
|
|
#terminal #widget .mouse { color:white; }
|
|
|
|
span.autocomplete { background:white; color:black; }
|
|
|
|
span.module { display: inline-block; color:#999; }
|
|
span.method { display: inline-block; color:#999; }
|
|
span.method .name { color:#fff; }
|
|
span.method .options { color:#555; }
|
|
span.params { display: inline-block; color:#999; }
|
|
span.setting { display: inline-block; color:#fff; }
|
|
span.setting .value { color:#999; }
|
|
span.mode { color:#999; }
|
|
span.mode .name { text-decoration: underline; color:white; }
|
|
|
|
#modal { position: fixed; bottom:80px; right:20px; height:100px; border-radius:3px; overflow:hidden; display: block}
|
|
#modal.text { display: block;background: #000;width: calc(100vw - 100px);height: calc(100vh - 160px);padding: 30px;font-size: 12px;white-space: pre;column-count: 3;line-height: 20px;color:white}
|
|
#modal.image img { display: block; max-height: 100%; width:inherit;}
|
|
#modal.hidden { display: none } |