Mercurial > hg > webaudioevaluationtool
annotate ape.css @ 1648:dc2969dbe0a2
Updated popup button functions.
author | Nicholas Jillings <nickjillings@users.noreply.github.com> |
---|---|
date | Fri, 10 Apr 2015 13:46:04 +0100 |
parents | 5c035fc813d0 |
children | 896111a0849b |
rev | line source |
---|---|
nickjillings@1643 | 1 /* |
nickjillings@1643 | 2 * Hold any style information for APE interface. Customise if you like to make the interface your own! |
nickjillings@1643 | 3 * |
nickjillings@1643 | 4 */ |
nickjillings@1643 | 5 body { |
nickjillings@1643 | 6 /* Set the background colour (note US English spelling) to grey*/ |
nickjillings@1643 | 7 background-color: #ddd |
nickjillings@1643 | 8 } |
nickjillings@1643 | 9 |
nickjillings@1643 | 10 div.title { |
nickjillings@1643 | 11 /* Specify any colouring for the title */ |
nickjillings@1643 | 12 } |
nickjillings@1643 | 13 |
nickjillings@1643 | 14 div.testHalt { |
nickjillings@1643 | 15 /* Specify any colouring during the test halt for pre/post questions */ |
nickjillings@1643 | 16 background-color: rgba(0,0,0,0.5); |
nickjillings@1643 | 17 /* Don't mess with this bit */ |
nickjillings@1643 | 18 z-index: 2; |
nickjillings@1643 | 19 width: 100%; |
nickjillings@1643 | 20 height: 100%; |
nickjillings@1643 | 21 position: absolute; |
nickjillings@1643 | 22 left: 0px; |
nickjillings@1643 | 23 top: 0px; |
nickjillings@1643 | 24 } |
nickjillings@1643 | 25 |
nickjillings@1643 | 26 button { |
nickjillings@1643 | 27 /* Specify any button structure or style */ |
nickjillings@1643 | 28 min-width: 20px; |
nickjillings@1643 | 29 background-color: #ddd |
nickjillings@1643 | 30 } |
nickjillings@1643 | 31 |
nickjillings@1643 | 32 div#slider { |
nickjillings@1643 | 33 /* Specify any structure for the slider holder interface */ |
nickjillings@1643 | 34 background-color: #eee; |
nickjillings@1643 | 35 height: 150px; |
nickjillings@1643 | 36 margin-bottom: 25px; |
nickjillings@1643 | 37 } |
nickjillings@1643 | 38 |
nickjillings@1643 | 39 div.track-slider { |
nickjillings@1643 | 40 /* Specify any strcture for the slider objects */ |
nickjillings@1643 | 41 position: absolute; |
nickjillings@1643 | 42 height: inherit; |
nickjillings@1643 | 43 width: 12px; |
nickjillings@1643 | 44 float: left; |
nickjillings@1643 | 45 background-color: rgb(100,200,100); |
nickjillings@1643 | 46 } |
nickjillings@1643 | 47 |
nickjillings@1647 | 48 div.comment-div { |
nickjillings@1647 | 49 border:#444444; |
nickjillings@1647 | 50 border-style:solid; |
nickjillings@1647 | 51 border-width:1px; |
nickjillings@1647 | 52 width: 624px; |
nickjillings@1647 | 53 float: left; |
nickjillings@1647 | 54 margin: 5px; |
nickjillings@1647 | 55 } |
nickjillings@1648 | 56 |
nickjillings@1647 | 57 div.comment-div span { |
nickjillings@1647 | 58 margin-left: 15px; |
nickjillings@1647 | 59 } |
nickjillings@1647 | 60 |
nickjillings@1643 | 61 div.popupHolder { |
nickjillings@1643 | 62 width: 500px; |
nickjillings@1643 | 63 height: 250px; |
nickjillings@1643 | 64 background-color: #fff; |
nickjillings@1643 | 65 border-radius: 10px; |
nickjillings@1643 | 66 box-shadow: 0px 0px 50px #000; |
nickjillings@1643 | 67 z-index: 2; |
nickjillings@1643 | 68 } |
nickjillings@1643 | 69 |
nickjillings@1648 | 70 button.popupButton { |
nickjillings@1643 | 71 /* Button for popup window |
nickjillings@1643 | 72 */ |
nickjillings@1643 | 73 width: 50px; |
nickjillings@1643 | 74 height: 25px; |
nickjillings@1643 | 75 position: absolute; |
nickjillings@1643 | 76 left: 440px; |
nickjillings@1643 | 77 top: 215px; |
nickjillings@1643 | 78 border-radius: 5px; |
nickjillings@1643 | 79 border: #444; |
nickjillings@1643 | 80 border-width: 1px; |
nickjillings@1643 | 81 border-style: solid; |
nickjillings@1643 | 82 background-color: #fff; |
nickjillings@1643 | 83 } |