Mercurial > hg > webaudioevaluationtool
annotate interfaces/discrete.css @ 1103:2051868b21f0
Hotfix: Updated schema. <audioelement>, <surveyelement> and <commentquestion> have optional name attribute.
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Wed, 09 Mar 2016 11:29:16 +0000 |
parents | 0a15fa67bda1 |
children | c0022a09c4f6 |
rev | line source |
---|---|
djmoffat@1099 | 1 /* |
djmoffat@1099 | 2 * Hold any style information for MUSHRA interface. Customise if you like to make the interface your own! |
djmoffat@1099 | 3 * |
djmoffat@1099 | 4 */ |
djmoffat@1099 | 5 body { |
djmoffat@1099 | 6 /* Set the background colour (note US English spelling) to grey*/ |
djmoffat@1099 | 7 background-color: #ddd |
djmoffat@1099 | 8 } |
djmoffat@1099 | 9 |
djmoffat@1099 | 10 div.pageTitle { |
djmoffat@1099 | 11 width: auto; |
djmoffat@1099 | 12 height: 20px; |
djmoffat@1099 | 13 margin: 10px 0px; |
djmoffat@1099 | 14 } |
djmoffat@1099 | 15 |
djmoffat@1099 | 16 div.pageTitle span{ |
djmoffat@1099 | 17 font-size: 1.5em; |
djmoffat@1099 | 18 } |
djmoffat@1099 | 19 |
djmoffat@1099 | 20 div.testHalt { |
djmoffat@1099 | 21 /* Specify any colouring during the test halt for pre/post questions */ |
djmoffat@1099 | 22 background-color: rgba(0,0,0,0.5); |
djmoffat@1099 | 23 /* Don't mess with this bit */ |
djmoffat@1099 | 24 z-index: 2; |
djmoffat@1099 | 25 width: 100%; |
djmoffat@1099 | 26 height: 100%; |
djmoffat@1099 | 27 position: absolute; |
djmoffat@1099 | 28 left: 0px; |
djmoffat@1099 | 29 top: 0px; |
djmoffat@1099 | 30 } |
djmoffat@1099 | 31 |
djmoffat@1099 | 32 button { |
djmoffat@1099 | 33 /* Specify any button structure or style */ |
djmoffat@1099 | 34 min-width: 20px; |
djmoffat@1099 | 35 background-color: #ddd |
djmoffat@1099 | 36 } |
djmoffat@1099 | 37 |
djmoffat@1099 | 38 div#slider-holder { |
djmoffat@1099 | 39 height: inherit; |
djmoffat@1099 | 40 position: absolute; |
djmoffat@1099 | 41 left: 0px; |
djmoffat@1099 | 42 z-index: 3; |
djmoffat@1099 | 43 margin-top:25px; |
djmoffat@1099 | 44 } |
djmoffat@1099 | 45 |
djmoffat@1099 | 46 div#scale-holder { |
djmoffat@1099 | 47 position: absolute; |
djmoffat@1099 | 48 left: 0px; |
djmoffat@1099 | 49 z-index: 2; |
djmoffat@1099 | 50 } |
djmoffat@1099 | 51 |
djmoffat@1099 | 52 div#scale-text-holder { |
djmoffat@1099 | 53 position:relative; |
djmoffat@1099 | 54 float: left; |
djmoffat@1099 | 55 } |
djmoffat@1099 | 56 div.scale-text { |
djmoffat@1099 | 57 position: absolute; |
djmoffat@1099 | 58 font-size: 1.2em; |
djmoffat@1099 | 59 } |
djmoffat@1099 | 60 |
djmoffat@1099 | 61 canvas#scale-canvas { |
djmoffat@1099 | 62 position: relative; |
djmoffat@1099 | 63 float: left; |
djmoffat@1099 | 64 } |
djmoffat@1099 | 65 |
djmoffat@1099 | 66 div.track-slider { |
djmoffat@1099 | 67 float: left; |
djmoffat@1099 | 68 height: 30px; |
djmoffat@1099 | 69 border: solid; |
djmoffat@1099 | 70 border-width: 1px; |
djmoffat@1099 | 71 border-color: black; |
djmoffat@1099 | 72 padding:2px; |
djmoffat@1099 | 73 margin-left: 94px; |
djmoffat@1099 | 74 margin-bottom: 30px; |
djmoffat@1099 | 75 } |
djmoffat@1099 | 76 |
djmoffat@1099 | 77 div.track-slider-range { |
djmoffat@1099 | 78 float: left; |
djmoffat@1099 | 79 height: 100%; |
djmoffat@1099 | 80 margin: 0px 50px; |
djmoffat@1099 | 81 position: relative; |
djmoffat@1099 | 82 } |
djmoffat@1099 | 83 |
djmoffat@1099 | 84 div.track-slider-title { |
djmoffat@1099 | 85 float: left; |
djmoffat@1099 | 86 padding-top: 5px; |
djmoffat@1099 | 87 width: 100px; |
djmoffat@1099 | 88 } |
djmoffat@1099 | 89 |
djmoffat@1099 | 90 button.track-slider-button { |
djmoffat@1099 | 91 float: left; |
djmoffat@1099 | 92 width: 100px; |
djmoffat@1099 | 93 height: 30px; |
djmoffat@1099 | 94 } |
djmoffat@1099 | 95 |
djmoffat@1099 | 96 input.track-radio { |
djmoffat@1099 | 97 position: absolute; |
djmoffat@1099 | 98 margin: 9px 0px; |
djmoffat@1099 | 99 } |
djmoffat@1099 | 100 |
djmoffat@1099 | 101 button.outside-reference { |
djmoffat@1099 | 102 width:120px; |
djmoffat@1099 | 103 height:20px; |
djmoffat@1099 | 104 margin-bottom:5px; |
djmoffat@1099 | 105 position: absolute; |
djmoffat@1099 | 106 } |
djmoffat@1099 | 107 |
djmoffat@1099 | 108 div.track-slider-playing { |
djmoffat@1099 | 109 background-color: #FFDDDD; |
djmoffat@1099 | 110 } |
djmoffat@1099 | 111 |
djmoffat@1099 | 112 div#page-count { |
djmoffat@1099 | 113 float: left; |
djmoffat@1099 | 114 margin: 0px 5px; |
djmoffat@1099 | 115 } |
djmoffat@1099 | 116 |
djmoffat@1099 | 117 div#master-volume-holder { |
djmoffat@1099 | 118 position: absolute; |
djmoffat@1099 | 119 top: 10px; |
djmoffat@1099 | 120 left: 120px; |
djmoffat@1099 | 121 } |