view interfaces/ape.css @ 1116:c44fbf72f7f2

All interfaces support comment boxes. Comment box identification matches presented tag (for instance, AB will be Comment on fragment A, rather than 1). Tighter buffer loading protocol, audioObjects register with the buffer rather than checking for buffer existence (which can be buggy depending on the buffer state). Buffers now have a state to ensure exact location in loading chain (downloading, decoding, LUFS, ready).

/*
 * Hold any style information for APE interface. Customise if you like to make the interface your own!
 * 
 */
body {
	/* Set the background colour (note US English spelling) to grey*/
	background-color: #ddd
}

div.title {
	/* Specify any colouring for the title */
}

div.pageTitle {
	width: auto;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}

div.pageTitle span{
	font-size: 1.5em;
}

button {
	/* Specify any button structure or style */
	min-width: 20px;
	background-color: #ddd
}

div.slider {
	/* Specify any structure for the slider holder interface */
	background-color: #eee;
	height: 150px;
	margin-bottom: 5px;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

div.sliderScale {
	width: 100%;
	min-height: 30px;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

div.sliderScale span {
	/* Any formatting of text below scale */
	font-size: 1.2em;
	min-width: 5px;
	height: 20px;
	position: absolute;
}

div.track-slider {
	/* Specify any structure for the slider objects */
	position: absolute;
	height: inherit;
	width: 12px;
	float: left;
	background-color: rgb(100,200,100);
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

div.outside-reference {
	width:120px;
	padding-left: 55px;
	margin-left: 100px;
	height:20px;
	margin-bottom:5px;
	background-color: rgb(100,200,100);
}

div.track-slider-disabled {
	background-color: rgb(100,100,100);
}

div.track-slider-playing {
	background-color: #FF0000;
}

div.comment-box-playing {
	background-color: #FFDDDD;
}

div#master-volume-holder {
    position: absolute;
    top: 10px;
    left: 120px;
}