| #target0 { | |
| background: black; | |
| color: white; | |
| white-space: nowrap; | |
| overflow-y: auto; | |
| overflow-x: auto; | |
| } | |
| #target1 { | |
| background: purple; | |
| color: white; | |
| white-space: nowrap; | |
| overflow-y: auto; | |
| overflow-x: auto; | |
| } | |
| .scroller { | |
| width: 700px; | |
| height: 430px; | |
| margin: 20px; | |
| overflow: auto; | |
| background: black; | |
| } | |
| .scroller > div { | |
| height: 1000px; | |
| width: 1000px; | |
| color: white; | |
| } | |
| .scroller > div div { | |
| height: 100%; | |
| width: 100%; | |
| color: white; | |
| } | |
| div { | |
| margin: 0em; | |
| padding: 2em; | |
| } | |
| #complete-notice { | |
| background: #afa; | |
| border: 1px solid #0a0; | |
| display: none; | |
| } | |
| #pointertype-log { | |
| font-weight: bold; | |
| } | |
| #listener { | |
| background: orange; | |
| border: 1px solid orange; | |
| position: absolute; | |
| top: -100px; | |
| } | |
| body.scrollable { | |
| min-height: 5000px; | |
| } |