js/extlib/jquery-jcrop/css/jcrop.css

   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   /* IE10 touch compatibility */
  15   -ms-touch-action: none;
  16 }
  17 /* Selection Border */
  18 .jcrop-vline,
  19 .jcrop-hline {
  20   background: #ffffff url("Jcrop.gif");
  21   font-size: 0;
  22   position: absolute;
  23 }
  24 .jcrop-vline {
  25   height: 100%;
  26   width: 1px !important;
  27 }
  28 .jcrop-vline.right {
  29   right: 0;
  30 }
  31 .jcrop-hline {
  32   height: 1px !important;
  33   width: 100%;
  34 }
  35 .jcrop-hline.bottom {
  36   bottom: 0;
  37 }
  38 /* Invisible click targets */
  39 .jcrop-tracker {
  40   height: 100%;
  41   width: 100%;
  42   /* "turn off" link highlight */
  43   -webkit-tap-highlight-color: transparent;
  44   /* disable callout, image save panel */
  45   -webkit-touch-callout: none;
  46   /* disable cut copy paste */
  47   -webkit-user-select: none;
  48 }
  49 /* Selection Handles */
  50 .jcrop-handle {
  51   background-color: #333333;
  52   border: 1px #eeeeee solid;
  53   width: 7px;
  54   height: 7px;
  55   font-size: 1px;
  56 }
  57 .jcrop-handle.ord-n {
  58   left: 50%;
  59   margin-left: -4px;
  60   margin-top: -4px;
  61   top: 0;
  62 }
  63 .jcrop-handle.ord-s {
  64   bottom: 0;
  65   left: 50%;
  66   margin-bottom: -4px;
  67   margin-left: -4px;
  68 }
  69 .jcrop-handle.ord-e {
  70   margin-right: -4px;
  71   margin-top: -4px;
  72   right: 0;
  73   top: 50%;
  74 }
  75 .jcrop-handle.ord-w {
  76   left: 0;
  77   margin-left: -4px;
  78   margin-top: -4px;
  79   top: 50%;
  80 }
  81 .jcrop-handle.ord-nw {
  82   left: 0;
  83   margin-left: -4px;
  84   margin-top: -4px;
  85   top: 0;
  86 }
  87 .jcrop-handle.ord-ne {
  88   margin-right: -4px;
  89   margin-top: -4px;
  90   right: 0;
  91   top: 0;
  92 }
  93 .jcrop-handle.ord-se {
  94   bottom: 0;
  95   margin-bottom: -4px;
  96   margin-right: -4px;
  97   right: 0;
  98 }
  99 .jcrop-handle.ord-sw {
 100   bottom: 0;
 101   left: 0;
 102   margin-bottom: -4px;
 103   margin-left: -4px;
 104 }
 105 /* Dragbars */
 106 .jcrop-dragbar.ord-n,
 107 .jcrop-dragbar.ord-s {
 108   height: 7px;
 109   width: 100%;
 110 }
 111 .jcrop-dragbar.ord-e,
 112 .jcrop-dragbar.ord-w {
 113   height: 100%;
 114   width: 7px;
 115 }
 116 .jcrop-dragbar.ord-n {
 117   margin-top: -4px;
 118 }
 119 .jcrop-dragbar.ord-s {
 120   bottom: 0;
 121   margin-bottom: -4px;
 122 }
 123 .jcrop-dragbar.ord-e {
 124   margin-right: -4px;
 125   right: 0;
 126 }
 127 .jcrop-dragbar.ord-w {
 128   margin-left: -4px;
 129 }
 130 /* The "jcrop-light" class/extension */
 131 .jcrop-light .jcrop-vline,
 132 .jcrop-light .jcrop-hline {
 133   background: #ffffff;
 134   filter: alpha(opacity=70) !important;
 135   opacity: .70!important;
 136 }
 137 .jcrop-light .jcrop-handle {
 138   -moz-border-radius: 3px;
 139   -webkit-border-radius: 3px;
 140   background-color: #000000;
 141   border-color: #ffffff;
 142   border-radius: 3px;
 143 }
 144 /* The "jcrop-dark" class/extension */
 145 .jcrop-dark .jcrop-vline,
 146 .jcrop-dark .jcrop-hline {
 147   background: #000000;
 148   filter: alpha(opacity=70) !important;
 149   opacity: 0.7 !important;
 150 }
 151 .jcrop-dark .jcrop-handle {
 152   -moz-border-radius: 3px;
 153   -webkit-border-radius: 3px;
 154   background-color: #ffffff;
 155   border-color: #000000;
 156   border-radius: 3px;
 157 }
 158 /* Simple macro to turn off the antlines */
 159 .solid-line .jcrop-vline,
 160 .solid-line .jcrop-hline {
 161   background: #ffffff;
 162 }
 163 /* Fix for twitter bootstrap et al. */
 164 .jcrop-holder img,
 165 img.jcrop-preview {
 166   max-width: none;
 167 }