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