+++ /dev/null
-.imgCrop_wrap {\r
- /* width: 500px; @done_in_js */\r
- /* height: 375px; @done_in_js */\r
- position: relative;\r
- cursor: crosshair;\r
-}\r
-\r
-/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */\r
-.imgCrop_wrap.opera8 .imgCrop_overlay,\r
-.imgCrop_wrap.opera8 .imgCrop_clickArea { \r
- background-color: transparent;\r
-}\r
-\r
-/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */\r
-.imgCrop_wrap,\r
-.imgCrop_wrap * {\r
- font-size: 0;\r
-}\r
-\r
-.imgCrop_overlay {\r
- background-color: #000;\r
- opacity: 0.5;\r
- filter:alpha(opacity=50);\r
- position: absolute;\r
- width: 100%;\r
- height: 100%;\r
-}\r
-\r
-.imgCrop_selArea {\r
- position: absolute;\r
- /* @done_in_js \r
- top: 20px;\r
- left: 20px;\r
- width: 200px;\r
- height: 200px;\r
- background: transparent url(castle.jpg) no-repeat -210px -110px;\r
- */\r
- cursor: move;\r
- z-index: 2;\r
-}\r
-\r
-/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */\r
-.imgCrop_clickArea {\r
- width: 100%;\r
- height: 100%;\r
- background-color: #FFF;\r
- opacity: 0.01;\r
- filter:alpha(opacity=01);\r
-}\r
-\r
-.imgCrop_marqueeHoriz {\r
- position: absolute;\r
- width: 100%;\r
- height: 1px;\r
- background: transparent url(marqueeHoriz.gif) repeat-x 0 0;\r
- z-index: 3;\r
-}\r
-\r
-.imgCrop_marqueeVert {\r
- position: absolute;\r
- height: 100%;\r
- width: 1px;\r
- background: transparent url(marqueeVert.gif) repeat-y 0 0;\r
- z-index: 3;\r
-}\r
-\r
-/* \r
- * FIX MARCHING ANTS IN IE\r
- * As IE <6 tries to load background images we can uncomment the follwoing hack \r
- * to remove that issue, not as pretty - but is anything in IE?\r
- * And yes I do know that 'filter' is evil, but it will make it look semi decent in IE\r
- *\r
-* html .imgCrop_marqueeHoriz,\r
-* html .imgCrop_marqueeVert {\r
- background: transparent;\r
- filter: Invert; \r
-}\r
-* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }\r
-* html .imgCrop_marqueeEast { border-right: 1px dashed #000; }\r
-* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }\r
-* html .imgCrop_marqueeWest { border-left: 1px dashed #000; }\r
-*/\r
-\r
-.imgCrop_marqueeNorth { top: 0; left: 0; }\r
-.imgCrop_marqueeEast { top: 0; right: 0; }\r
-.imgCrop_marqueeSouth { bottom: 0px; left: 0; }\r
-.imgCrop_marqueeWest { top: 0; left: 0; }\r
-\r
-\r
-.imgCrop_handle {\r
- position: absolute;\r
- border: 1px solid #333;\r
- width: 6px;\r
- height: 6px;\r
- background: #FFF;\r
- opacity: 0.5;\r
- filter:alpha(opacity=50);\r
- z-index: 4;\r
-}\r
-\r
-/* fix IE 5 box model */\r
-* html .imgCrop_handle {\r
- width: 8px;\r
- height: 8px;\r
- wid\th: 6px;\r
- hei\ght: 6px;\r
-}\r
-\r
-.imgCrop_handleN {\r
- top: -3px;\r
- left: 0;\r
- /* margin-left: 49%; @done_in_js */\r
- cursor: n-resize;\r
-}\r
-\r
-.imgCrop_handleNE { \r
- top: -3px;\r
- right: -3px;\r
- cursor: ne-resize;\r
-}\r
-\r
-.imgCrop_handleE {\r
- top: 0;\r
- right: -3px;\r
- /* margin-top: 49%; @done_in_js */\r
- cursor: e-resize;\r
-}\r
-\r
-.imgCrop_handleSE {\r
- right: -3px;\r
- bottom: -3px;\r
- cursor: se-resize;\r
-}\r
-\r
-.imgCrop_handleS {\r
- right: 0;\r
- bottom: -3px;\r
- /* margin-right: 49%; @done_in_js */\r
- cursor: s-resize;\r
-}\r
-\r
-.imgCrop_handleSW {\r
- left: -3px;\r
- bottom: -3px;\r
- cursor: sw-resize;\r
-}\r
-\r
-.imgCrop_handleW {\r
- top: 0;\r
- left: -3px;\r
- /* margin-top: 49%; @done_in_js */\r
- cursor: w-resize;\r
-}\r
-\r
-.imgCrop_handleNW {\r
- top: -3px;\r
- left: -3px;\r
- cursor: nw-resize;\r
-}\r
-\r
-/**\r
- * Create an area to click & drag around on as the default browser behaviour is to let you drag the image \r
- */\r
-.imgCrop_dragArea {\r
- width: 100%;\r
- height: 100%;\r
- z-index: 200;\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
-}\r
-\r
-.imgCrop_previewWrap {\r
- /* width: 200px; @done_in_js */\r
- /* height: 200px; @done_in_js */\r
- overflow: hidden;\r
- position: relative;\r
-}\r
-\r
-.imgCrop_previewWrap img {\r
- position: absolute;\r
-}
\ No newline at end of file