/** * PopBox - jQuery Plugin * An allround lightbox alternative based on FancyBox (v1.3.1): http://fancybox.net/ * * Version: 1.0.0 (19/05/2010) * Requires: jQuery v1.3+ * * @author Peter Pettersson * @copyright Copyright (c) 2009-2011 SAVEA AB * @license http://www.opensource.org/licenses/mit-license.php The MIT License * @license http://www.gnu.org/licenses/gpl.html The GNU General Public License (GPL) */ #popbox {font-size: 11px;} #popbox-loading {position: fixed;top: 50%;left: 50%;height: 40px;width: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} /** IE6 */ * html #popbox-loading {position: absolute;margin-top: 0;} #popbox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url(../images/popbox/popbox.png);} #popbox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000000;z-index: 1100;display: none;} /** IE6 */ * html #popbox-overlay {position: absolute;width: 100%;} #popbox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;} #popbox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 0;z-index: 1101;display: none;} #popbox-outer {background-color: #ffffff;height: 100%;position: relative;width: 100%;z-index: 1099;} #popbox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;margin: 0;outline: none;overflow: hidden;padding: 0;} #popbox-titlebar {color: #000000;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;font-weight: bold;margin: 0;padding-bottom: 10px;padding-top: 10px;z-index: 1102;} #popbox-titlebar-icon {float: left;padding-right: 5px;} #popbox-infobar {border-top: 1px solid #d6d6d6;position: absolute;bottom: 0;left: 0;padding: 8px 0;margin: 8px 0 0;outline: none;overflow: hidden;z-index: 1102;} #popbox-infobar-buttons {float: right;} #popbox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} #popbox-close {background-image: url(../images/popbox/popbox-close.png);cursor: pointer;width: 29px;height: 29px;z-index: 1103;position: absolute;top: -12px;right: -12px;} #popbox_error {color: #444444;font: normal 12px/20px Arial;padding: 7px;margin: 0;} #popbox-content {height: auto;width: auto;padding: 0;margin: 0;} #popbox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;} #popbox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;} #popbox-desc {padding: 5px 0;} .popbox-desc-inside {padding: 10px 0;text-align: center;color: #333333;} .popbox-desc-outside {padding-top: 5px;color: #ffffff;text-align: center;font-weight: bold;} .popbox-desc-over {color: #ffffff;text-align: left;} #popbox-desc-over {padding: 10px;background-image: url(../images/popbox/popbox-desc-over.png);display: block;} #popbox-desc-wrap {display: inline-block;} #popbox-desc-wrap span {height: 32px;float: left;} #popbox-desc-left {padding-left: 15px;background-image: url(../images/popbox/popbox.png);background-position: -40px -90px;background-repeat: no-repeat;} #popbox-desc-main {font-weight: bold;line-height: 29px;background-image: url(../images/popbox/popbox-x.png);background-position: 0px -40px;color: #FFF;} #popbox-desc-right {padding-left: 15px;background-image: url(../images/popbox/popbox.png);background-position: -55px -90px;background-repeat: no-repeat;} #popbox-gallery-info {color: #999999;margin-top: 5px;} #popbox-left, #popbox-right {background-image: url(../images/popbox/blank.gif);cursor: pointer;display: none;outline: none;overflow: hidden;z-index: 1101;height: 100%;width: 35%;position: absolute;bottom: 0px;} #popbox-left {left: 0px;} #popbox-right {right: 0px;} #popbox-left-ico, #popbox-right-ico {position: absolute;top: 50%;left: -9999px;width: 100px;height: 400px;margin-top: -200px;cursor: pointer;z-index: 1102;display: block;} #popbox-left-ico {background-image: url(../images/popbox/popbox-nav.png);background-position: -110px 0;left: 0 !important;} #popbox-left:hover #popbox-left-ico {background-position: 0 0;} #popbox-right-ico {background-image: url(../images/popbox/popbox-nav.png);background-position: -220px 0;left: auto !important;right: 0 !important;} #popbox-right:hover #popbox-right-ico {background-position: -330px 0;} /** IE6 */ #popbox-left:hover, #popbox-right:hover {visibility: visible;} #popbox-left:hover span {} #popbox-right:hover span {} /** Border .popbox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 10px;height: 10px;z-index: 1001;} #popbox-bg-n {background: transparent url(../images/popbox/border-n.png) repeat-x left top;top: -10px;left: 0;width: 100%;} #popbox-bg-ne {background-image: url(../images/popbox/border-ne.png);top: -10px;right: -10px;} #popbox-bg-e {background: transparent url(../images/popbox/border-e.png) repeat-y left top;top: 0;right: -10px;height: 100%;} #popbox-bg-se {background-image: url(../images/popbox/border-se.png);bottom: -10px;right: -10px;} #popbox-bg-s {background: transparent url(../images/popbox/border-s.png) repeat-x left top;bottom: -10px;left: 0;width: 100%;} #popbox-bg-sw {background-image: url(../images/popbox/border-sw.png);bottom: -10px;left: -10px;} #popbox-bg-w {background: transparent url(../images/popbox/border-w.png) repeat-y left top;top: 0;left: -10px;height: 100%;} #popbox-bg-nw {background-image: url(../images/popbox/border-nw.png);top: -10px;left: -10px;} */ .popbox#login .forgot {color: #888888;float: right;font-size: 11px;padding-right: 5px;} .popbox#login input {margin-top: 4px;} .popbox#restock_mail {width: 290px;} .popbox input, .popbox textarea {border: 1px solid #c9c9c9;font-size: 13px;padding: 5px;width: 200px;} .popbox .error {color: #ee0000;margin: 10px 0;} /** CSS3 */ #popbox-outer { -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 20px #444444; -webkit-box-shadow: 0 0 20px #444444; box-shadow: 0 0 20px #444444; } .popbox input, .popbox textarea { -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 3px 3px 1px #f0f0f0; -webkit-box-shadow: inset 0 3px 3px 1px #f0f0f0; box-shadow: inset 0 3px 3px 1px #f0f0f0; }