update mouse events example (CSS)

examples/mouse_events/js/example.js

@@ -5,6 +5,7 @@ This example demonstrates the mouse events that any Ox.Element fires.
 Ox.load({UI: {theme: 'classic'}}, function() {
 
     var $target = Ox.Element()
+            .addClass('OxMonospace')
             .attr({id: 'target'})
             .html('click/hold/drag')
             .appendTo(Ox.$body),
@@ -12,6 +13,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
             .attr({id: 'log'})
             .appendTo(Ox.$body),
         $clear = Ox.Element()
+            .addClass('OxMonospace')
             .attr({id: 'clear'})
             .html('clear log')
             .bind({click: function() {
@@ -25,6 +27,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
         $target.bindEvent(event, function(e) {
             var date = new Date();
             $('<div>')
+                .addClass('OxMonospace')
                 .html(
                     Ox.formatDate(date, '%H:%M:%S')
                     + '.' + (Ox.pad(date % 1000, 3))