#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; | |
} |