Mercurial > hg > webaudioevaluationtool
view 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 |
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; } div#outside-reference-holder { display: flex; align-content: center; justify-content: center; margin-bottom: 5px; min-height: 20px; }