annotate ape.css @ 1965:c6b94c7dcade

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