github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/jcrop/css/jquery.Jcrop.css (about)

     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  }