/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; -webkit-box-shadow:0 0 1em rgba(0,0,0,0.6); -moz-box-shadow:0 0 1em rgba(0,0,0,0.6); box-shadow:0 0 1em rgba(0,0,0,0.6); } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 24px; height: 24px; line-height: 24px !important; font-size:16px !important; font-family: sans-serif !important; cursor: pointer; z-index: 1103; display: none; text-align: center; background: #000; display: inline-block; border:2px solid #fff; -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; font-weight: bold; color: #fff; text-shadow:none; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.8); box-shadow:0 1px 3px rgba(0,0,0,0.8); -webkit-transition:all ease-in-out .2s; } #fancybox-close:hover { background: #a36396; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; text-align: center; padding-top:10px; } #fancybox-title-float { padding:3px 10px; background: #000; display: inline-block; border:2px solid #fff; -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; font-weight: bold; color: #fff; text-shadow:none; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.8); box-shadow:0 1px 3px rgba(0,0,0,0.8); }