/* Contains some generic server rules. Mostly about cursor styling. */

.xserver.js {
    cursor: url(arrow.png) 8 5, auto;
    outline: none;
    position: relative;
}

.xserver.js[data-cursor="pointer"] {
    cursor: url(pointer.png) 14 8, auto;
}

.xserver.js[data-cursor="grab"] {
    cursor: url(grab.png) 20 17, auto;
}

.xserver.js[data-cursor="grabbing"] {
    cursor: url(grabbing.png) 20 17, auto;
}

.xserver.js[data-cursor="x-cursor"] {
    cursor: url(x-cursor.png) 15 15, auto;
}

.xserver.js[data-cursor="top"] {
    cursor: url(top_side.png) 18 8, auto;
}

.xserver.js[data-cursor="top-left"] {
    cursor: url(top_left_corner.png) 8 8, auto;
}

.xserver.js[data-cursor="top-right"] {
    cursor: url(top_right_corner.png) 26 8, auto;
}

.xserver.js[data-cursor="bottom"] {
    cursor: url(bottom_side.png) 15 20, auto;
}

.xserver.js[data-cursor="bottom-left"] {
    cursor: url(bottom_left_corner.png) 6 30, auto;
}

.xserver.js[data-cursor="bottom-right"] {
    cursor: url(bottom_right_corner.png) 28 28, auto;
}

.xserver.js[data-cursor="left"] {
    cursor: url(left_side.png) 10 20, auto;
}

.xserver.js[data-cursor="right"] {
    cursor: url(right_side.png) 30 19, auto;
}