layout.css 553 B

1234567891011
  1. /* Apply these styles only when #preview-pane has
  2. been placed within the Jcrop widget */
  3. .jcrop-holder #preview-pane{display:block;position:absolute;z-index:2000;top:0;right:-280px;padding:6px;border:1px rgba(0,0,0,.4) solid;border-radius:6px;background-color:white;box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.2);}
  4. /* The Javascript code will set the aspect ratio of the crop
  5. area based on the size of the thumbnail preview,
  6. specified here */
  7. #preview-pane .preview-container{width:250px;height:170px;overflow:hidden;}
  8. .button.active{opacity:0.6;}