annotate interfaces/AB.css @ 1089:3de455e48d70

Test Create: Move your custom elements into style.css
author Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
date Mon, 22 Feb 2016 12:18:55 +0000
parents 3705f68a38b7
children b5bf2f57187c a4ad9e55b5b8
rev   line source
giuliomoro@1088 1 body {
giuliomoro@1088 2 /* Set the background colour (note US English spelling) to grey*/
giuliomoro@1088 3 background-color: #fff
giuliomoro@1088 4 }
giuliomoro@1088 5
giuliomoro@1088 6 div.pageTitle {
giuliomoro@1088 7 width: auto;
giuliomoro@1088 8 height: 20px;
giuliomoro@1088 9 margin-top: 20px;
giuliomoro@1088 10 }
giuliomoro@1088 11
giuliomoro@1088 12 div.pageTitle span{
giuliomoro@1088 13 font-size: 1.5em;
giuliomoro@1088 14 }
giuliomoro@1088 15
giuliomoro@1088 16 div.testHalt {
giuliomoro@1088 17 /* Specify any colouring during the test halt for pre/post questions */
giuliomoro@1088 18 background-color: rgba(0,0,0,0.5);
giuliomoro@1088 19 /* Don't mess with this bit */
giuliomoro@1088 20 z-index: 2;
giuliomoro@1088 21 width: 100%;
giuliomoro@1088 22 height: 100%;
giuliomoro@1088 23 position: absolute;
giuliomoro@1088 24 left: 0px;
giuliomoro@1088 25 top: 0px;
giuliomoro@1088 26 }
giuliomoro@1088 27
giuliomoro@1088 28 button {
giuliomoro@1088 29 /* Specify any button structure or style */
giuliomoro@1088 30 min-width: 20px;
giuliomoro@1088 31 background-color: #ddd
giuliomoro@1088 32 }
giuliomoro@1088 33
giuliomoro@1088 34 button.big-button {
giuliomoro@1088 35 width: 250px;
giuliomoro@1088 36 height: 40px;
giuliomoro@1088 37 font-size: 1.2em;
giuliomoro@1088 38 }
giuliomoro@1088 39
giuliomoro@1088 40 div.comparitor-holder {
giuliomoro@1088 41 width: 260px;
giuliomoro@1088 42 height: 300px;
giuliomoro@1088 43 border: black 1px solid;
giuliomoro@1088 44 float: left;
giuliomoro@1088 45 padding-top: 5px;
giuliomoro@1088 46 margin: 25px;
giuliomoro@1088 47 }
giuliomoro@1088 48
giuliomoro@1088 49 div.comparitor-selector {
giuliomoro@1088 50 width: 248px;
giuliomoro@1088 51 height: 250px;
giuliomoro@1088 52 border: black 1px solid;
giuliomoro@1088 53 position: relative;
giuliomoro@1088 54 background-color: #FF0000;
giuliomoro@1088 55 border-radius: 20px;
giuliomoro@1088 56 }
giuliomoro@1088 57
giuliomoro@1088 58 div.disabled {
giuliomoro@1088 59 background-color: #AAA;
giuliomoro@1088 60 }
giuliomoro@1088 61
giuliomoro@1088 62 div.selected {
giuliomoro@1088 63 background-color: #008000;
giuliomoro@1088 64 }
giuliomoro@1088 65
giuliomoro@1088 66 div.comparitor-selector span {
giuliomoro@1088 67 font-size: 4em;
giuliomoro@1088 68 }
giuliomoro@1088 69
giuliomoro@1088 70 button.comparitor-button {
giuliomoro@1088 71 width: 250px;
giuliomoro@1088 72 height: 38px;
giuliomoro@1088 73 position: relative;
giuliomoro@1088 74 margin-top: 5px;
giuliomoro@1088 75 }
giuliomoro@1088 76
giuliomoro@1088 77 div.playhead {
giuliomoro@1088 78 margin: 5px;
giuliomoro@1088 79 }
giuliomoro@1088 80
giuliomoro@1088 81 div#page-count {
giuliomoro@1088 82 float: left;
giuliomoro@1088 83 margin: 0px 5px;
giuliomoro@1088 84 }
giuliomoro@1088 85
giuliomoro@1088 86 div#master-volume-holder {
giuliomoro@1088 87 position: absolute;
giuliomoro@1088 88 top: 10px;
giuliomoro@1088 89 left: 120px;
giuliomoro@1088 90 }