annotate ape.css @ 1481:8be2d08fbe15

Started WAC paper
author Brecht De Man <b.deman@qmul.ac.uk>
date Tue, 22 Sep 2015 19:22:02 +0200
parents
children 2b8c36924bfd
rev   line source
b@1481 1 /*
b@1481 2 * Hold any style information for APE interface. Customise if you like to make the interface your own!
b@1481 3 *
b@1481 4 */
b@1481 5 body {
b@1481 6 /* Set the background colour (note US English spelling) to grey*/
b@1481 7 background-color: #ddd
b@1481 8 }
b@1481 9
b@1481 10 div.title {
b@1481 11 /* Specify any colouring for the title */
b@1481 12 }
b@1481 13
b@1481 14 div.pageTitle {
b@1481 15 width: auto;
b@1481 16 height: 20px;
b@1481 17 margin-top: 20px;
b@1481 18 }
b@1481 19
b@1481 20 div.pageTitle span{
b@1481 21 font-size: 1.5em;
b@1481 22 }
b@1481 23
b@1481 24 div.testHalt {
b@1481 25 /* Specify any colouring during the test halt for pre/post questions */
b@1481 26 background-color: rgba(0,0,0,0.5);
b@1481 27 /* Don't mess with this bit */
b@1481 28 z-index: 2;
b@1481 29 width: 100%;
b@1481 30 height: 100%;
b@1481 31 position: absolute;
b@1481 32 left: 0px;
b@1481 33 top: 0px;
b@1481 34 }
b@1481 35
b@1481 36 button {
b@1481 37 /* Specify any button structure or style */
b@1481 38 min-width: 20px;
b@1481 39 background-color: #ddd
b@1481 40 }
b@1481 41
b@1481 42 div#slider {
b@1481 43 /* Specify any structure for the slider holder interface */
b@1481 44 background-color: #eee;
b@1481 45 height: 150px;
b@1481 46 margin-bottom: 5px;
b@1481 47 }
b@1481 48
b@1481 49 div.sliderScale {
b@1481 50 width: 100%;
b@1481 51 min-height: 30px;
b@1481 52 }
b@1481 53
b@1481 54 div.sliderScale span {
b@1481 55 /* Any formatting of text below scale */
b@1481 56 font-size: 1.2em;
b@1481 57 min-width: 5px;
b@1481 58 height: 20px;
b@1481 59 position: absolute;
b@1481 60 }
b@1481 61
b@1481 62 div.track-slider {
b@1481 63 /* Specify any structure for the slider objects */
b@1481 64 position: absolute;
b@1481 65 height: inherit;
b@1481 66 width: 12px;
b@1481 67 float: left;
b@1481 68 background-color: rgb(100,200,100);
b@1481 69 }
b@1481 70
b@1481 71 div.track-slider-disabled {
b@1481 72 background-color: rgb(100,100,100);
b@1481 73 }
b@1481 74
b@1481 75 div.track-slider-playing {
b@1481 76 background-color: #FF0000;
b@1481 77 }
b@1481 78
b@1481 79 div.comment-box-playing {
b@1481 80 background-color: #FFDDDD;
b@1481 81 }
b@1481 82
b@1481 83 div#outside-reference {
b@1481 84 width:250px;
b@1481 85 margin-left: 100px;
b@1481 86 height:20px;
b@1481 87 margin-bottom:5px;
b@1481 88 background-color: rgb(100,200,100);
b@1481 89 }