Mercurial > hg > webaudioevaluationtool
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 } |