#debug_switch  {
    position: fixed;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 5px 10px;
    border-top: 3px solid #000000;
    border-right: 3px solid #000000;
    background: lightgreen;
    color: darkgreen;
    cursor: n-resize;
    z-index: 10001;
}

#debug_switch.on {
    background: red;
    color: pink;
    cursor: s-resize;
}

#debug_switch .state {
    font-weight: bold;
}

#debug {
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    position: fixed;
    opacity: 0.9;
    background-color: whitesmoke;
    top: 0;
    left: -1600px;
    height: 100%;
    width: 85%;
    overflow: auto;
    z-index: 10000;
    border-right: 1px dashed #000;
    -webkit-box-shadow: 5px 0 100px 0 rgba(64, 64, 64, 0.75);
    -moz-box-shadow: 5px 0 100px 0 rgba(64, 64, 64, 0.75);
    box-shadow: 5px 0 100px 0 rgba(64, 64, 64, 0.75);
}

#debug.active {
    left: 0;
}