Mercurial > hg > webaudioevaluationtool
annotate AB.css @ 462:0db687b660f1 Dev_main
Updated AB files. One comparison per page node, all elements in the page compared against each other.
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Tue, 12 Jan 2016 11:18:01 +0000 |
parents | f6c9f9e5400e |
children | da1954725350 |
rev | line source |
---|---|
n@458 | 1 body { |
n@458 | 2 /* Set the background colour (note US English spelling) to grey*/ |
n@458 | 3 background-color: #fff |
n@458 | 4 } |
n@458 | 5 |
n@458 | 6 div.pageTitle { |
n@458 | 7 width: auto; |
n@458 | 8 height: 20px; |
n@458 | 9 margin-top: 20px; |
n@458 | 10 } |
n@458 | 11 |
n@458 | 12 div.pageTitle span{ |
n@458 | 13 font-size: 1.5em; |
n@458 | 14 } |
n@458 | 15 |
n@458 | 16 div.testHalt { |
n@458 | 17 /* Specify any colouring during the test halt for pre/post questions */ |
n@458 | 18 background-color: rgba(0,0,0,0.5); |
n@458 | 19 /* Don't mess with this bit */ |
n@458 | 20 z-index: 2; |
n@458 | 21 width: 100%; |
n@458 | 22 height: 100%; |
n@458 | 23 position: absolute; |
n@458 | 24 left: 0px; |
n@458 | 25 top: 0px; |
n@458 | 26 } |
n@458 | 27 |
n@458 | 28 button { |
n@458 | 29 /* Specify any button structure or style */ |
n@458 | 30 min-width: 20px; |
n@458 | 31 background-color: #ddd |
n@458 | 32 } |
n@458 | 33 |
n@459 | 34 button.big-button { |
n@459 | 35 width: 250px; |
n@459 | 36 height: 40px; |
n@459 | 37 font-size: 1.2em; |
n@459 | 38 } |
n@459 | 39 |
n@458 | 40 div.comparitor-holder { |
n@458 | 41 width: 260px; |
n@458 | 42 height: 300px; |
n@458 | 43 border: black 1px solid; |
n@458 | 44 position: absolute; |
n@459 | 45 padding-top: 5px; |
n@458 | 46 } |
n@458 | 47 |
n@458 | 48 div.comparitor-selector { |
n@459 | 49 width: 248px; |
n@458 | 50 height: 250px; |
n@458 | 51 border: black 1px solid; |
n@458 | 52 position: relative; |
n@459 | 53 background-color: #FF0000; |
n@458 | 54 } |
n@458 | 55 |
n@462 | 56 div.disabled { |
n@462 | 57 background-color: #AAA; |
n@462 | 58 } |
n@462 | 59 |
n@459 | 60 div.selected { |
n@459 | 61 background-color: #008000; |
n@459 | 62 } |
n@459 | 63 |
n@459 | 64 div.comparitor-selector span { |
n@459 | 65 font-size: 4em; |
n@459 | 66 } |
n@459 | 67 |
n@459 | 68 button.comparitor-button { |
n@458 | 69 width: 250px; |
n@459 | 70 height: 38px; |
n@458 | 71 position: relative; |
n@459 | 72 margin-top: 5px; |
n@458 | 73 } |