annotate ape.css @ 1946:1d08f8aee098

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