68 lines
932 B
CSS
68 lines
932 B
CSS
.vdr {
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
}
|
|
.vdr.active:before{
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
box-sizing: border-box;
|
|
outline: 1px dashed #333;
|
|
}
|
|
.vdr-stick {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
font-size: 1px;
|
|
background: #ffffff;
|
|
border: 1px solid #f00;
|
|
box-shadow: 0 0 2px #bbb;
|
|
}
|
|
.inactive .vdr-stick {
|
|
display: none;
|
|
}
|
|
.vdr-stick-tl {
|
|
cursor: nwse-resize;
|
|
top:0;
|
|
}
|
|
.vdr-stick-br{
|
|
left:100%;
|
|
top:100%;
|
|
cursor: se-resize;
|
|
|
|
}
|
|
|
|
.vdr-stick-tm{
|
|
top:0;
|
|
left: 50%;
|
|
cursor: ns-resize;
|
|
}
|
|
.vdr-stick-bm {
|
|
left: 50%;
|
|
cursor: ns-resize;
|
|
}
|
|
.vdr-stick-bl {
|
|
cursor: nesw-resize;
|
|
left: 0;
|
|
bottom: 0;
|
|
|
|
}
|
|
.vdr-stick-tr{
|
|
cursor: nesw-resize;
|
|
top:0;
|
|
right:0;
|
|
}
|
|
.vdr-stick-ml{
|
|
top: 50%;
|
|
cursor: ew-resize;
|
|
}
|
|
.vdr-stick-mr {
|
|
right: 0;
|
|
top:50%;
|
|
cursor: ew-resize;
|
|
}
|
|
.vdr-stick.not-resizable{
|
|
display: none;
|
|
} |