Mercurial > hg > webaudioevaluationtool
annotate interfaces/ABX.css @ 2548:67cf18d08af8
Merge branch 'master' of https://github.com/BrechtDeMan/WebAudioEvaluationTool
author | www-data <www-data@sucuk.dcs.qmul.ac.uk> |
---|---|
date | Thu, 17 Nov 2016 13:20:56 +0000 |
parents | 464c6c6692d6 |
children | 6dab65c5741d |
rev | line source |
---|---|
nickjillings@2161 | 1 body { |
nicholas@2538 | 2 /* Set the background colour (note US English spelling) to grey*/ |
nicholas@2538 | 3 background-color: #fff |
nickjillings@2161 | 4 } |
nickjillings@2161 | 5 div.pageTitle { |
nicholas@2538 | 6 width: auto; |
nicholas@2538 | 7 height: 20px; |
nicholas@2538 | 8 margin-top: 20px; |
nickjillings@2161 | 9 } |
nicholas@2538 | 10 div.pageTitle span { |
nicholas@2538 | 11 font-size: 1.5em; |
nickjillings@2161 | 12 } |
nickjillings@2161 | 13 button { |
nicholas@2538 | 14 /* Specify any button structure or style */ |
nicholas@2538 | 15 min-width: 20px; |
nicholas@2538 | 16 background-color: #ddd |
nickjillings@2161 | 17 } |
nickjillings@2161 | 18 button.big-button { |
nicholas@2538 | 19 width: 250px; |
nicholas@2538 | 20 height: 40px; |
nicholas@2538 | 21 font-size: 1.2em; |
nickjillings@2161 | 22 } |
nickjillings@2161 | 23 div.comparator-holder { |
nicholas@2538 | 24 width: 260px; |
nicholas@2538 | 25 height: 300px; |
nicholas@2538 | 26 border: black 1px solid; |
nickjillings@2161 | 27 float: left; |
nicholas@2538 | 28 padding-top: 5px; |
nickjillings@2161 | 29 margin: 25px; |
nickjillings@2161 | 30 } |
nickjillings@2161 | 31 div.comparator-selector { |
nicholas@2538 | 32 width: 248px; |
nicholas@2538 | 33 height: 250px; |
nicholas@2538 | 34 border: black 1px solid; |
nicholas@2538 | 35 position: relative; |
nicholas@2538 | 36 background-color: #FF0000; |
nickjillings@2161 | 37 border-radius: 20px; |
nickjillings@2161 | 38 } |
nickjillings@2161 | 39 div.disabled { |
nicholas@2538 | 40 background-color: #AAA; |
nickjillings@2161 | 41 } |
nickjillings@2161 | 42 div.selected { |
nicholas@2538 | 43 background-color: #008000; |
nickjillings@2161 | 44 } |
nicholas@2538 | 45 div.comparator-selector.inactive { |
nicholas@2538 | 46 background-color: yellow !important; |
giuliomoro@2305 | 47 } |
nickjillings@2161 | 48 div.comparator-selector span { |
nicholas@2538 | 49 font-size: 4em; |
nickjillings@2161 | 50 } |
nickjillings@2161 | 51 button.comparator-button { |
nicholas@2538 | 52 width: 250px; |
nicholas@2538 | 53 height: 38px; |
nicholas@2538 | 54 position: relative; |
nicholas@2538 | 55 margin-top: 5px; |
nickjillings@2161 | 56 } |
nickjillings@2161 | 57 div.playhead { |
nickjillings@2161 | 58 margin: 5px; |
nickjillings@2161 | 59 } |
nickjillings@2161 | 60 div#page-count { |
nickjillings@2161 | 61 float: left; |
nickjillings@2161 | 62 margin: 0px 5px; |
nickjillings@2161 | 63 } |
nickjillings@2161 | 64 div#master-volume-holder { |
nickjillings@2161 | 65 position: absolute; |
nickjillings@2161 | 66 top: 10px; |
nickjillings@2161 | 67 left: 120px; |
giuliomoro@2305 | 68 } |