Mercurial > hg > webaudioevaluationtool
annotate interfaces/AB.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 | 789ce0944e4d |
rev | line source |
---|---|
nickjillings@1341 | 1 body { |
nicholas@2538 | 2 /* Set the background colour (note US English spelling) to grey*/ |
nicholas@2538 | 3 background-color: #fff |
nickjillings@1341 | 4 } |
nickjillings@1341 | 5 div.pageTitle { |
nicholas@2538 | 6 width: auto; |
nicholas@2538 | 7 height: 20px; |
nicholas@2538 | 8 margin: 10px 0px; |
nickjillings@1341 | 9 } |
nicholas@2538 | 10 div.pageTitle span { |
nicholas@2538 | 11 font-size: 1.5em; |
nickjillings@1341 | 12 } |
nickjillings@1341 | 13 button { |
nicholas@2538 | 14 /* Specify any button structure or style */ |
nicholas@2538 | 15 min-width: 20px; |
nicholas@2538 | 16 background-color: #ddd |
nickjillings@1341 | 17 } |
nickjillings@1341 | 18 button.big-button { |
nicholas@2538 | 19 width: 250px; |
nicholas@2538 | 20 height: 40px; |
nicholas@2538 | 21 font-size: 1.2em; |
nickjillings@1341 | 22 } |
nickjillings@2177 | 23 div.interface-buttons { |
nickjillings@2177 | 24 height: 40px; |
nickjillings@2177 | 25 } |
nicholas@2396 | 26 div#outside-reference-holder { |
nicholas@2396 | 27 display: flex; |
nicholas@2396 | 28 align-content: center; |
nicholas@2396 | 29 justify-content: center; |
nicholas@2396 | 30 margin-bottom: 5px; |
nicholas@2396 | 31 } |
nickjillings@2177 | 32 button.outside-reference { |
nicholas@2396 | 33 height: 40px; |
nicholas@2396 | 34 position: inherit; |
nicholas@2396 | 35 margin: 0px 5px; |
nickjillings@2177 | 36 } |
nickjillings@2110 | 37 div.comparator-holder { |
nicholas@2538 | 38 width: 260px; |
nicholas@2538 | 39 height: 300px; |
nicholas@2538 | 40 border: black 1px solid; |
nickjillings@1341 | 41 float: left; |
nicholas@2538 | 42 padding-top: 5px; |
nickjillings@1341 | 43 margin: 25px; |
nickjillings@1341 | 44 } |
nickjillings@2110 | 45 div.comparator-selector { |
nicholas@2538 | 46 width: 248px; |
nicholas@2538 | 47 height: 250px; |
nicholas@2538 | 48 border: black 1px solid; |
nicholas@2538 | 49 position: relative; |
nicholas@2538 | 50 background-color: #FF0000; |
nickjillings@1378 | 51 border-radius: 20px; |
nickjillings@1341 | 52 } |
nickjillings@1341 | 53 div.disabled { |
nicholas@2538 | 54 background-color: #AAA; |
nickjillings@1341 | 55 } |
nickjillings@1341 | 56 div.selected { |
nicholas@2538 | 57 background-color: #008000; |
nickjillings@1341 | 58 } |
nickjillings@2110 | 59 div.comparator-selector span { |
nicholas@2538 | 60 font-size: 4em; |
nickjillings@1341 | 61 } |
nickjillings@2110 | 62 button.comparator-button { |
nicholas@2538 | 63 width: 250px; |
nicholas@2538 | 64 height: 38px; |
nicholas@2538 | 65 position: relative; |
nicholas@2538 | 66 margin-top: 5px; |
nickjillings@1341 | 67 } |
nickjillings@1356 | 68 div.playhead { |
nickjillings@1356 | 69 margin: 5px; |
nickjillings@1356 | 70 } |
nickjillings@1356 | 71 div#page-count { |
nickjillings@1356 | 72 float: left; |
nickjillings@1356 | 73 margin: 0px 5px; |
nickjillings@1356 | 74 } |
nickjillings@1356 | 75 div#master-volume-holder { |
nickjillings@1356 | 76 position: absolute; |
nickjillings@1356 | 77 top: 10px; |
nickjillings@1356 | 78 left: 120px; |
nicholas@2538 | 79 } |