#debugblock{position:fixed;overflow:hidden;height:0;width:70px;padding-top:25px;bottom:-1px;right:-1px;max-width:100%;border:1px solid #222;z-index:10000;text-align:center;-webkit-transition:all .4s ease-in-out .3s;-moz-transition:all .4s ease-in-out .3s;-ms-transition:all .4s ease-in-out .3s;-o-transition:all .4s ease-in-out .3s;transition:all .4s ease-in-out .3s;-webkit-box-shadow:3px 0 6px rbga(0,0,0,0.5);-moz-box-shadow:3px 0 6px rbga(0,0,0,0.5);box-shadow:3px 0 6px rbga(0,0,0,0.5)}
#debugblock:before{content:'Debug';display:block;position:absolute;width:100%;top:0;left:0;padding:0 10px;font-size:14px;line-height:25px;background-color:#933;color:#fff;opacity:.6;-webkit-transition:all .4s ease-in-out .3s;-moz-transition:all .4s ease-in-out .3s;-ms-transition:all .4s ease-in-out .3s;-o-transition:all .4s ease-in-out .3s;transition:all .4s ease-in-out .3s}
#debugblock:hover{height:107px;width:720px;min-height:98px;padding:40px 98px 0 25px;border:1px solid #222;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;background:#fff}
#debugblock:hover:before{border:0;border-bottom:1px solid #222;opacity:1;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
#debugblock #tapestryInspector{position:absolute;top:32px;right:5px}