Mercurial > hg > webaudioevaluationtool
annotate ape.css @ 657:1e64848f5940
Added ape.css, removed styles from .js to clean up.
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Fri, 10 Apr 2015 12:02:10 +0100 |
parents | |
children | 8a78c6d38c5f |
rev | line source |
---|---|
n@657 | 1 /* |
n@657 | 2 * Hold any style information for APE interface. Customise if you like to make the interface your own! |
n@657 | 3 * |
n@657 | 4 */ |
n@657 | 5 body { |
n@657 | 6 /* Set the background colour (note US English spelling) to grey*/ |
n@657 | 7 background-color: #ddd |
n@657 | 8 } |
n@657 | 9 |
n@657 | 10 div.title { |
n@657 | 11 /* Specify any colouring for the title */ |
n@657 | 12 } |
n@657 | 13 |
n@657 | 14 div.testHalt { |
n@657 | 15 /* Specify any colouring during the test halt for pre/post questions */ |
n@657 | 16 background-color: rgba(0,0,0,0.5); |
n@657 | 17 /* Don't mess with this bit */ |
n@657 | 18 z-index: 2; |
n@657 | 19 width: 100%; |
n@657 | 20 height: 100%; |
n@657 | 21 position: absolute; |
n@657 | 22 left: 0px; |
n@657 | 23 top: 0px; |
n@657 | 24 } |
n@657 | 25 |
n@657 | 26 button { |
n@657 | 27 /* Specify any button structure or style */ |
n@657 | 28 min-width: 20px; |
n@657 | 29 background-color: #ddd |
n@657 | 30 } |
n@657 | 31 |
n@657 | 32 div#slider { |
n@657 | 33 /* Specify any structure for the slider holder interface */ |
n@657 | 34 background-color: #eee; |
n@657 | 35 height: 150px; |
n@657 | 36 margin-bottom: 25px; |
n@657 | 37 } |
n@657 | 38 |
n@657 | 39 div.track-slider { |
n@657 | 40 /* Specify any strcture for the slider objects */ |
n@657 | 41 position: absolute; |
n@657 | 42 height: inherit; |
n@657 | 43 width: 12px; |
n@657 | 44 float: left; |
n@657 | 45 background-color: rgb(100,200,100); |
n@657 | 46 } |
n@657 | 47 |
n@657 | 48 div.popupHolder { |
n@657 | 49 width: 500px; |
n@657 | 50 height: 250px; |
n@657 | 51 background-color: #fff; |
n@657 | 52 border-radius: 10px; |
n@657 | 53 box-shadow: 0px 0px 50px #000; |
n@657 | 54 z-index: 2; |
n@657 | 55 } |
n@657 | 56 |
n@657 | 57 button#preTestNext { |
n@657 | 58 /* Button for popup window |
n@657 | 59 */ |
n@657 | 60 width: 50px; |
n@657 | 61 height: 25px; |
n@657 | 62 position: absolute; |
n@657 | 63 left: 440px; |
n@657 | 64 top: 215px; |
n@657 | 65 border-radius: 5px; |
n@657 | 66 border: #444; |
n@657 | 67 border-width: 1px; |
n@657 | 68 border-style: solid; |
n@657 | 69 background-color: #fff; |
n@657 | 70 } |