1/* jquery.Jcrop.css v0.9.12 - MIT License */ 2/* 3 The outer-most container in a typical Jcrop instance 4 If you are having difficulty with formatting related to styles 5 on a parent element, place any fixes here or in a like selector 6 7 You can also style this element if you want to add a border, etc 8 A better method for styling can be seen below with .jcrop-light 9 (Add a class to the holder and style elements for that extended class) 10*/ 11.jcrop-holder { 12 direction: ltr; 13 text-align: left; 14} 15/* Selection Border */ 16.jcrop-vline, 17.jcrop-hline { 18 background: #ffffff url("Jcrop.gif"); 19 font-size: 0; 20 position: absolute; 21} 22.jcrop-vline { 23 height: 100%; 24 width: 1px !important; 25} 26.jcrop-vline.right { 27 right: 0; 28} 29.jcrop-hline { 30 height: 1px !important; 31 width: 100%; 32} 33.jcrop-hline.bottom { 34 bottom: 0; 35} 36/* Invisible click targets */ 37.jcrop-tracker { 38 height: 100%; 39 width: 100%; 40 /* "turn off" link highlight */ 41 -webkit-tap-highlight-color: transparent; 42 /* disable callout, image save panel */ 43 -webkit-touch-callout: none; 44 /* disable cut copy paste */ 45 -webkit-user-select: none; 46} 47/* Selection Handles */ 48.jcrop-handle { 49 background-color: #333333; 50 border: 1px #eeeeee solid; 51 width: 7px; 52 height: 7px; 53 font-size: 1px; 54} 55.jcrop-handle.ord-n { 56 left: 50%; 57 margin-left: -4px; 58 margin-top: -4px; 59 top: 0; 60} 61.jcrop-handle.ord-s { 62 bottom: 0; 63 left: 50%; 64 margin-bottom: -4px; 65 margin-left: -4px; 66} 67.jcrop-handle.ord-e { 68 margin-right: -4px; 69 margin-top: -4px; 70 right: 0; 71 top: 50%; 72} 73.jcrop-handle.ord-w { 74 left: 0; 75 margin-left: -4px; 76 margin-top: -4px; 77 top: 50%; 78} 79.jcrop-handle.ord-nw { 80 left: 0; 81 margin-left: -4px; 82 margin-top: -4px; 83 top: 0; 84} 85.jcrop-handle.ord-ne { 86 margin-right: -4px; 87 margin-top: -4px; 88 right: 0; 89 top: 0; 90} 91.jcrop-handle.ord-se { 92 bottom: 0; 93 margin-bottom: -4px; 94 margin-right: -4px; 95 right: 0; 96} 97.jcrop-handle.ord-sw { 98 bottom: 0; 99 left: 0; 100 margin-bottom: -4px; 101 margin-left: -4px; 102} 103/* Dragbars */ 104.jcrop-dragbar.ord-n, 105.jcrop-dragbar.ord-s { 106 height: 7px; 107 width: 100%; 108} 109.jcrop-dragbar.ord-e, 110.jcrop-dragbar.ord-w { 111 height: 100%; 112 width: 7px; 113} 114.jcrop-dragbar.ord-n { 115 margin-top: -4px; 116} 117.jcrop-dragbar.ord-s { 118 bottom: 0; 119 margin-bottom: -4px; 120} 121.jcrop-dragbar.ord-e { 122 margin-right: -4px; 123 right: 0; 124} 125.jcrop-dragbar.ord-w { 126 margin-left: -4px; 127} 128/* The "jcrop-light" class/extension */ 129.jcrop-light .jcrop-vline, 130.jcrop-light .jcrop-hline { 131 background: #ffffff; 132 filter: alpha(opacity=70) !important; 133 opacity: .70!important; 134} 135.jcrop-light .jcrop-handle { 136 -moz-border-radius: 3px; 137 -webkit-border-radius: 3px; 138 background-color: #000000; 139 border-color: #ffffff; 140 border-radius: 3px; 141} 142/* The "jcrop-dark" class/extension */ 143.jcrop-dark .jcrop-vline, 144.jcrop-dark .jcrop-hline { 145 background: #000000; 146 filter: alpha(opacity=70) !important; 147 opacity: 0.7 !important; 148} 149.jcrop-dark .jcrop-handle { 150 -moz-border-radius: 3px; 151 -webkit-border-radius: 3px; 152 background-color: #ffffff; 153 border-color: #000000; 154 border-radius: 3px; 155} 156/* Simple macro to turn off the antlines */ 157.solid-line .jcrop-vline, 158.solid-line .jcrop-hline { 159 background: #ffffff; 160} 161/* Fix for twitter bootstrap et al. */ 162.jcrop-holder img, 163img.jcrop-preview { 164 max-width: none; 165} 166