Proyectos de Subversion Moodle

Rev

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;
}