equal
deleted
inserted
replaced
23 list-style: none; |
23 list-style: none; |
24 text-align: center; |
24 text-align: center; |
25 margin: 0px; |
25 margin: 0px; |
26 padding: 0px; |
26 padding: 0px; |
27 font-size: 0px; |
27 font-size: 0px; |
28 float: right; |
|
29 display: inline-block; |
28 display: inline-block; |
30 } |
29 } |
31 |
30 |
32 #chrono-table li { |
31 #chrono-table li { |
33 width: 45px; |
32 width: 45px; |
34 height: 45px; |
33 height: 45px; |
35 text-align: center; |
34 text-align: center; |
36 vertical-align: middle; |
35 vertical-align: middle; |
37 display: inline-block; |
36 display: inline-block; |
38 margin: 0px 0px 0px 5px; |
37 margin: 0px 0px 0px 4px; |
39 cursor: pointer; |
38 cursor: pointer; |
40 background-color: $corpus-light-grey; |
39 background-color: $corpus-light-grey; |
41 color: $corpus-black; |
40 color: $corpus-black; |
42 font-size: 12px; |
41 font-size: 12px; |
43 box-sizing: border-box; |
42 box-sizing: border-box; |
49 pointer-events: none; |
48 pointer-events: none; |
50 } |
49 } |
51 |
50 |
52 #chrono-table .color-gradient { |
51 #chrono-table .color-gradient { |
53 width: 150px; |
52 width: 150px; |
|
53 height: 27px; |
|
54 font-size: 0.75em; |
|
55 line-height: initial; |
54 } |
56 } |
55 |
57 |
56 #chrono-table li.highlighted { |
58 #chrono-table li.highlighted { |
57 font-weight: bold; |
59 font-weight: bold; |
58 color: $corpus-white; |
60 color: $corpus-white; |