equal
deleted
inserted
replaced
1 #chrono-table{ |
1 #chrono-table{ |
2 margin-top: 40px; |
2 margin-top: 54px; |
3 line-height: 40px; |
3 line-height: 43px; |
4 } |
4 } |
5 |
5 |
6 #chrono-table .interval { |
6 #chrono-table .interval { |
7 margin-bottom: 5px; |
7 margin-bottom: 5px; |
|
8 overflow: hidden; |
8 } |
9 } |
9 |
10 |
10 #chrono-table .decades { |
11 #chrono-table .decades { |
11 color: $medium-grey; |
12 color: $medium-grey; |
12 font-size: 13px; |
13 font-size: 13px; |
19 display: inline-block; |
20 display: inline-block; |
20 float: right; |
21 float: right; |
21 } |
22 } |
22 |
23 |
23 #chrono-table li { |
24 #chrono-table li { |
24 width: 40px; |
25 width: 43px; |
25 height: 40px; |
26 height: 43px; |
26 text-align: center; |
27 text-align: center; |
27 vertical-align: middle; |
28 vertical-align: middle; |
28 display: inline-block; |
29 display: inline-block; |
29 margin: 0px 0px 0px 5px; |
30 margin: 0px 0px 0px 5px; |
30 cursor: pointer; |
31 cursor: pointer; |
31 background-color: $medium-grey; |
32 background-color: $light-blue; |
32 color: $light-blue; |
33 color: $medium-blue; |
33 font-size: 12px; |
34 font-size: 12px; |
34 box-sizing: border-box; |
35 box-sizing: border-box; |
35 } |
36 } |
36 |
37 |
37 #chrono-table li.highlighted { |
38 #chrono-table li.highlighted { |
38 color: $light-white; |
39 color: $light-white; |
39 border: 1px solid $light-white; |
|
40 background-color: $medium-blue; |
40 background-color: $medium-blue; |
41 } |
41 } |