65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
/* Required CSS classes: must be included in all pages using this script */
|
|
/* Apply the element you want to drag/resize
|
|
.drsElement {
|
|
position: relative;
|
|
}
|
|
*/
|
|
|
|
/*
|
|
The main mouse handle that moves the whole element.
|
|
You can apply to the same tag as drsElement if you want.
|
|
*/
|
|
.drsMoveHandle {
|
|
cursor: move;
|
|
}
|
|
|
|
/*
|
|
The DragResize object name is automatically applied to all generated
|
|
corner resize handles, as well as one of the individual classes below.
|
|
*/
|
|
.dragresize {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
font-size: 1px;
|
|
background: #EEE;
|
|
border: 1px solid #333;
|
|
}
|
|
|
|
/*
|
|
Individual corner classes - required for resize support.
|
|
These are based on the object name plus the handle ID.
|
|
*/
|
|
.dragresize-tl {
|
|
top: -8px;
|
|
left: -8px;
|
|
cursor: nw-resize;
|
|
}
|
|
|
|
.dragresize-tm {
|
|
top: -8px;
|
|
left: 50%;
|
|
margin-left: -4px;
|
|
cursor: n-resize;
|
|
}
|
|
|
|
.dragresize-tr {
|
|
top: -8px;
|
|
right: -8px;
|
|
cursor: ne-resize;
|
|
}
|
|
|
|
.dragresize-ml {
|
|
top: 50%;
|
|
margin-top: -4px;
|
|
left: -8px;
|
|
cursor: w-resize;
|
|
}
|
|
|
|
.dragresize-mr {
|
|
top: 50%;
|
|
margin-top: -4px;
|
|
right: -8px;
|
|
cursor: e-resize;
|
|
}
|