AutorÃa | Ultima modificación | Ver Log |
.yui3-resize,.yui3-resize-wrapper {
z-index: 0;
zoom: 1;
}
.yui3-resize-handle {
position: absolute;
display: block;
z-index: 100;
zoom: 1;
}
.yui3-resize-proxy {
position: absolute;
border: 1px dashed #000;
position: absolute;
z-index: 10000;
}
.yui3-resize-hidden-handles .yui3-resize-handle {
opacity: 0;
filter: alpha(opacity=0);
}
.yui3-resize-handle-t,
.yui3-resize-handle-b {
width: 100%;
left: 0;
height: 6px;
}
.yui3-resize-handle-l,
.yui3-resize-handle-r {
height: 100%;
top: 0;
width: 6px;
}
.yui3-resize-handle-t {
cursor: n-resize;
top: 0;
}
.yui3-resize-handle-b {
cursor: s-resize;
bottom: 0;
}
.yui3-resize-handle-l {
cursor: w-resize;
left: 0;
}
.yui3-resize-handle-r {
cursor: e-resize;
right: 0;
}
.yui3-resize-handle-inner {
position: absolute;
zoom: 1;
}
/* Smartphones (portrait and landscape) -----------
Adding larger hit-area ':after' objects to handles
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
.yui3-resize-handle-inner:after {
content: "";
width: 40px;
height: 40px;
position: absolute;
}
.yui3-resize-handle-inner-r,
.yui3-resize-handle-inner-l,
.yui3-resize-handle-inner-t,
.yui3-resize-handle-inner-b,
.yui3-resize-handle-inner-tr,
.yui3-resize-handle-inner-br,
.yui3-resize-handle-inner-tl,
.yui3-resize-handle-inner-bl {
overflow: visible !important;
}
.yui3-resize-handle-inner-r:after {
top: -12px;
right: 0;
}
.yui3-resize-handle-inner-l:after {
top: -12px;
left: 0;
}
.yui3-resize-handle-inner-t:after {
top: 0;
left: -12px;
}
.yui3-resize-handle-inner-b:after {
bottom: 0;
left: -12px;
}
.yui3-resize-handle-inner-tr:after {
top: 0;
right: 0;
}
.yui3-resize-handle-inner-br:after {
bottom: 0;
right: 0;
}
.yui3-resize-handle-inner-tl:after {
top: 0;
left: 0;
}
.yui3-resize-handle-inner-bl:after {
bottom: 0;
left: 0;
}
}
/* iPads (portrait and landscape) -----------
Adding larger hit-area ':after' objects to handles
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
.yui3-resize-handle-inner:after {
content: "";
width: 30px;
height: 30px;
position: absolute;
}
.yui3-resize-handle-inner-r,
.yui3-resize-handle-inner-l,
.yui3-resize-handle-inner-t,
.yui3-resize-handle-inner-b,
.yui3-resize-handle-inner-tr,
.yui3-resize-handle-inner-br,
.yui3-resize-handle-inner-tl,
.yui3-resize-handle-inner-bl {
overflow: visible !important;
}
.yui3-resize-handle-inner-r:after {
top: -6px;
right: 0;
}
.yui3-resize-handle-inner-l:after {
top: -6px;
left: 0;
}
.yui3-resize-handle-inner-t:after {
top: 0;
left: -6px;
}
.yui3-resize-handle-inner-b:after {
bottom: 0;
left: -6px;
}
.yui3-resize-handle-inner-tr:after {
top: 0;
right: 0;
}
.yui3-resize-handle-inner-br:after {
bottom: 0;
right: 0;
}
.yui3-resize-handle-inner-tl:after {
top: 0;
left: 0;
}
.yui3-resize-handle-inner-bl:after {
bottom: 0;
left: 0;
}
}
.yui3-resize-handle-inner-t,
.yui3-resize-handle-inner-b {
margin-left: -8px;
left: 50%;
}
.yui3-resize-handle-inner-l,
.yui3-resize-handle-inner-r {
margin-top: -8px;
top: 50%;
}
.yui3-resize-handle-inner-t {
top: -4px;
}
.yui3-resize-handle-inner-b {
bottom: -4px;
}
.yui3-resize-handle-inner-l {
left: -4px;
}
.yui3-resize-handle-inner-r {
right: -4px;
}
.yui3-resize-handle-tr,
.yui3-resize-handle-br,
.yui3-resize-handle-tl,
.yui3-resize-handle-bl {
height: 15px;
width: 15px;
z-index: 200;
}
.yui3-resize-handle-tr {
cursor: ne-resize;
top: 0;
right: 0;
}
.yui3-resize-handle-tl {
cursor: nw-resize;
top: 0;
left: 0;
}
.yui3-resize-handle-br {
cursor: se-resize;
bottom: 0;
right: 0;
}
.yui3-resize-handle-bl {
cursor: sw-resize;
bottom: 0;
left: 0;
}