annotate mushra.css @ 765:e66434e0f573

Updated demo project, with some added explanations, and no enforced sampling rate. Shows bugs though, at least in this branch.
author Brecht De Man <BrechtDeMan@users.noreply.github.com>
date Tue, 08 Dec 2015 12:18:06 +0100
parents
children 6e01da7f9f92
rev   line source
BrechtDeMan@765 1 /*
BrechtDeMan@765 2 * Hold any style information for MUSHRA interface. Customise if you like to make the interface your own!
BrechtDeMan@765 3 *
BrechtDeMan@765 4 */
BrechtDeMan@765 5 body {
BrechtDeMan@765 6 /* Set the background colour (note US English spelling) to grey*/
BrechtDeMan@765 7 background-color: #ddd
BrechtDeMan@765 8 }
BrechtDeMan@765 9
BrechtDeMan@765 10 div.pageTitle {
BrechtDeMan@765 11 width: auto;
BrechtDeMan@765 12 height: 20px;
BrechtDeMan@765 13 margin-top: 20px;
BrechtDeMan@765 14 }
BrechtDeMan@765 15
BrechtDeMan@765 16 div.pageTitle span{
BrechtDeMan@765 17 font-size: 1.5em;
BrechtDeMan@765 18 }
BrechtDeMan@765 19
BrechtDeMan@765 20 div.testHalt {
BrechtDeMan@765 21 /* Specify any colouring during the test halt for pre/post questions */
BrechtDeMan@765 22 background-color: rgba(0,0,0,0.5);
BrechtDeMan@765 23 /* Don't mess with this bit */
BrechtDeMan@765 24 z-index: 2;
BrechtDeMan@765 25 width: 100%;
BrechtDeMan@765 26 height: 100%;
BrechtDeMan@765 27 position: absolute;
BrechtDeMan@765 28 left: 0px;
BrechtDeMan@765 29 top: 0px;
BrechtDeMan@765 30 }
BrechtDeMan@765 31
BrechtDeMan@765 32 button {
BrechtDeMan@765 33 /* Specify any button structure or style */
BrechtDeMan@765 34 min-width: 20px;
BrechtDeMan@765 35 background-color: #ddd
BrechtDeMan@765 36 }
BrechtDeMan@765 37
BrechtDeMan@765 38
BrechtDeMan@765 39 div.track-slider {
BrechtDeMan@765 40 float: left;
BrechtDeMan@765 41 width: 94px;
BrechtDeMan@765 42 border: solid;
BrechtDeMan@765 43 border-width: 1px;
BrechtDeMan@765 44 border-color: black;
BrechtDeMan@765 45 padding:2px;
BrechtDeMan@765 46 }
BrechtDeMan@765 47
BrechtDeMan@765 48 input[type=range][orient=vertical]
BrechtDeMan@765 49 {
BrechtDeMan@765 50 writing-mode: bt-lr; /* IE */
BrechtDeMan@765 51 -webkit-appearance: slider-vertical; /* WebKit */
BrechtDeMan@765 52 width: 8px;
BrechtDeMan@765 53 height: 175px;
BrechtDeMan@765 54 padding: 0 5px;
BrechtDeMan@765 55 }