html, body {
    overflow: hidden;
}
#code-viewer {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
    background: #EEEEEE;
}
#code-viewer ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-spacing: 0;
    border-collapse: separate;
    list-style: none;
    table-layout: fixed;
}
#code-viewer ul li {
    display: table-row;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}
#code-viewer ul li:hover {
    background: #BBDEFB;
}
#code-viewer ul li .line-number {
    display: table-cell;
    width: 64px;
    height: 20px;
    margin: 0;
    padding: 2px 8px 2px 8px;
    border-right: 1px solid #BDBDBD;
    font-size: 1em;
    line-height: 20px;
    text-align: right;
    vertical-align: middle;
    color: #757575;
}
#code-viewer ul li .line-text {
    display: table-cell;
    height: 20px;
    margin: 0;
    padding: 2px 16px 2px 16px;
    font-size: 1em;
    line-height: 20px;
    word-break: keep-all;
    word-wrap: normal;
    white-space: pre;
    vertical-align: middle;
    color: #212121;
}
#image-viewer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #EEEEEE;
}
#image-viewer #image {
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    cursor: move;
    box-shadow: 0 0 8px #BDBDBD;
}
#image-viewer #cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: move;
}