view core.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).

/* structure.css
 * Define the structure for classes and objects in HTML
 */

div.title {
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	font-size: 2em;
}

div.indicator-box {
	position: absolute;
	left: 150px;
	top: 10px;
	width: 300px;
	height: 60px;
	padding: 20px;
	border-radius: 10px;
	background-color: rgb(100,200,200);
}

div.comment-div {
	border:#444444;
	border-style:solid;
	border-width:1px;
	max-width: 600px;
	min-width: 400px;
	float: left;
	margin: 5px;
	height: 90px;
}

div.comment-div span {
	margin-left: 15px;
}

div.popupHolder {
	width: 500px;
	min-height: 250px;
	max-height: 400px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 50px #000;
	z-index: 2;
}

button.popupButton {
	/* Button for popup window
	 */
	width: 50px;
	height: 25px;
	position: relative;
	border-radius: 5px;
	border: #444;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
}

div.testHalt {
	/* Specify any colouring during the test halt for pre/post questions */
	background-color: rgba(0,0,0,0.5);
	/* Don't mess with this bit */
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

textarea.trackComment {
	max-width: 594px;
	min-width: 350px;
	margin-right:15px;
	max-height: 60px;
}

div.playhead {
	width: 500px;
	height: 50px;
	background-color: #eee;
	border-radius: 10px;
	padding: 10px;
}

div.playhead-scrub-track {
	width: 100%;
	height: 10px;
	border-style: solid;
	border-width: 1px;
}

div#playhead-scrubber {
	width: 10px;
	height: 10px;
	position: relative;
	background-color: #000;
}

div#master-volume-holder {
    width: 250px;
    float: left;
    border: black 1px solid;
    border-radius: 5px;
    padding: 5px;
}

input#master-volume-control {
    width: 200px;
    height: 25px;
    float: left;
    margin: 0px;
    padding: 0px;
}

span#master-volume-feedback {
    width: 45px;
    height: 25px;
    margin-left: 5px;
    float: left;
}