n@1253: body { n@1253: /* Set the background colour (note US English spelling) to grey*/ n@1253: background-color: #fff n@1253: } n@1253: n@1253: div.pageTitle { n@1253: width: auto; n@1253: height: 20px; n@1253: margin-top: 20px; n@1253: } n@1253: n@1253: div.pageTitle span{ n@1253: font-size: 1.5em; n@1253: } n@1253: n@1253: div.testHalt { n@1253: /* Specify any colouring during the test halt for pre/post questions */ n@1253: background-color: rgba(0,0,0,0.5); n@1253: /* Don't mess with this bit */ n@1253: z-index: 2; n@1253: width: 100%; n@1253: height: 100%; n@1253: position: absolute; n@1253: left: 0px; n@1253: top: 0px; n@1253: } n@1253: n@1253: button { n@1253: /* Specify any button structure or style */ n@1253: min-width: 20px; n@1253: background-color: #ddd n@1253: } n@1253: n@1253: button.big-button { n@1253: width: 250px; n@1253: height: 40px; n@1253: font-size: 1.2em; n@1253: } n@1253: n@1253: div.comparator-holder { n@1253: width: 260px; n@1253: height: 300px; n@1253: border: black 1px solid; n@1253: float: left; n@1253: padding-top: 5px; n@1253: margin: 25px; n@1253: } n@1253: n@1253: div.comparator-selector { n@1253: width: 248px; n@1253: height: 250px; n@1253: border: black 1px solid; n@1253: position: relative; n@1253: background-color: #FF0000; n@1253: border-radius: 20px; n@1253: } n@1253: n@1253: div.disabled { n@1253: background-color: #AAA; n@1253: } n@1253: n@1253: div.selected { n@1253: background-color: #008000; n@1253: } n@1253: n@1253: div.comparator-selector span { n@1253: font-size: 4em; n@1253: } n@1253: n@1253: button.comparator-button { n@1253: width: 250px; n@1253: height: 38px; n@1253: position: relative; n@1253: margin-top: 5px; n@1253: } n@1253: n@1253: div.playhead { n@1253: margin: 5px; n@1253: } n@1253: n@1253: div#page-count { n@1253: float: left; n@1253: margin: 0px 5px; n@1253: } n@1253: n@1253: div#master-volume-holder { n@1253: position: absolute; n@1253: top: 10px; n@1253: left: 120px; n@1253: }