viewer.css

body{
    background: #000000;
    margin: 0px;
    font-family: Consolas, monospace
}
*:focus{
    outline: 0px
}
.controls-wrap{
    position: fixed;
    bottom: 0px;
    width: 100%
}
.controls{
    width: 290px;
    height: 70px;
    margin: 0px auto;
    background-color: #d8e8ff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 5px
}
.button-left{
    float: left;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 35px 70px 35px 0;
    border-color: transparent #7590ad transparent transparent
}
.button-left:hover{
    border-color: transparent #0a407a transparent transparent
}
.button-right{
    float: right;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 35px 0 35px 70px;
    border-color: transparent transparent transparent #7590ad
}
.button-right:hover{
    border-color: transparent transparent transparent #0a407a
}
.middle{
    float: left;
    width: 150px;
    margin-top: 20px;
    text-align: center;
    font-size: 25px
}
.image{
    position: relative;
    max-width: inherit;
    height: auto;
    width: auto\9;
    right: -50%
}
.visible{
    visibility: visible
}
.invisible{
    visibility: hidden
}
.image-wrap{
    position: absolute;
    max-width: 100%;
    right: 50%
}