diff options
Diffstat (limited to 'js/yui3/resize-plugin/assets/resize-base-core.css')
-rw-r--r-- | js/yui3/resize-plugin/assets/resize-base-core.css | 247 |
1 files changed, 247 insertions, 0 deletions
diff --git a/js/yui3/resize-plugin/assets/resize-base-core.css b/js/yui3/resize-plugin/assets/resize-base-core.css new file mode 100644 index 000000000..5b4676972 --- /dev/null +++ b/js/yui3/resize-plugin/assets/resize-base-core.css @@ -0,0 +1,247 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +.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; +}
\ No newline at end of file |