pointerevent_styles.css (1247B)
1 #innerFrame { 2 position: absolute; 3 top: 300px; 4 left: 200px; 5 height: 100px; 6 width: 100px; 7 } 8 9 .spacer { 10 height: 100px; 11 } 12 13 #square1 { 14 top: 330px; 15 left: 150px; 16 background: black; 17 } 18 19 #square2 { 20 top: 50px; 21 left: 30px; 22 visibility: hidden; 23 background: red; 24 } 25 26 .square { 27 height: 20px; 28 width: 20px; 29 position: absolute; 30 padding: 0px; 31 } 32 33 #target0 { 34 background: black; 35 color: white; 36 white-space: nowrap; 37 overflow-y: auto; 38 overflow-x: auto; 39 } 40 41 #target1 { 42 background: purple; 43 color: white; 44 white-space: nowrap; 45 overflow-y: auto; 46 overflow-x: auto; 47 } 48 49 #scrollTarget { 50 background: darkblue; 51 } 52 53 .touchActionNone { 54 touch-action: none; 55 } 56 57 #innerframe { 58 width: 90%; 59 margin: 10px; 60 margin-left: 10%; 61 height: 200px; 62 } 63 64 .scroller { 65 width: 700px; 66 height: 430px; 67 margin: 20px; 68 overflow: auto; 69 background: black; 70 } 71 72 .scroller > div { 73 height: 1000px; 74 width: 1000px; 75 color: white; 76 } 77 78 .scroller > div div { 79 height: 100%; 80 width: 100%; 81 color: white; 82 } 83 84 div { 85 margin: 0em; 86 padding: 1.2em; 87 } 88 89 #complete-notice { 90 background: #afa; 91 border: 1px solid #0a0; 92 display: none; 93 } 94 95 #pointertype-log { 96 font-weight: bold; 97 } 98 99 #event-log { 100 font-weight: bold; 101 } 102 103 #listener { 104 background: orange; 105 border: 1px solid orange; 106 position: absolute; 107 top: -100px; 108 } 109 110 body.scrollable { 111 min-height: 5000px; 112 }