Mercurial > hg > webaudioevaluationtool
annotate interfaces/AB.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 | b5bf2f57187c |
children | 83b439322229 |
rev | line source |
---|---|
djmoffat@1099 | 1 body { |
djmoffat@1099 | 2 /* Set the background colour (note US English spelling) to grey*/ |
djmoffat@1099 | 3 background-color: #fff |
djmoffat@1099 | 4 } |
djmoffat@1099 | 5 |
djmoffat@1099 | 6 div.pageTitle { |
djmoffat@1099 | 7 width: auto; |
djmoffat@1099 | 8 height: 20px; |
djmoffat@1099 | 9 margin-top: 20px; |
djmoffat@1099 | 10 } |
djmoffat@1099 | 11 |
djmoffat@1099 | 12 div.pageTitle span{ |
djmoffat@1099 | 13 font-size: 1.5em; |
djmoffat@1099 | 14 } |
djmoffat@1099 | 15 |
djmoffat@1099 | 16 div.testHalt { |
djmoffat@1099 | 17 /* Specify any colouring during the test halt for pre/post questions */ |
djmoffat@1099 | 18 background-color: rgba(0,0,0,0.5); |
djmoffat@1099 | 19 /* Don't mess with this bit */ |
djmoffat@1099 | 20 z-index: 2; |
djmoffat@1099 | 21 width: 100%; |
djmoffat@1099 | 22 height: 100%; |
djmoffat@1099 | 23 position: absolute; |
djmoffat@1099 | 24 left: 0px; |
djmoffat@1099 | 25 top: 0px; |
djmoffat@1099 | 26 } |
djmoffat@1099 | 27 |
djmoffat@1099 | 28 button { |
djmoffat@1099 | 29 /* Specify any button structure or style */ |
djmoffat@1099 | 30 min-width: 20px; |
djmoffat@1099 | 31 background-color: #ddd |
djmoffat@1099 | 32 } |
djmoffat@1099 | 33 |
djmoffat@1099 | 34 button.big-button { |
djmoffat@1099 | 35 width: 250px; |
djmoffat@1099 | 36 height: 40px; |
djmoffat@1099 | 37 font-size: 1.2em; |
djmoffat@1099 | 38 } |
djmoffat@1099 | 39 |
n@1102 | 40 div.comparator-holder { |
djmoffat@1099 | 41 width: 260px; |
djmoffat@1099 | 42 height: 300px; |
djmoffat@1099 | 43 border: black 1px solid; |
djmoffat@1099 | 44 float: left; |
djmoffat@1099 | 45 padding-top: 5px; |
djmoffat@1099 | 46 margin: 25px; |
djmoffat@1099 | 47 } |
djmoffat@1099 | 48 |
n@1102 | 49 div.comparator-selector { |
djmoffat@1099 | 50 width: 248px; |
djmoffat@1099 | 51 height: 250px; |
djmoffat@1099 | 52 border: black 1px solid; |
djmoffat@1099 | 53 position: relative; |
djmoffat@1099 | 54 background-color: #FF0000; |
djmoffat@1099 | 55 border-radius: 20px; |
djmoffat@1099 | 56 } |
djmoffat@1099 | 57 |
djmoffat@1099 | 58 div.disabled { |
djmoffat@1099 | 59 background-color: #AAA; |
djmoffat@1099 | 60 } |
djmoffat@1099 | 61 |
djmoffat@1099 | 62 div.selected { |
djmoffat@1099 | 63 background-color: #008000; |
djmoffat@1099 | 64 } |
djmoffat@1099 | 65 |
n@1102 | 66 div.comparator-selector span { |
djmoffat@1099 | 67 font-size: 4em; |
djmoffat@1099 | 68 } |
djmoffat@1099 | 69 |
n@1102 | 70 button.comparator-button { |
djmoffat@1099 | 71 width: 250px; |
djmoffat@1099 | 72 height: 38px; |
djmoffat@1099 | 73 position: relative; |
djmoffat@1099 | 74 margin-top: 5px; |
djmoffat@1099 | 75 } |
djmoffat@1099 | 76 |
djmoffat@1099 | 77 div.playhead { |
djmoffat@1099 | 78 margin: 5px; |
djmoffat@1099 | 79 } |
djmoffat@1099 | 80 |
djmoffat@1099 | 81 div#page-count { |
djmoffat@1099 | 82 float: left; |
djmoffat@1099 | 83 margin: 0px 5px; |
djmoffat@1099 | 84 } |
djmoffat@1099 | 85 |
djmoffat@1099 | 86 div#master-volume-holder { |
djmoffat@1099 | 87 position: absolute; |
djmoffat@1099 | 88 top: 10px; |
djmoffat@1099 | 89 left: 120px; |
djmoffat@1099 | 90 } |