annotate ape.css @ 858:30d5aa52b034

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