Mercurial > hg > webaudioevaluationtool
annotate ape.css @ 1618:ff21abb06a37
Bug #1206: Question title more pronounced and with greater spacing.
author | Nicholas Jillings <nickjillings@users.noreply.github.com> |
---|---|
date | Sun, 24 May 2015 11:45:35 +0100 |
parents | 207a14aac2c6 |
children | 17353d015d33 |
rev | line source |
---|---|
b@1608 | 1 /* |
b@1608 | 2 * Hold any style information for APE interface. Customise if you like to make the interface your own! |
b@1608 | 3 * |
b@1608 | 4 */ |
b@1608 | 5 body { |
b@1608 | 6 /* Set the background colour (note US English spelling) to grey*/ |
b@1608 | 7 background-color: #ddd |
b@1608 | 8 } |
b@1608 | 9 |
b@1608 | 10 div.title { |
b@1608 | 11 /* Specify any colouring for the title */ |
b@1608 | 12 } |
b@1608 | 13 |
b@1608 | 14 div.pageTitle { |
b@1608 | 15 width: auto; |
b@1608 | 16 height: 20px; |
nickjillings@1618 | 17 margin-top: 20px; |
nickjillings@1618 | 18 } |
nickjillings@1618 | 19 |
nickjillings@1618 | 20 div.pageTitle span{ |
nickjillings@1618 | 21 font-size: 1.5em; |
b@1608 | 22 } |
b@1608 | 23 |
b@1608 | 24 div.testHalt { |
b@1608 | 25 /* Specify any colouring during the test halt for pre/post questions */ |
b@1608 | 26 background-color: rgba(0,0,0,0.5); |
b@1608 | 27 /* Don't mess with this bit */ |
b@1608 | 28 z-index: 2; |
b@1608 | 29 width: 100%; |
b@1608 | 30 height: 100%; |
b@1608 | 31 position: absolute; |
b@1608 | 32 left: 0px; |
b@1608 | 33 top: 0px; |
b@1608 | 34 } |
b@1608 | 35 |
b@1608 | 36 button { |
b@1608 | 37 /* Specify any button structure or style */ |
b@1608 | 38 min-width: 20px; |
b@1608 | 39 background-color: #ddd |
b@1608 | 40 } |
b@1608 | 41 |
b@1608 | 42 div#slider { |
b@1608 | 43 /* Specify any structure for the slider holder interface */ |
b@1608 | 44 background-color: #eee; |
b@1608 | 45 height: 150px; |
b@1608 | 46 margin-bottom: 5px; |
b@1608 | 47 } |
b@1608 | 48 |
b@1608 | 49 div.sliderScale { |
b@1608 | 50 width: 100%; |
b@1607 | 51 min-height: 30px; |
b@1607 | 52 } |
b@1607 | 53 |
b@1607 | 54 div.sliderScale span{ |
b@1607 | 55 font-size: 1.2em; |
b@1608 | 56 } |
b@1608 | 57 |
b@1608 | 58 div.sliderScale span { |
b@1608 | 59 /* Any formatting of text below scale */ |
b@1608 | 60 min-width: 5px; |
b@1608 | 61 height: 20px; |
b@1608 | 62 height: 100%; |
b@1608 | 63 position: absolute; |
b@1608 | 64 } |
b@1608 | 65 |
b@1608 | 66 div.track-slider { |
b@1608 | 67 /* Specify any structure for the slider objects */ |
b@1608 | 68 position: absolute; |
b@1608 | 69 height: inherit; |
b@1608 | 70 width: 12px; |
b@1608 | 71 float: left; |
b@1608 | 72 background-color: rgb(100,200,100); |
b@1608 | 73 } |
b@1608 | 74 |
b@1608 | 75 div.comment-div { |
b@1608 | 76 border:#444444; |
b@1608 | 77 border-style:solid; |
b@1608 | 78 border-width:1px; |
b@1608 | 79 width: 624px; |
b@1608 | 80 float: left; |
b@1608 | 81 margin: 5px; |
b@1608 | 82 } |
b@1608 | 83 |
b@1608 | 84 div.comment-div span { |
b@1608 | 85 margin-left: 15px; |
b@1608 | 86 } |
b@1608 | 87 |
b@1608 | 88 div.popupHolder { |
b@1608 | 89 width: 500px; |
b@1608 | 90 height: 250px; |
b@1608 | 91 background-color: #fff; |
b@1608 | 92 border-radius: 10px; |
b@1608 | 93 box-shadow: 0px 0px 50px #000; |
b@1608 | 94 z-index: 2; |
b@1608 | 95 } |
b@1608 | 96 |
b@1608 | 97 button.popupButton { |
b@1608 | 98 /* Button for popup window |
b@1608 | 99 */ |
b@1608 | 100 width: 50px; |
b@1608 | 101 height: 25px; |
b@1608 | 102 position: absolute; |
b@1608 | 103 left: 440px; |
b@1608 | 104 top: 215px; |
b@1608 | 105 border-radius: 5px; |
b@1608 | 106 border: #444; |
b@1608 | 107 border-width: 1px; |
b@1608 | 108 border-style: solid; |
b@1608 | 109 background-color: #fff; |
b@1608 | 110 } |