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 {