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