| 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 | |||||