update mouse events example (CSS)
This commit is contained in:
parent
f324320f89
commit
e790571f2c
2 changed files with 16 additions and 6 deletions
|
@ -2,9 +2,10 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 256px;
|
left: 256px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
height: 16px;
|
height: 15px;
|
||||||
padding-left: 2px;
|
padding: 1px 0 0 2px;
|
||||||
background: rgb(224, 224, 224);
|
background: rgb(240, 240, 240);
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
#log {
|
#log {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -12,6 +13,8 @@
|
||||||
top: 16px;
|
top: 16px;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
border-width: 0;
|
||||||
|
border-top: 1px solid rgb(208, 208, 208);
|
||||||
background: rgb(255, 255, 255);
|
background: rgb(255, 255, 255);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
@ -20,7 +23,10 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 256px;
|
width: 253px;
|
||||||
padding-left: 2px;
|
padding: 1px 0 0 2px;
|
||||||
background: rgb(192, 192, 192);
|
border-width: 0;
|
||||||
|
border-right: 1px solid rgb(208, 208, 208);
|
||||||
|
background: rgb(224, 224, 224);
|
||||||
|
cursor: crosshair;
|
||||||
}
|
}
|
|
@ -1,3 +1,7 @@
|
||||||
|
/*
|
||||||
|
This example demonstrates the mouse events that any Ox.Element fires.
|
||||||
|
*/
|
||||||
|
|
||||||
Ox.load({UI: {theme: 'classic'}}, function() {
|
Ox.load({UI: {theme: 'classic'}}, function() {
|
||||||
|
|
||||||
var $target = Ox.Element()
|
var $target = Ox.Element()
|
||||||
|
|
Loading…
Reference in a new issue