www-apps/phpSANE/dev/css/jquery.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 }
  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,
 163 img.jcrop-preview {
 164   max-width: none;
 165 }