annotate interfaces/ordinal.css @ 3141:335bc77627e0 tip

fixing discrete interface to allow labels to display
author Dave Moffat <me@davemoffat.com>
date Mon, 26 Jul 2021 12:15:24 +0100
parents 7b2229be3183
children
rev   line source
nicholas@2844 1 [draggable] {
nicholas@2844 2 -moz-user-select: none;
nicholas@2844 3 -khtml-user-select: none;
nicholas@2844 4 -webkit-user-select: none;
nicholas@2844 5 user-select: none;
nicholas@2844 6 /* Required to make elements draggable in old WebKit */
nicholas@2844 7 -khtml-user-drag: element;
nicholas@2844 8 -webkit-user-drag: element;
nicholas@2844 9 }
nicholas@2844 10 .ordinal-element {
nicholas@2844 11 width: 250px;
nicholas@2844 12 height: 250px;
nicholas@2844 13 background: #bbffbb;
nicholas@2844 14 border: 2px #050 solid;
nicholas@2844 15 border-radius: 10px;
nicholas@2844 16 float: left;
nicholas@2844 17 margin: 10px 5px;
nicholas@2844 18 text-align: center;
nicholas@2844 19 cursor: move;
nicholas@2844 20 }
nicholas@2844 21 .disabled {
nicholas@2844 22 background-color: grey;
nicholas@2844 23 }
nicholas@2844 24 .playing {
nicholas@2844 25 background-color: #ffbbbb;
nicholas@2844 26 border: 2px #500 solid;
nicholas@2844 27 }
nicholas@2844 28 .dragging {
nicholas@2844 29 opacity: 0.4;
nicholas@2844 30 }
nicholas@2844 31 .over {
nicholas@2844 32 border-style: dashed;
nicholas@2844 33 }
nicholas@2844 34 .ordinal-element-label {
nicholas@2844 35 font-size: 2em;
nicholas@2844 36 }
nicholas@2954 37 div#outside-reference-holder {
nicholas@2954 38 display: flex;
nicholas@2954 39 align-content: center;
nicholas@2954 40 justify-content: center;
nicholas@2954 41 margin-bottom: 5px;
nicholas@2954 42 min-height: 20px;
nicholas@2954 43 }