| 1 |
- *,body,html{margin:0;padding:0;font:13px/2em Avenir,Arial,sans-serif;box-sizing:border-box}html{overflow-y:scroll}body,html{width:100%;min-width:400px}body{padding-top:87px}a{text-decoration:none;outline:0;cursor:pointer}table{border-collapse:collapse}ol,ul{list-style:none}li{list-style-type:none}.clear{overflow:auto;overflow-y:hidden;zoom:1}.toolbar{background:#00c3ef;height:82px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 10px #666;z-index:10}.toolbar .connect{background:#0099bc;padding:8px 15px}.toolbar .connect input{border:none;text-align:center;float:left;display:inline;width:35%}.toolbar .connect input.disabled{background:#007089}.toolbar .connect button{width:30%;float:left;border:none;background:#4ab911;color:#fff;cursor:pointer}.toolbar .connect button.disabled{background:#b91111}.toolbar .filter{padding:8px 15px}.toolbar .filter span{display:inline-block;background:#50b31d;float:left;cursor:pointer;text-align:right;font-size:10px;color:#fff;position:relative;padding:0 8px 0 20px;margin-right:2px}.toolbar .filter span:before{content:"●";text-align:left;position:absolute;left:8px;top:0}.toolbar .filter span.disabled{background:#b91111}.toolbar .filter span.disabled:before{content:"○"}.toolbar .filter input{height:24px;border:none;text-align:center;float:right;display:inline;font-size:12px;width:65px}.toolbar .filter button{height:24px;border:none;float:right;display:inline;font-size:12px;width:30px;background:#0099bc;color:#fff}.box{border-top:1px #eee solid}.box:last-child{border-bottom:1px #eee solid}.box .head{height:26px;position:relative}.box .head span.line{position:absolute;right:15px;top:0;line-height:26px}.box .head span.level{position:absolute;left:15px;top:5px;line-height:16px;display:block;width:80px;height:16px;border-radius:20px;font-size:12px;text-align:center;background:#eee}.box .head h2{height:26px;line-height:26px;padding:0 60px 0 100px;overflow:hidden;text-align:right;word-break:break-all}.box .content{padding:5px 20px;line-height:24px;word-break:break-all;font-size:14px}.box .info{line-height:18px;font-size:10px;position:relative;padding:5px 0 5px 15px;background:#eee}.box .info span{position:absolute;right:15px;top:5px;line-height:18px;font-size:10px}.box.LOG{background:#009434;color:#fff}.box.LOG .head{background:#007b2b}.box.LOG .info{background:#008a30}.box.LOG span.level{background:#006122}.box.DEBUG{background:#3f83e8;color:#fff}.box.DEBUG .head{background:#2874e5}.box.DEBUG .info{background:#367de7}.box.DEBUG span.level{background:#1a67da}.box.WARNING{background:#f7bf21;color:#fff}.box.WARNING .head{background:#f6b809}.box.WARNING .info{background:#f7bc17}.box.WARNING span.level{background:#dda508}.box.ERROR{background:#ca004a;color:#fff}.box.ERROR .head{background:#b10041}.box.ERROR .info{background:#c00046}.box.ERROR span.level{background:#970037}.clearList{display:none;width:40px;height:40px;background:#af0000;opacity:.6;font-size:24px;line-height:43px;text-align:center;position:fixed;right:20px;bottom:20px;color:#fff;border-radius:100px;cursor:pointer}.clearList:hover{opacity:.9}html:hover .clearList{display:block}
|
