Akron | 0bd6526 | 2016-11-21 23:54:52 +0100 | [diff] [blame^] | 1 | ol { |
2 | overflow-x: hidden; | ||||
3 | overflow-y: visible; | ||||
4 | width: auto; | ||||
5 | border: 1px solid black; | ||||
6 | text-indent: 0; | ||||
7 | list-style-type: none; | ||||
8 | margin: 0; | ||||
9 | padding: 0; | ||||
10 | } | ||||
11 | |||||
12 | ol li { | ||||
13 | display: table-row; | ||||
14 | } | ||||
15 | |||||
16 | ol li div.left-col { | ||||
17 | position: relative; | ||||
18 | display: table-cell; | ||||
19 | table-layout: fixed; | ||||
20 | z-index: 5; | ||||
21 | overflow-y: visible; | ||||
22 | background-color: green; | ||||
23 | } | ||||
24 | |||||
25 | div.main-col { | ||||
26 | position: relative; | ||||
27 | z-index: 4; | ||||
28 | display: table-cell; | ||||
29 | } | ||||
30 | |||||
31 | div.main-col div.snippet div.flag { | ||||
32 | height: 100%; | ||||
33 | margin-left: 50%; | ||||
34 | position: absolute; | ||||
35 | width: 11px; | ||||
36 | background-color: red; | ||||
37 | } | ||||
38 | |||||
39 | ol li div.main-col > div { | ||||
40 | margin-left: -49999.5%; | ||||
41 | width: 99999%; | ||||
42 | overflow-x: hidden; | ||||
43 | overflow-y: visible; | ||||
44 | position: relative; | ||||
45 | box-sizing: border-box; | ||||
46 | } | ||||
47 | |||||
48 | div.snippet span.first { | ||||
49 | display: inline-block; | ||||
50 | width: 50.01%; | ||||
51 | text-align: right; | ||||
52 | } | ||||
53 |