Mercurial > hg > webaudioevaluationtool
annotate interfaces/AB.css @ 2776:d6e496b0a5a9
#126. Fixed master volume floating boxes in AB/ABX
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Fri, 21 Apr 2017 14:28:26 +0100 |
parents | 88853d816fd4 |
children | b4e91500891a |
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 } |
nicholas@2768 | 5 div#feedbackHolder { |
nicholas@2768 | 6 display: flex; |
nicholas@2768 | 7 flex-direction: column; |
nicholas@2768 | 8 } |
nickjillings@1341 | 9 div.pageTitle { |
nicholas@2538 | 10 width: auto; |
nicholas@2538 | 11 height: 20px; |
nicholas@2538 | 12 margin: 10px 0px; |
nickjillings@1341 | 13 } |
nicholas@2538 | 14 div.pageTitle span { |
nicholas@2538 | 15 font-size: 1.5em; |
nickjillings@1341 | 16 } |
nickjillings@1341 | 17 button { |
nicholas@2538 | 18 /* Specify any button structure or style */ |
nicholas@2538 | 19 min-width: 20px; |
nicholas@2538 | 20 background-color: #ddd |
nickjillings@1341 | 21 } |
nickjillings@1341 | 22 button.big-button { |
nicholas@2538 | 23 width: 250px; |
nicholas@2538 | 24 height: 40px; |
nicholas@2538 | 25 font-size: 1.2em; |
nickjillings@1341 | 26 } |
nickjillings@2177 | 27 div.interface-buttons { |
nickjillings@2177 | 28 height: 40px; |
nickjillings@2177 | 29 } |
nicholas@2396 | 30 div#outside-reference-holder { |
nicholas@2396 | 31 display: flex; |
nicholas@2396 | 32 align-content: center; |
nicholas@2396 | 33 justify-content: center; |
nicholas@2396 | 34 margin-bottom: 5px; |
nicholas@2396 | 35 } |
nickjillings@2177 | 36 button.outside-reference { |
nicholas@2396 | 37 height: 40px; |
nicholas@2396 | 38 position: inherit; |
nicholas@2396 | 39 margin: 0px 5px; |
nickjillings@2177 | 40 } |
nicholas@2768 | 41 div#box-holders { |
nicholas@2768 | 42 width: 100%; |
nicholas@2771 | 43 text-align: center; |
nicholas@2768 | 44 } |
nicholas@2776 | 45 div#playback-holder { |
nicholas@2776 | 46 float: none; |
nicholas@2768 | 47 } |
nickjillings@2110 | 48 div.comparator-holder { |
nicholas@2538 | 49 width: 260px; |
nicholas@2538 | 50 height: 300px; |
nicholas@2538 | 51 border: black 1px solid; |
nicholas@2538 | 52 padding-top: 5px; |
nickjillings@1341 | 53 margin: 25px; |
nicholas@2770 | 54 display: inline-block; |
nickjillings@1341 | 55 } |
nickjillings@2110 | 56 div.comparator-selector { |
nicholas@2538 | 57 width: 248px; |
nicholas@2538 | 58 height: 250px; |
nicholas@2538 | 59 border: black 1px solid; |
nicholas@2538 | 60 position: relative; |
nicholas@2538 | 61 background-color: #FF0000; |
nickjillings@1378 | 62 border-radius: 20px; |
nicholas@2768 | 63 text-align: center; |
nicholas@2770 | 64 display: block; |
nicholas@2770 | 65 margin: auto; |
nickjillings@1341 | 66 } |
nickjillings@1341 | 67 div.disabled { |
nicholas@2538 | 68 background-color: #AAA; |
nickjillings@1341 | 69 } |
nickjillings@1341 | 70 div.selected { |
nicholas@2538 | 71 background-color: #008000; |
nickjillings@1341 | 72 } |
nickjillings@2110 | 73 div.comparator-selector span { |
nicholas@2538 | 74 font-size: 4em; |
nickjillings@1341 | 75 } |
nickjillings@2110 | 76 button.comparator-button { |
nicholas@2538 | 77 width: 250px; |
nicholas@2538 | 78 height: 38px; |
nicholas@2538 | 79 position: relative; |
nicholas@2538 | 80 margin-top: 5px; |
nickjillings@1341 | 81 } |
nickjillings@1356 | 82 div.playhead { |
nickjillings@1356 | 83 margin: 5px; |
nickjillings@1356 | 84 } |
nickjillings@1356 | 85 div#page-count { |
nickjillings@1356 | 86 float: left; |
nickjillings@1356 | 87 margin: 0px 5px; |
nickjillings@1356 | 88 } |