46 lines
3.2 KiB
CSS
46 lines
3.2 KiB
CSS
body { margin:0px; padding:0px; overflow:hidden; font-family:"input_mono_medium",courier,monospace;}
|
|
*:focus {outline: none; }
|
|
|
|
#ronin { width:100%; height:100%; overflow:hidden; background:#111; background-image:url(../media/graphics/grid.svg); background-position: center center; }
|
|
#frame { width:50vw; height:50vh; overflow:hidden; position:fixed; left: calc(40vw + 15px); top:100px; background:none; border-radius:5px; border:1px solid #333;}
|
|
#frame > .layer { position:absolute; top:0px; left:0px; width:100%; height:100%;}
|
|
#frame.bright widget { color:#000; }
|
|
#overlay { position:absolute; z-index:1000;}
|
|
#frame { cursor:none;}
|
|
|
|
#terminal { position: fixed;top: 0px;left: 0px;background: #000;width: 40vw;height: 100vh;overflow: hidden;}
|
|
#terminal logs { display: none;position: absolute;bottom:20px;width:100vw;color:white}
|
|
#terminal logs log { display: block; font-size:10px; line-height:25px; padding:0px 5px; color:#666;}
|
|
#terminal logs log .rune { color:white; }
|
|
#terminal logs log.error .rune { color:red; }
|
|
#terminal logs log.input { color:white; }
|
|
#terminal logs log.image img { height:85px;width:auto;border-radius: 3px }
|
|
#terminal menu { display: inline-block;position: absolute;bottom: 0px;right: 0px;padding: 0px 5px;font-size: 10px;line-height: 20px;color:white }
|
|
#terminal.locked input { color:red; }
|
|
#terminal status { display: block;position: absolute;bottom: 0px;left: 0px;padding: 5px 15px 5px 31px;font-size: 12px;line-height: 20px;color: white;width:calc(40vw - 45px) }
|
|
#terminal status .details { float:right; color:#555; }
|
|
|
|
#terminal.hide { height:25px; }
|
|
#terminal.mini { height:120px; }
|
|
#terminal.full { height:100vh; }
|
|
|
|
#terminal #widget { position: absolute;top: 0px;left: 0px;line-height: 30px;font-size: 12px;z-index: 9000;color: white;width: calc(40vw - 15px);height: 100px;padding-left:30px }
|
|
#terminal #widget span { display:inline-block; line-height:15px; padding:0px 5px; vertical-align: top; min-width:100px;}
|
|
#terminal #widget span name { display: block; border-bottom: 1px solid #333; line-height:25px; margin-bottom:5px;}
|
|
#terminal #widget li { display:block; }
|
|
#terminal #widget li.active { color:#72dec2; }
|
|
#terminal #widget li.inactive { color:#fff; }
|
|
#terminal #widget li.managed { color:#777; }
|
|
|
|
#terminal hint { display: block;position: fixed;top: 100px;width: calc(40vw - 45px);height: calc(100vh - 130px);padding: 0px 15px;line-height: 20px;font-size: 12px;background: none;color: #999;border-left:1px solid #333;margin-left:15px;}
|
|
#terminal hint line { display: inline; width:calc(100% - 30px); }
|
|
#terminal hint line .input { opacity:1; }
|
|
#terminal hint line .status { position: absolute;right:30px; }
|
|
#terminal hint line .input .module { background: #222; }
|
|
#terminal hint line .input .method { background: #333; }
|
|
#terminal hint line .input .setting { background: #444; }
|
|
#terminal hint line .input .comment { background: #222;width:100%;display: inline-block }
|
|
|
|
#terminal textarea { display: block;position: fixed;top: 100px;width: calc(40vw - 16px);height: calc(100vh - 130px);padding: 0px 15px;line-height: 20px;font-size: 12px;background: none;color: #ccc;border-left:1px solid #333;margin-left:15px}
|
|
#terminal textarea:hover { border-left:1px solid #555; }
|
|
#terminal textarea { z-index:900; } |