Mercurial > hg > webaudioevaluationtool
annotate ape.css @ 1079:24eeac8994bf
Add DMRN Proposal
author | DaveM <DaveM@localhost> |
---|---|
date | Mon, 07 Dec 2015 11:21:01 +0000 |
parents | 888292c88c33 |
children | f9c9a40f33bd |
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@671 | 14 div.pageTitle { |
n@671 | 15 width: auto; |
n@671 | 16 height: 20px; |
nicholas@948 | 17 margin-top: 20px; |
nicholas@948 | 18 } |
nicholas@948 | 19 |
nicholas@948 | 20 div.pageTitle span{ |
nicholas@948 | 21 font-size: 1.5em; |
n@671 | 22 } |
n@671 | 23 |
n@657 | 24 button { |
n@657 | 25 /* Specify any button structure or style */ |
n@657 | 26 min-width: 20px; |
n@657 | 27 background-color: #ddd |
n@657 | 28 } |
n@657 | 29 |
n@657 | 30 div#slider { |
n@657 | 31 /* Specify any structure for the slider holder interface */ |
n@657 | 32 background-color: #eee; |
n@657 | 33 height: 150px; |
n@671 | 34 margin-bottom: 5px; |
n@671 | 35 } |
n@671 | 36 |
n@671 | 37 div.sliderScale { |
n@671 | 38 width: 100%; |
n@997 | 39 min-height: 30px; |
n@997 | 40 } |
n@997 | 41 |
n@671 | 42 div.sliderScale span { |
n@671 | 43 /* Any formatting of text below scale */ |
n@1026 | 44 font-size: 1.2em; |
n@671 | 45 min-width: 5px; |
n@671 | 46 height: 20px; |
n@671 | 47 position: absolute; |
n@657 | 48 } |
n@657 | 49 |
n@657 | 50 div.track-slider { |
BrechtDeMan@938 | 51 /* Specify any structure for the slider objects */ |
n@657 | 52 position: absolute; |
n@657 | 53 height: inherit; |
n@657 | 54 width: 12px; |
n@657 | 55 float: left; |
n@657 | 56 background-color: rgb(100,200,100); |
n@657 | 57 } |
n@657 | 58 |
n@821 | 59 div#outside-reference { |
n@821 | 60 width:120px; |
n@821 | 61 padding-left: 55px; |
n@821 | 62 margin-left: 100px; |
n@821 | 63 height:20px; |
n@821 | 64 margin-bottom:5px; |
n@821 | 65 background-color: rgb(100,200,100); |
n@821 | 66 } |
n@821 | 67 |
nicholas@864 | 68 div.track-slider-disabled { |
nicholas@864 | 69 background-color: rgb(100,100,100); |
nicholas@864 | 70 } |
nicholas@864 | 71 |
n@1008 | 72 div.track-slider-playing { |
n@1008 | 73 background-color: #FF0000; |
n@1008 | 74 } |
n@1008 | 75 |
n@1008 | 76 div.comment-box-playing { |
n@1008 | 77 background-color: #FFDDDD; |
n@1008 | 78 } |