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