Mercurial > hg > webaudioevaluationtool
annotate mushra.css @ 415:6e01da7f9f92 Dev_main
MUSHRA fixes. Added some mushra features to match newer APE interfaces and core bindings.
author | Nicholas Jillings <nicholas.jillings@eecs.qmul.ac.uk> |
---|---|
date | Thu, 17 Dec 2015 13:34:23 +0000 |
parents | 7e9c38fa7499 |
children | c22ce754b426 |
rev | line source |
---|---|
n@281 | 1 /* |
n@281 | 2 * Hold any style information for MUSHRA interface. Customise if you like to make the interface your own! |
n@281 | 3 * |
n@281 | 4 */ |
n@281 | 5 body { |
n@281 | 6 /* Set the background colour (note US English spelling) to grey*/ |
n@281 | 7 background-color: #ddd |
n@281 | 8 } |
n@281 | 9 |
n@281 | 10 div.pageTitle { |
n@281 | 11 width: auto; |
n@281 | 12 height: 20px; |
n@281 | 13 margin-top: 20px; |
n@281 | 14 } |
n@281 | 15 |
n@281 | 16 div.pageTitle span{ |
n@281 | 17 font-size: 1.5em; |
n@281 | 18 } |
n@281 | 19 |
n@281 | 20 div.testHalt { |
n@281 | 21 /* Specify any colouring during the test halt for pre/post questions */ |
n@281 | 22 background-color: rgba(0,0,0,0.5); |
n@281 | 23 /* Don't mess with this bit */ |
n@281 | 24 z-index: 2; |
n@281 | 25 width: 100%; |
n@281 | 26 height: 100%; |
n@281 | 27 position: absolute; |
n@281 | 28 left: 0px; |
n@281 | 29 top: 0px; |
n@281 | 30 } |
n@281 | 31 |
n@281 | 32 button { |
n@281 | 33 /* Specify any button structure or style */ |
n@281 | 34 min-width: 20px; |
n@281 | 35 background-color: #ddd |
n@281 | 36 } |
n@281 | 37 |
n@281 | 38 |
n@281 | 39 div.track-slider { |
n@281 | 40 float: left; |
n@281 | 41 width: 94px; |
n@281 | 42 border: solid; |
n@281 | 43 border-width: 1px; |
n@281 | 44 border-color: black; |
n@281 | 45 padding:2px; |
n@281 | 46 } |
n@281 | 47 |
nicholas@415 | 48 div.track-slider-playing { |
nicholas@415 | 49 background-color: #FFDDDD; |
nicholas@415 | 50 } |
nicholas@415 | 51 |
nicholas@415 | 52 input.track-slider-range { |
nicholas@415 | 53 width: 100%; |
nicholas@415 | 54 margin-left: 0px; |
nicholas@415 | 55 margin-right: 0px; |
nicholas@415 | 56 padding-left: 0px; |
nicholas@415 | 57 padding-top: 0px; |
nicholas@415 | 58 } |
nicholas@415 | 59 |
n@281 | 60 input[type=range][orient=vertical] |
n@281 | 61 { |
n@281 | 62 writing-mode: bt-lr; /* IE */ |
n@281 | 63 -webkit-appearance: slider-vertical; /* WebKit */ |
n@281 | 64 width: 8px; |
n@281 | 65 padding: 0 5px; |
n@281 | 66 } |