Mercurial > hg > webaudioevaluationtool
comparison interfaces/ABX.css @ 2772:6dab65c5741d
#126 Fixed flex for boxes in ABX
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Fri, 21 Apr 2017 13:42:34 +0100 |
parents | 464c6c6692d6 |
children | d6e496b0a5a9 |
comparison
equal
deleted
inserted
replaced
2771:88853d816fd4 | 2772:6dab65c5741d |
---|---|
18 button.big-button { | 18 button.big-button { |
19 width: 250px; | 19 width: 250px; |
20 height: 40px; | 20 height: 40px; |
21 font-size: 1.2em; | 21 font-size: 1.2em; |
22 } | 22 } |
23 div#box-holders { | |
24 width: 100%; | |
25 text-align: center; | |
26 } | |
27 div#playback-holder{ | |
28 float:none; | |
29 } | |
23 div.comparator-holder { | 30 div.comparator-holder { |
24 width: 260px; | 31 width: 260px; |
25 height: 300px; | 32 height: 300px; |
26 border: black 1px solid; | 33 border: black 1px solid; |
27 float: left; | |
28 padding-top: 5px; | 34 padding-top: 5px; |
29 margin: 25px; | 35 margin: 25px; |
36 display: inline-block; | |
30 } | 37 } |
31 div.comparator-selector { | 38 div.comparator-selector { |
32 width: 248px; | 39 width: 248px; |
33 height: 250px; | 40 height: 250px; |
34 border: black 1px solid; | 41 border: black 1px solid; |
35 position: relative; | 42 position: relative; |
36 background-color: #FF0000; | 43 background-color: #FF0000; |
37 border-radius: 20px; | 44 border-radius: 20px; |
45 text-align: center; | |
46 display: block; | |
47 margin: auto; | |
38 } | 48 } |
39 div.disabled { | 49 div.disabled { |
40 background-color: #AAA; | 50 background-color: #AAA; |
41 } | 51 } |
42 div.selected { | 52 div.selected { |