"

From 2011.igem.org

---

Revision as of 23:42, 27 October 2011

/*

  Magic Zoom v4.0.1 
  Copyright 2011 Magic Toolbox
  Buy a license: www.magictoolbox.com/magiczoom/
  License agreement: http://www.magictoolbox.com/license/

• /

/* Style of the main image */ .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; }

/* tyle of the hint text and image */ .MagicZoomHint { background: url(graphics/hint.gif) no-repeat 2px 50%; padding: 2px 2px 2px 20px !important; min-height: 24px; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; color: #444; }

/* Style to hide external title on a page. Only needed for #id method */ .MagicZoomExternalTitle { display: none; }

/* Style of the zoomed image */ .MagicZoomBigImageCont { border: 1px solid #999; }

/* Style of text on the zoomed image */ .MagicZoomHeader { font-size: 10pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important; }

/* Style of square magnify area under the cursor */ .MagicZoomPup { border: 1px solid #aaa; background: #fff; cursor: move; }

/* Style of loading message and icon shown during load */ .MagicZoomLoading { border: 1px solid #ccc; background: #fff url(graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; line-height: 1.5em; font-size: 8pt; font-family: sans-serif; color: #444; }

/* Style of shadow effect behind zoomed image */ .MagicBoxShadow { -moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; }

/* Style of glow effect behind zoomed image */ .MagicBoxGlow { -moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; }