n@1115: /* structure.css n@1115: * Define the structure for classes and objects in HTML n@1115: */ n@1115: n@1115: div.title { n@1115: width: 100%; n@1115: height: 50px; n@1115: margin-bottom: 10px; n@1115: font-size: 2em; n@1115: } n@1115: n@1115: div.indicator-box { n@1115: position: absolute; n@1115: left: 150px; n@1115: top: 10px; n@1115: width: 300px; n@1115: height: 60px; n@1115: padding: 20px; n@1115: border-radius: 10px; n@1115: background-color: rgb(100,200,200); n@1115: } n@1115: n@1115: div.comment-div { n@1115: border:1px solid #444444; n@1115: max-width: 600px; n@1115: min-width: 400px; n@1115: float: left; n@1115: margin: 5px 10px 5px 5px; n@1115: height: 90px; n@1115: border-radius: 10px; n@1115: } n@1115: n@1115: div.comment-div span { n@1115: margin-left: 15px; n@1115: } n@1115: n@1115: div.popupHolder { n@1115: width: 500px; n@1115: min-height: 250px; n@1115: max-height: 400px; n@1115: background-color: #fff; n@1115: border-radius: 10px; n@1115: box-shadow: 0px 0px 50px #000; n@1115: z-index: 2; n@1115: position: absolute; n@1115: } n@1115: n@1115: div#popupContent { n@1115: margin-top: 20px; n@1115: margin-bottom: 5px; n@1115: } n@1115: n@1115: div#popupTitle { n@1115: width: inherit; n@1115: min-height: 25px; n@1115: max-height: 250px; n@1115: overflow: auto; n@1115: margin-bottom: 5px; n@1115: } n@1115: n@1115: div#popupResponse { n@1115: width: inherit; n@1115: min-height: 50px; n@1115: max-height: 320px; n@1115: overflow: auto; n@1115: position: relative; n@1115: } n@1115: n@1115: button.popupButton { n@1115: /* Button for popup window n@1115: */ n@1115: width: 50px; n@1115: height: 25px; n@1115: position: absolute; n@1115: border-radius: 5px; n@1115: border: #444; n@1115: border-width: 1px; n@1115: border-style: solid; n@1115: background-color: #fff; n@1115: } n@1115: n@1115: button#popup-proceed { n@1115: bottom: 10px; n@1115: right: 10px; n@1115: } n@1115: n@1115: button#popup-previous { n@1115: bottom: 10px; n@1115: left: 10px; n@1115: } n@1115: n@1115: div.testHalt { n@1115: /* Specify any colouring during the test halt for pre/post questions */ n@1115: background-color: rgba(0,0,0,0.5); n@1115: /* Don't mess with this bit */ n@1115: z-index: 2; n@1115: width: 100%; n@1115: height: 100%; n@1115: position: absolute; n@1115: left: 0px; n@1115: top: 0px; n@1115: } n@1115: n@1115: textarea.trackComment { n@1115: max-width: 594px; n@1115: min-width: 350px; n@1115: max-height: 60px; n@1115: resize: none; n@1115: } n@1115: n@1115: div.playhead { n@1115: width: 500px; n@1115: height: 50px; n@1115: background-color: #eee; n@1115: border-radius: 10px; n@1115: padding: 10px; n@1115: } n@1115: n@1115: div.playhead-scrub-track { n@1115: width: 100%; n@1115: height: 10px; n@1115: border-style: solid; n@1115: border-width: 1px; n@1115: } n@1115: n@1115: div#playhead-scrubber { n@1115: width: 10px; n@1115: height: 10px; n@1115: position: relative; n@1115: background-color: #000; n@1115: } n@1115: n@1115: div#master-volume-holder { n@1115: width: 250px; n@1115: float: left; n@1115: border: black 1px solid; n@1115: border-radius: 5px; n@1115: padding: 5px; n@1115: } n@1115: n@1115: input#master-volume-control { n@1115: width: 200px; n@1115: height: 25px; n@1115: float: left; n@1115: margin: 0px; n@1115: padding: 0px; n@1115: } n@1115: n@1115: span#master-volume-feedback { n@1115: width: 45px; n@1115: height: 25px; n@1115: margin-left: 5px; n@1115: float: left; n@1115: }