view interfaces/ordinal.css @ 3028:9a201c63a0eb

Implementation for #231
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Tue, 19 Sep 2017 20:26:54 +0300
parents f7ea4470bdd6
children 7b2229be3183
line wrap: on
line source
[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}
.ordinal-element {
    width: 250px;
    height: 250px;
    background: #bbffbb;
    border: 2px #050 solid;
    border-radius: 10px;
    float: left;
    margin: 10px 5px;
    text-align: center;
    cursor: move;
}
.disabled {
    background-color: grey;
}
.playing {
    background-color: #ffbbbb;
    border: 2px #500 solid;
}
.dragging {
    opacity: 0.4;
}
.over {
    border-style: dashed;
}
.ordinal-element-label {
    font-size: 2em;
}