n@657: /* n@657: * Hold any style information for APE interface. Customise if you like to make the interface your own! n@657: * n@657: */ n@657: body { n@657: /* Set the background colour (note US English spelling) to grey*/ n@657: background-color: #ddd n@657: } n@657: n@657: div.title { n@657: /* Specify any colouring for the title */ n@657: } n@657: n@657: div.testHalt { n@657: /* Specify any colouring during the test halt for pre/post questions */ n@657: background-color: rgba(0,0,0,0.5); n@657: /* Don't mess with this bit */ n@657: z-index: 2; n@657: width: 100%; n@657: height: 100%; n@657: position: absolute; n@657: left: 0px; n@657: top: 0px; n@657: } n@657: n@657: button { n@657: /* Specify any button structure or style */ n@657: min-width: 20px; n@657: background-color: #ddd n@657: } n@657: n@657: div#slider { n@657: /* Specify any structure for the slider holder interface */ n@657: background-color: #eee; n@657: height: 150px; n@657: margin-bottom: 25px; n@657: } n@657: n@657: div.track-slider { n@657: /* Specify any strcture for the slider objects */ n@657: position: absolute; n@657: height: inherit; n@657: width: 12px; n@657: float: left; n@657: background-color: rgb(100,200,100); n@657: } n@657: n@661: div.comment-div { n@661: border:#444444; n@661: border-style:solid; n@661: border-width:1px; n@661: width: 624px; n@661: float: left; n@661: margin: 5px; n@661: } n@662: n@661: div.comment-div span { n@661: margin-left: 15px; n@661: } n@661: n@657: div.popupHolder { n@657: width: 500px; n@657: height: 250px; n@657: background-color: #fff; n@657: border-radius: 10px; n@657: box-shadow: 0px 0px 50px #000; n@657: z-index: 2; n@657: } n@657: n@662: button.popupButton { n@657: /* Button for popup window n@657: */ n@657: width: 50px; n@657: height: 25px; n@657: position: absolute; n@657: left: 440px; n@657: top: 215px; n@657: border-radius: 5px; n@657: border: #444; n@657: border-width: 1px; n@657: border-style: solid; n@657: background-color: #fff; n@657: }