diff --git a/examples/mouse_events/css/example.css b/examples/mouse_events/css/example.css index 7df03944..1d451686 100644 --- a/examples/mouse_events/css/example.css +++ b/examples/mouse_events/css/example.css @@ -2,9 +2,10 @@ position: absolute; left: 256px; right: 0px; - height: 16px; - padding-left: 2px; - background: rgb(224, 224, 224); + height: 15px; + padding: 1px 0 0 2px; + background: rgb(240, 240, 240); + cursor: pointer; } #log { position: absolute; @@ -12,6 +13,8 @@ top: 16px; right: 0; bottom: 0; + border-width: 0; + border-top: 1px solid rgb(208, 208, 208); background: rgb(255, 255, 255); overflow-y: auto; } @@ -20,7 +23,10 @@ left: 0; top: 0; bottom: 0; - width: 256px; - padding-left: 2px; - background: rgb(192, 192, 192); + width: 253px; + padding: 1px 0 0 2px; + border-width: 0; + border-right: 1px solid rgb(208, 208, 208); + background: rgb(224, 224, 224); + cursor: crosshair; } \ No newline at end of file diff --git a/examples/mouse_events/js/example.js b/examples/mouse_events/js/example.js index 8bd3f463..23eb2d91 100644 --- a/examples/mouse_events/js/example.js +++ b/examples/mouse_events/js/example.js @@ -1,3 +1,7 @@ +/* +This example demonstrates the mouse events that any Ox.Element fires. +*/ + Ox.load({UI: {theme: 'classic'}}, function() { var $target = Ox.Element()