annotate interfaces/ape.css @ 1142:3924a4e1499b

Better loudness calculation. Buffer ready not called until after loudness calculation to avoid NaNs on gain. <survey> nodes do not need to be present, no survey then no node. Added example boilerplate interface with all required functions and brief descriptions.
author Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
date Wed, 13 Jan 2016 10:31:31 +0000
parents df4284a31f69
children 92f26057b934
rev   line source
n@1141 1 /*
n@1141 2 * Hold any style information for APE interface. Customise if you like to make the interface your own!
n@1141 3 *
n@1141 4 */
n@1141 5 body {
n@1141 6 /* Set the background colour (note US English spelling) to grey*/
n@1141 7 background-color: #ddd
n@1141 8 }
n@1141 9
n@1141 10 div.title {
n@1141 11 /* Specify any colouring for the title */
n@1141 12 }
n@1141 13
n@1141 14 div.pageTitle {
n@1141 15 width: auto;
n@1141 16 height: 20px;
n@1141 17 margin-top: 5px;
n@1141 18 margin-bottom: 10px;
n@1141 19 }
n@1141 20
n@1141 21 div.pageTitle span{
n@1141 22 font-size: 1.5em;
n@1141 23 }
n@1141 24
n@1141 25 button {
n@1141 26 /* Specify any button structure or style */
n@1141 27 min-width: 20px;
n@1141 28 background-color: #ddd
n@1141 29 }
n@1141 30
n@1141 31 div.slider {
n@1141 32 /* Specify any structure for the slider holder interface */
n@1141 33 background-color: #eee;
n@1141 34 height: 150px;
n@1141 35 margin-bottom: 5px;
n@1141 36 -moz-user-select: -moz-none;
n@1141 37 -khtml-user-select: none;
n@1141 38 -webkit-user-select: none;
n@1141 39 }
n@1141 40
n@1141 41 div.sliderScale {
n@1141 42 width: 100%;
n@1141 43 min-height: 30px;
n@1141 44 -moz-user-select: -moz-none;
n@1141 45 -khtml-user-select: none;
n@1141 46 -webkit-user-select: none;
n@1141 47 }
n@1141 48
n@1141 49 div.sliderScale span {
n@1141 50 /* Any formatting of text below scale */
n@1141 51 font-size: 1.2em;
n@1141 52 min-width: 5px;
n@1141 53 height: 20px;
n@1141 54 position: absolute;
n@1141 55 }
n@1141 56
n@1141 57 div.track-slider {
n@1141 58 /* Specify any structure for the slider objects */
n@1141 59 position: absolute;
n@1141 60 height: inherit;
n@1141 61 width: 12px;
n@1141 62 float: left;
n@1141 63 background-color: rgb(100,200,100);
n@1141 64 -moz-user-select: -moz-none;
n@1141 65 -khtml-user-select: none;
n@1141 66 -webkit-user-select: none;
n@1141 67 }
n@1141 68
n@1141 69 div.outside-reference {
n@1141 70 width:120px;
n@1141 71 padding-left: 55px;
n@1141 72 margin-left: 100px;
n@1141 73 height:20px;
n@1141 74 margin-bottom:5px;
n@1141 75 background-color: rgb(100,200,100);
n@1141 76 }
n@1141 77
n@1141 78 div.track-slider-disabled {
n@1141 79 background-color: rgb(100,100,100);
n@1141 80 }
n@1141 81
n@1141 82 div.track-slider-playing {
n@1141 83 background-color: #FF0000;
n@1141 84 }
n@1141 85
n@1141 86 div.comment-box-playing {
n@1141 87 background-color: #FFDDDD;
n@1141 88 }