Mercurial > hg > waet-hammond-1
annotate interfaces/AB.css @ 22:1f375b7d75fd tip
updated warning for breaks during test
author | Giulio Moro <giuliomoro@yahoo.it> |
---|---|
date | Fri, 13 May 2016 19:01:08 +0100 |
parents | 0dde5b0c5d5c |
children |
rev | line source |
---|---|
giuliomoro@0 | 1 body { |
giuliomoro@0 | 2 /* Set the background colour (note US English spelling) to grey*/ |
giuliomoro@0 | 3 background-color: #fff |
giuliomoro@0 | 4 } |
giuliomoro@7 | 5 #playback-button{ |
giuliomoro@7 | 6 display: none; |
giuliomoro@7 | 7 } |
giuliomoro@0 | 8 div.pageTitle { |
giuliomoro@0 | 9 width: auto; |
giuliomoro@0 | 10 height: 20px; |
giuliomoro@0 | 11 margin-top: 20px; |
giuliomoro@0 | 12 } |
giuliomoro@0 | 13 |
giuliomoro@0 | 14 div.pageTitle span{ |
giuliomoro@0 | 15 font-size: 1.5em; |
giuliomoro@0 | 16 } |
giuliomoro@0 | 17 |
giuliomoro@0 | 18 div.testHalt { |
giuliomoro@0 | 19 /* Specify any colouring during the test halt for pre/post questions */ |
giuliomoro@0 | 20 background-color: rgba(0,0,0,0.5); |
giuliomoro@0 | 21 /* Don't mess with this bit */ |
giuliomoro@0 | 22 z-index: 2; |
giuliomoro@0 | 23 width: 100%; |
giuliomoro@0 | 24 height: 100%; |
giuliomoro@0 | 25 position: absolute; |
giuliomoro@0 | 26 left: 0px; |
giuliomoro@0 | 27 top: 0px; |
giuliomoro@0 | 28 } |
giuliomoro@0 | 29 |
giuliomoro@0 | 30 button { |
giuliomoro@0 | 31 /* Specify any button structure or style */ |
giuliomoro@0 | 32 min-width: 20px; |
giuliomoro@0 | 33 background-color: #ddd |
giuliomoro@0 | 34 } |
giuliomoro@0 | 35 |
giuliomoro@0 | 36 button.big-button { |
giuliomoro@0 | 37 width: 250px; |
giuliomoro@0 | 38 height: 40px; |
giuliomoro@0 | 39 font-size: 1.2em; |
giuliomoro@0 | 40 } |
giuliomoro@0 | 41 |
giuliomoro@0 | 42 div.comparator-holder { |
giuliomoro@0 | 43 width: 260px; |
giuliomoro@0 | 44 height: 300px; |
giuliomoro@0 | 45 border: black 1px solid; |
giuliomoro@0 | 46 float: left; |
giuliomoro@0 | 47 padding-top: 5px; |
giuliomoro@0 | 48 margin: 25px; |
giuliomoro@0 | 49 } |
giuliomoro@0 | 50 |
giuliomoro@0 | 51 div.comparator-selector { |
giuliomoro@0 | 52 width: 248px; |
giuliomoro@0 | 53 height: 250px; |
giuliomoro@0 | 54 border: black 1px solid; |
giuliomoro@0 | 55 position: relative; |
giuliomoro@0 | 56 background-color: #FF0000; |
giuliomoro@1 | 57 border-radius: 20px; |
giuliomoro@0 | 58 } |
giuliomoro@0 | 59 |
giuliomoro@1 | 60 div.comparator-selector.inactive{ |
giuliomoro@1 | 61 background-color: yellow !important; |
giuliomoro@1 | 62 } |
giuliomoro@0 | 63 div.disabled { |
giuliomoro@0 | 64 background-color: #AAA; |
giuliomoro@0 | 65 } |
giuliomoro@0 | 66 |
giuliomoro@0 | 67 div.selected { |
giuliomoro@0 | 68 background-color: #008000; |
giuliomoro@0 | 69 } |
giuliomoro@0 | 70 |
giuliomoro@0 | 71 div.comparator-selector span { |
giuliomoro@0 | 72 font-size: 4em; |
giuliomoro@0 | 73 } |
giuliomoro@0 | 74 |
giuliomoro@0 | 75 button.comparator-button { |
giuliomoro@0 | 76 width: 250px; |
giuliomoro@0 | 77 height: 38px; |
giuliomoro@0 | 78 position: relative; |
giuliomoro@0 | 79 margin-top: 5px; |
giuliomoro@0 | 80 } |
giuliomoro@0 | 81 |
giuliomoro@0 | 82 div.playhead { |
giuliomoro@0 | 83 margin: 5px; |
giuliomoro@0 | 84 } |
giuliomoro@0 | 85 |
giuliomoro@0 | 86 div#page-count { |
giuliomoro@0 | 87 float: left; |
giuliomoro@0 | 88 margin: 0px 5px; |
giuliomoro@0 | 89 } |
giuliomoro@0 | 90 |
giuliomoro@0 | 91 div#master-volume-holder { |
giuliomoro@0 | 92 position: absolute; |
giuliomoro@0 | 93 top: 10px; |
giuliomoro@0 | 94 left: 120px; |
giuliomoro@1 | 95 } |