.head li,.msg{text-align:center}body,html,li,td,tr,ul{padding:0;margin:0}body{font:12px arial,sans-serif}li,ul{list-style:none}#list li{width:260px;height:200px;float:left;border:5px solid #0096d6;border-radius:5px;margin:5px;overflow:hidden}#list a{width:250px;height:190px;display:block;padding:5px;text-decoration:none;color:#000;word-wrap:break-word}.head,.msg{width:100%}#list a:hover{background-color:#eaf1fb}.msg{padding:5px 0;background-color:rgba(0,0,0,.8);color:#fff;-webkit-transition:opacity 1s;-moz-transition:opacity .5s;transition:opacity 1s;position:absolute;left:0;top:0;opacity:1}.head{background-color:#dfdfdf;height:30px}.head .inspect{-webkit-mask-image:url(images/icon1.png);-webkit-mask-position:-345px -39px;-webkit-mask-size:480px 180px;width:32px;height:30px;background-color:#000;display:inline-block;cursor:pointer;-webkit-transform:scale(.8)}.head .inspect.action{background-color:#0096d6}.head ul{margin:0;height:29px;overflow:hidden;background-color:#dfdfdf;border-bottom:1px solid #ccc;display:inline-block}.head li{float:left;min-width:90px;height:25px;line-height:25px;cursor:pointer}.head li.active{font-weight:700;border-bottom:2px solid #000}#console,#network,#resources,#sources{display:none;position:absolute;top:30px;bottom:0;left:0;right:0}div.load-wrap{background-color:rgba(0,0,0,.8);position:fixed}div.load-img{background:url(images/icons/circle_animation.gif);width:100px;height:100px;margin:0 auto}