Add arrows to pan overlay.

This commit is contained in:
Michael Jumper
2012-11-12 03:18:23 -08:00
parent 6d42388b75
commit a56fadfe49
6 changed files with 62 additions and 0 deletions

View File

@@ -197,6 +197,59 @@ div.magnifier {
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.pan-overlay .indicator {
position: fixed;
background-size: 32px 32px;
background-position: center;
background-repeat: no-repeat;
opacity: 0.8;
}
.pan-overlay .indicator.up {
top: 0;
left: 0;
right: 0;
height: 32px;
background-image: url('../images/arrows/arrows-u.png');
}
.pan-overlay .indicator.down {
bottom: 0;
left: 0;
right: 0;
height: 32px;
background-image: url('../images/arrows/arrows-d.png');
}
.pan-overlay .indicator.left {
top: 0;
bottom: 0;
left: 0;
width: 32px;
background-image: url('../images/arrows/arrows-l.png');
}
.pan-overlay .indicator.right {
top: 0;
bottom: 0;
right: 0;
width: 32px;
background-image: url('../images/arrows/arrows-r.png');
}
/* Viewport Clone */